diff --git a/.github/workflows/node.js.yml b/.github/workflows/node.js.yml index 1fae8d27..60fc3cdf 100644 --- a/.github/workflows/node.js.yml +++ b/.github/workflows/node.js.yml @@ -16,7 +16,7 @@ jobs: strategy: matrix: - node-version: [12.x] + node-version: [14.x] # See supported Node.js release schedule at https://nodejs.org/en/about/releases/ steps: diff --git a/.nvmrc b/.nvmrc new file mode 100644 index 00000000..ed9f5a0a --- /dev/null +++ b/.nvmrc @@ -0,0 +1 @@ +14.18.2 diff --git a/.vscode/launch.json b/.vscode/launch.json index a96b2d0d..24a5c248 100644 --- a/.vscode/launch.json +++ b/.vscode/launch.json @@ -40,6 +40,30 @@ "name": "Attach to Chrome", "port": 9222, "webRoot": "${workspaceRoot}" + }, + { + "type": "chrome", + "request": "attach", + "name": "Attach to Karma", + "address": "localhost", + "restart": true, + "port": 9222, + "timeout": 600000, + "sourceMaps": true, + "webRoot": "${workspaceFolder}", + "pathMapping": { + "/_karma_webpack_": "${workspaceFolder}" + } + }, + { + "type": "node", + "request": "launch", + "name": "Run test file", + "skipFiles": ["/**"], + "console": "integratedTerminal", + "program": "${workspaceFolder}/node_modules/.bin/ng", + "args": ["test", "--include", "${relativeFile}"], + "outFiles": ["${workspaceFolder}/**/*.js"] } ] } diff --git a/angular.json b/angular.json index a7d2615f..6ba0ebfc 100644 --- a/angular.json +++ b/angular.json @@ -21,7 +21,15 @@ "file-saver", "paypal-checkout", "content-disposition", - "@ctrl/ngx-codemirror" + "@ctrl/ngx-codemirror", + "codemirror/addon/edit/closebrackets", + "codemirror/addon/edit/closetag", + "codemirror/addon/edit/matchbrackets", + "codemirror/addon/hint/show-hint", + "codemirror/addon/hint/sql-hint", + "codemirror/addon/scroll/simplescrollbars", + "codemirror/addon/selection/active-line", + "codemirror/mode/sql/sql" ], "outputPath": "dist", "index": "src/index.html", @@ -29,7 +37,14 @@ "tsConfig": "tsconfig.app.json", "polyfills": "src/polyfills.ts", "assets": [ - "src/assets", + { + "glob": "**/*", + "input": "src/assets/", + "ignore": [ + "**/*.scss" + ], + "output": "/assets/" + }, "src/favicon.ico", { "glob": "**/*.js", @@ -64,11 +79,7 @@ "node_modules/codemirror/addon/hint/show-hint.css", "src/styles.scss" ], - "scripts": [ - "node_modules/jquery/dist/jquery.js", - "node_modules/nanoscroller/bin/javascripts/jquery.nanoscroller.js", - "src/assets/layout/js/ripple.js" - ] + "scripts": [] }, "configurations": { "test": { @@ -182,11 +193,7 @@ "karmaConfig": "./karma.conf.js", "polyfills": "src/polyfills.ts", "tsConfig": "tsconfig.spec.json", - "scripts": [ - "node_modules/jquery/dist/jquery.js", - "node_modules/nanoscroller/bin/javascripts/jquery.nanoscroller.js", - "src/assets/layout/js/ripple.js" - ], + "scripts": [], "styles": [ "node_modules/primeng/resources/primeng.min.css", "node_modules/nanoscroller/bin/css/nanoscroller.css", @@ -248,16 +255,15 @@ } } } - }, "defaultProject": "machete-ui", "schematics": { "@schematics/angular:component": { "prefix": "app", - "style": "css" + "style": "scss" }, "@schematics/angular:directive": { "prefix": "app" } } -} +} \ No newline at end of file diff --git a/assets b/assets new file mode 120000 index 00000000..a19df8d2 --- /dev/null +++ b/assets @@ -0,0 +1 @@ +src/assets/ \ No newline at end of file diff --git a/package-lock.json b/package-lock.json index 253135a4..2edaa9ea 100644 --- a/package-lock.json +++ b/package-lock.json @@ -354,9 +354,9 @@ } }, "@angular-devkit/core": { - "version": "12.2.7", - "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-12.2.7.tgz", - "integrity": "sha512-WeLlDZaudpx10OGDPfVcWu/CaEWiWzAaLTUQz0Ww/yM+01FxR/P8yeH1sYAV1MS6d6KHvXGw7Lpf8PV7IA/zHA==", + "version": "12.2.14", + "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-12.2.14.tgz", + "integrity": "sha512-C2pVuvZGULzaIu44ixQ4prJIBn/QLY/bjlyProXM8NOw5/92iNuGus11qZ4+xeiQgzfZxXN1eYyL2Mpo7PG5ug==", "dev": true, "requires": { "ajv": "8.6.2", @@ -368,12 +368,12 @@ } }, "@angular-devkit/schematics": { - "version": "12.2.7", - "resolved": "https://registry.npmjs.org/@angular-devkit/schematics/-/schematics-12.2.7.tgz", - "integrity": "sha512-E0hCFyyfbixjerf0Okt4ynC6F1dsT2Wl7MwAePe+wzPTHCnKIRTa2PQTxJzdWeTlSkQMkSK6ft2iyWOD/FODng==", + "version": "12.2.14", + "resolved": "https://registry.npmjs.org/@angular-devkit/schematics/-/schematics-12.2.14.tgz", + "integrity": "sha512-QS2IdV3c51CFpHlj1x7xEOQuoYJS2W1bDYLbZUcgfp7u/6M8pA1gz96F0zy4dO5775+MSakpl9314H9956irKw==", "dev": true, "requires": { - "@angular-devkit/core": "12.2.7", + "@angular-devkit/core": "12.2.14", "ora": "5.4.1", "rxjs": "6.6.7" } @@ -395,17 +395,6 @@ "requires": { "@angular-eslint/utils": "12.5.0", "@typescript-eslint/experimental-utils": "4.28.2" - }, - "dependencies": { - "@angular-eslint/utils": { - "version": "12.5.0", - "resolved": "https://registry.npmjs.org/@angular-eslint/utils/-/utils-12.5.0.tgz", - "integrity": "sha512-h3ayDMxndrWRwX4sSe3Xs4QpGz+wIa6cAYtDKGu3H9HPlEacQCkKkTPCDy1d+993iL+9XynWIKuNCK9pX9YHgA==", - "dev": true, - "requires": { - "@typescript-eslint/experimental-utils": "4.28.2" - } - } } }, "@angular-eslint/eslint-plugin-template": { @@ -441,6 +430,15 @@ "eslint-scope": "^5.1.0" } }, + "@angular-eslint/utils": { + "version": "12.5.0", + "resolved": "https://registry.npmjs.org/@angular-eslint/utils/-/utils-12.5.0.tgz", + "integrity": "sha512-h3ayDMxndrWRwX4sSe3Xs4QpGz+wIa6cAYtDKGu3H9HPlEacQCkKkTPCDy1d+993iL+9XynWIKuNCK9pX9YHgA==", + "dev": true, + "requires": { + "@typescript-eslint/experimental-utils": "4.28.2" + } + }, "@angular/animations": { "version": "12.2.16", "resolved": "https://registry.npmjs.org/@angular/animations/-/animations-12.2.16.tgz", @@ -640,9 +638,9 @@ "dev": true }, "@angular/platform-browser": { - "version": "12.2.8", - "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-12.2.8.tgz", - "integrity": "sha512-U79tj/fOIKYQbtrRhZm6IcHilUt3UEmloRh7hn2ozhYWOgJmTpygR6FIvvu1X7urAFoOMGY25UZjBNxbnabRNw==", + "version": "12.2.15", + "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-12.2.15.tgz", + "integrity": "sha512-JdKsjzx/0n8tBJ1aZzF7nC+MZGiLUXu6MphPw8OM/+sB5P9mGa+RCaQ5sdruLDYugx7nI+giRFGPblpO+yiV4A==", "requires": { "tslib": "^2.2.0" }, @@ -708,18 +706,18 @@ "dev": true }, "@babel/code-frame": { - "version": "7.14.5", - "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.14.5.tgz", - "integrity": "sha512-9pzDqyc6OLDaqe+zbACgFkb6fKMNG6CObKpnYXChRsvYGyEdc7CA2BaqeOM+vOtCS5ndmJicPJhKAwYRI6UfFw==", + "version": "7.16.0", + "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.16.0.tgz", + "integrity": "sha512-IF4EOMEV+bfYwOmNxGzSnjR2EmQod7f1UXOpZM3l4i4o4QNwzjtJAu/HxdjHq0aYBvdqMuQEY1eg0nqW9ZPORA==", "dev": true, "requires": { - "@babel/highlight": "^7.14.5" + "@babel/highlight": "^7.16.0" } }, "@babel/compat-data": { - "version": "7.15.0", - "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.15.0.tgz", - "integrity": "sha512-0NqAC1IJE0S0+lL1SWFMxMkz1pKCNCjI4tr2Zx4LJSXxCLAdr6KyArnY+sno5m3yH9g737ygOyPABDsnXkpxiA==", + "version": "7.16.4", + "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.16.4.tgz", + "integrity": "sha512-1o/jo7D+kC9ZjHX5v+EHrdjl3PhxMrLSOTGsOdHJ+KL8HCaEK6ehrVL2RS6oHDZp+L7xLirLrPmQtEng769J/Q==", "dev": true }, "@babel/core": { @@ -816,14 +814,14 @@ } }, "@babel/helper-compilation-targets": { - "version": "7.15.4", - "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.15.4.tgz", - "integrity": "sha512-rMWPCirulnPSe4d+gwdWXLfAXTTBj8M3guAf5xFQJ0nvFY7tfNAFnWdqaHegHlgDZOCT4qvhF3BYlSJag8yhqQ==", + "version": "7.16.3", + "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.16.3.tgz", + "integrity": "sha512-vKsoSQAyBmxS35JUOOt+07cLc6Nk/2ljLIHwmq2/NM6hdioUaqEXq/S+nXvbvXbZkNDlWOymPanJGOc4CBjSJA==", "dev": true, "requires": { - "@babel/compat-data": "^7.15.0", + "@babel/compat-data": "^7.16.0", "@babel/helper-validator-option": "^7.14.5", - "browserslist": "^4.16.6", + "browserslist": "^4.17.5", "semver": "^6.3.0" }, "dependencies": { @@ -1134,103 +1132,85 @@ } }, "@babel/helper-function-name": { - "version": "7.15.4", - "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.15.4.tgz", - "integrity": "sha512-Z91cOMM4DseLIGOnog+Z8OI6YseR9bua+HpvLAQ2XayUGU+neTtX+97caALaLdyu53I/fjhbeCnWnRH1O3jFOw==", + "version": "7.16.0", + "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.16.0.tgz", + "integrity": "sha512-BZh4mEk1xi2h4HFjWUXRQX5AEx4rvaZxHgax9gcjdLWdkjsY7MKt5p0otjsg5noXw+pB+clMCjw+aEVYADMjog==", "dev": true, "requires": { - "@babel/helper-get-function-arity": "^7.15.4", - "@babel/template": "^7.15.4", - "@babel/types": "^7.15.4" + "@babel/helper-get-function-arity": "^7.16.0", + "@babel/template": "^7.16.0", + "@babel/types": "^7.16.0" }, "dependencies": { "@babel/template": { - "version": "7.15.4", - "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.15.4.tgz", - "integrity": "sha512-UgBAfEa1oGuYgDIPM2G+aHa4Nlo9Lh6mGD2bDBGMTbYnc38vulXPuC1MGjYILIEmlwl6Rd+BPR9ee3gm20CBtg==", + "version": "7.16.0", + "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.16.0.tgz", + "integrity": "sha512-MnZdpFD/ZdYhXwiunMqqgyZyucaYsbL0IrjoGjaVhGilz+x8YB++kRfygSOIj1yOtWKPlx7NBp+9I1RQSgsd5A==", "dev": true, "requires": { - "@babel/code-frame": "^7.14.5", - "@babel/parser": "^7.15.4", - "@babel/types": "^7.15.4" + "@babel/code-frame": "^7.16.0", + "@babel/parser": "^7.16.0", + "@babel/types": "^7.16.0" } } } }, "@babel/helper-get-function-arity": { - "version": "7.15.4", - "resolved": "https://registry.npmjs.org/@babel/helper-get-function-arity/-/helper-get-function-arity-7.15.4.tgz", - "integrity": "sha512-1/AlxSF92CmGZzHnC515hm4SirTxtpDnLEJ0UyEMgTMZN+6bxXKg04dKhiRx5Enel+SUA1G1t5Ed/yQia0efrA==", + "version": "7.16.0", + "resolved": "https://registry.npmjs.org/@babel/helper-get-function-arity/-/helper-get-function-arity-7.16.0.tgz", + "integrity": "sha512-ASCquNcywC1NkYh/z7Cgp3w31YW8aojjYIlNg4VeJiHkqyP4AzIvr4qx7pYDb4/s8YcsZWqqOSxgkvjUz1kpDQ==", "dev": true, "requires": { - "@babel/types": "^7.15.4" + "@babel/types": "^7.16.0" } }, "@babel/helper-hoist-variables": { - "version": "7.15.4", - "resolved": "https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.15.4.tgz", - "integrity": "sha512-VTy085egb3jUGVK9ycIxQiPbquesq0HUQ+tPO0uv5mPEBZipk+5FkRKiWq5apuyTE9FUrjENB0rCf8y+n+UuhA==", - "dev": true, - "requires": { - "@babel/types": "^7.15.4" - } - }, - "@babel/helper-member-expression-to-functions": { - "version": "7.15.4", - "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.15.4.tgz", - "integrity": "sha512-cokOMkxC/BTyNP1AlY25HuBWM32iCEsLPI4BHDpJCHHm1FU2E7dKWWIXJgQgSFiu4lp8q3bL1BIKwqkSUviqtA==", + "version": "7.16.0", + "resolved": "https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.16.0.tgz", + "integrity": "sha512-1AZlpazjUR0EQZQv3sgRNfM9mEVWPK3M6vlalczA+EECcPz3XPh6VplbErL5UoMpChhSck5wAJHthlj1bYpcmg==", "dev": true, "requires": { - "@babel/types": "^7.15.4" + "@babel/types": "^7.16.0" } }, "@babel/helper-module-imports": { - "version": "7.15.4", - "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.15.4.tgz", - "integrity": "sha512-jeAHZbzUwdW/xHgHQ3QmWR4Jg6j15q4w/gCfwZvtqOxoo5DKtLHk8Bsf4c5RZRC7NmLEs+ohkdq8jFefuvIxAA==", + "version": "7.16.0", + "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.16.0.tgz", + "integrity": "sha512-kkH7sWzKPq0xt3H1n+ghb4xEMP8k0U7XV3kkB+ZGy69kDk2ySFW1qPi06sjKzFY3t1j6XbJSqr4mF9L7CYVyhg==", "dev": true, "requires": { - "@babel/types": "^7.15.4" + "@babel/types": "^7.16.0" } }, "@babel/helper-module-transforms": { - "version": "7.15.7", - "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.15.7.tgz", - "integrity": "sha512-ZNqjjQG/AuFfekFTY+7nY4RgBSklgTu970c7Rj3m/JOhIu5KPBUuTA9AY6zaKcUvk4g6EbDXdBnhi35FAssdSw==", + "version": "7.16.5", + "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.16.5.tgz", + "integrity": "sha512-CkvMxgV4ZyyioElFwcuWnDCcNIeyqTkCm9BxXZi73RR1ozqlpboqsbGUNvRTflgZtFbbJ1v5Emvm+lkjMYY/LQ==", "dev": true, "requires": { - "@babel/helper-module-imports": "^7.15.4", - "@babel/helper-replace-supers": "^7.15.4", - "@babel/helper-simple-access": "^7.15.4", - "@babel/helper-split-export-declaration": "^7.15.4", + "@babel/helper-environment-visitor": "^7.16.5", + "@babel/helper-module-imports": "^7.16.0", + "@babel/helper-simple-access": "^7.16.0", + "@babel/helper-split-export-declaration": "^7.16.0", "@babel/helper-validator-identifier": "^7.15.7", - "@babel/template": "^7.15.4", - "@babel/traverse": "^7.15.4", - "@babel/types": "^7.15.6" + "@babel/template": "^7.16.0", + "@babel/traverse": "^7.16.5", + "@babel/types": "^7.16.0" }, "dependencies": { "@babel/template": { - "version": "7.15.4", - "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.15.4.tgz", - "integrity": "sha512-UgBAfEa1oGuYgDIPM2G+aHa4Nlo9Lh6mGD2bDBGMTbYnc38vulXPuC1MGjYILIEmlwl6Rd+BPR9ee3gm20CBtg==", + "version": "7.16.0", + "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.16.0.tgz", + "integrity": "sha512-MnZdpFD/ZdYhXwiunMqqgyZyucaYsbL0IrjoGjaVhGilz+x8YB++kRfygSOIj1yOtWKPlx7NBp+9I1RQSgsd5A==", "dev": true, "requires": { - "@babel/code-frame": "^7.14.5", - "@babel/parser": "^7.15.4", - "@babel/types": "^7.15.4" + "@babel/code-frame": "^7.16.0", + "@babel/parser": "^7.16.0", + "@babel/types": "^7.16.0" } } } }, - "@babel/helper-optimise-call-expression": { - "version": "7.15.4", - "resolved": "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.15.4.tgz", - "integrity": "sha512-E/z9rfbAOt1vDW1DR7k4SzhzotVV5+qMciWV6LaG1g4jeFrkDlJedjtV4h0i4Q/ITnUu+Pk08M7fczsB9GXBDw==", - "dev": true, - "requires": { - "@babel/types": "^7.15.4" - } - }, "@babel/helper-plugin-utils": { "version": "7.16.7", "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.16.7.tgz", @@ -1275,25 +1255,13 @@ } } }, - "@babel/helper-replace-supers": { - "version": "7.15.4", - "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.15.4.tgz", - "integrity": "sha512-/ztT6khaXF37MS47fufrKvIsiQkx1LBRvSJNzRqmbyeZnTwU9qBxXYLaaT/6KaxfKhjs2Wy8kG8ZdsFUuWBjzw==", - "dev": true, - "requires": { - "@babel/helper-member-expression-to-functions": "^7.15.4", - "@babel/helper-optimise-call-expression": "^7.15.4", - "@babel/traverse": "^7.15.4", - "@babel/types": "^7.15.4" - } - }, "@babel/helper-simple-access": { - "version": "7.15.4", - "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.15.4.tgz", - "integrity": "sha512-UzazrDoIVOZZcTeHHEPYrr1MvTR/K+wgLg6MY6e1CJyaRhbibftF6fR2KU2sFRtI/nERUZR9fBd6aKgBlIBaPg==", + "version": "7.16.0", + "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.16.0.tgz", + "integrity": "sha512-o1rjBT/gppAqKsYfUdfHq5Rk03lMQrkPHG1OWzHWpLgVXRH4HnMM9Et9CVdIqwkCQlobnGHEJMsgWP/jE1zUiw==", "dev": true, "requires": { - "@babel/types": "^7.15.4" + "@babel/types": "^7.16.0" } }, "@babel/helper-skip-transparent-expression-wrappers": { @@ -1324,12 +1292,12 @@ } }, "@babel/helper-split-export-declaration": { - "version": "7.15.4", - "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.15.4.tgz", - "integrity": "sha512-HsFqhLDZ08DxCpBdEVtKmywj6PQbwnF6HHybur0MAnkAKnlS6uHkwnmRIkElB2Owpfb4xL4NwDmDLFubueDXsw==", + "version": "7.16.0", + "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.16.0.tgz", + "integrity": "sha512-0YMMRpuDFNGTHNRiiqJX19GjNXA4H0E8jZ2ibccfSxaCogbm3am5WN/2nQNj0YnQwGWM1J06GOcQ2qnh3+0paw==", "dev": true, "requires": { - "@babel/types": "^7.15.4" + "@babel/types": "^7.16.0" } }, "@babel/helper-validator-identifier": { @@ -1485,44 +1453,44 @@ } }, "@babel/helpers": { - "version": "7.15.4", - "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.15.4.tgz", - "integrity": "sha512-V45u6dqEJ3w2rlryYYXf6i9rQ5YMNu4FLS6ngs8ikblhu2VdR1AqAd6aJjBzmf2Qzh6KOLqKHxEN9+TFbAkAVQ==", + "version": "7.16.5", + "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.16.5.tgz", + "integrity": "sha512-TLgi6Lh71vvMZGEkFuIxzaPsyeYCHQ5jJOOX1f0xXn0uciFuE8cEk0wyBquMcCxBXZ5BJhE2aUB7pnWTD150Tw==", "dev": true, "requires": { - "@babel/template": "^7.15.4", - "@babel/traverse": "^7.15.4", - "@babel/types": "^7.15.4" + "@babel/template": "^7.16.0", + "@babel/traverse": "^7.16.5", + "@babel/types": "^7.16.0" }, "dependencies": { "@babel/template": { - "version": "7.15.4", - "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.15.4.tgz", - "integrity": "sha512-UgBAfEa1oGuYgDIPM2G+aHa4Nlo9Lh6mGD2bDBGMTbYnc38vulXPuC1MGjYILIEmlwl6Rd+BPR9ee3gm20CBtg==", + "version": "7.16.0", + "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.16.0.tgz", + "integrity": "sha512-MnZdpFD/ZdYhXwiunMqqgyZyucaYsbL0IrjoGjaVhGilz+x8YB++kRfygSOIj1yOtWKPlx7NBp+9I1RQSgsd5A==", "dev": true, "requires": { - "@babel/code-frame": "^7.14.5", - "@babel/parser": "^7.15.4", - "@babel/types": "^7.15.4" + "@babel/code-frame": "^7.16.0", + "@babel/parser": "^7.16.0", + "@babel/types": "^7.16.0" } } } }, "@babel/highlight": { - "version": "7.14.5", - "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.14.5.tgz", - "integrity": "sha512-qf9u2WFWVV0MppaL877j2dBtQIDgmidgjGk5VIMw3OadXvYaXn66U1BFlH2t4+t3i+8PhedppRv+i40ABzd+gg==", + "version": "7.16.0", + "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.16.0.tgz", + "integrity": "sha512-t8MH41kUQylBtu2+4IQA3atqevA2lRgqA2wyVB/YiWmsDSuylZZuXOUy9ric30hfzauEFfdsuk/eXTRrGrfd0g==", "dev": true, "requires": { - "@babel/helper-validator-identifier": "^7.14.5", + "@babel/helper-validator-identifier": "^7.15.7", "chalk": "^2.0.0", "js-tokens": "^4.0.0" } }, "@babel/parser": { - "version": "7.15.7", - "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.15.7.tgz", - "integrity": "sha512-rycZXvQ+xS9QyIcJ9HXeDWf1uxqlbVFAUq0Rq0dbc50Zb/+wUe/ehyfzGfm9KZZF0kBejYgxltBXocP+gKdL2g==", + "version": "7.16.6", + "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.16.6.tgz", + "integrity": "sha512-Gr86ujcNuPDnNOY8mi383Hvi8IYrJVJYuf3XcuBM/Dgd+bINn/7tHqsj+tKkoreMbmGsFLsltI/JJd8fOFWGDQ==", "dev": true }, "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": { @@ -3469,12 +3437,12 @@ } }, "@babel/runtime-corejs3": { - "version": "7.15.4", - "resolved": "https://registry.npmjs.org/@babel/runtime-corejs3/-/runtime-corejs3-7.15.4.tgz", - "integrity": "sha512-lWcAqKeB624/twtTc3w6w/2o9RqJPaNBhPGK6DKLSiwuVWC7WFkypWyNg+CpZoyJH0jVzv1uMtXZ/5/lQOLtCg==", + "version": "7.16.5", + "resolved": "https://registry.npmjs.org/@babel/runtime-corejs3/-/runtime-corejs3-7.16.5.tgz", + "integrity": "sha512-F1pMwvTiUNSAM8mc45kccMQxj31x3y3P+tA/X8hKNWp3/hUsxdGxZ3D3H8JIkxtfA8qGkaBTKvcmvStaYseAFw==", "dev": true, "requires": { - "core-js-pure": "^3.16.0", + "core-js-pure": "^3.19.0", "regenerator-runtime": "^0.13.4" } }, @@ -3490,29 +3458,30 @@ } }, "@babel/traverse": { - "version": "7.15.4", - "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.15.4.tgz", - "integrity": "sha512-W6lQD8l4rUbQR/vYgSuCAE75ADyyQvOpFVsvPPdkhf6lATXAsQIG9YdtOcu8BB1dZ0LKu+Zo3c1wEcbKeuhdlA==", - "dev": true, - "requires": { - "@babel/code-frame": "^7.14.5", - "@babel/generator": "^7.15.4", - "@babel/helper-function-name": "^7.15.4", - "@babel/helper-hoist-variables": "^7.15.4", - "@babel/helper-split-export-declaration": "^7.15.4", - "@babel/parser": "^7.15.4", - "@babel/types": "^7.15.4", + "version": "7.16.5", + "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.16.5.tgz", + "integrity": "sha512-FOCODAzqUMROikDYLYxl4nmwiLlu85rNqBML/A5hKRVXG2LV8d0iMqgPzdYTcIpjZEBB7D6UDU9vxRZiriASdQ==", + "dev": true, + "requires": { + "@babel/code-frame": "^7.16.0", + "@babel/generator": "^7.16.5", + "@babel/helper-environment-visitor": "^7.16.5", + "@babel/helper-function-name": "^7.16.0", + "@babel/helper-hoist-variables": "^7.16.0", + "@babel/helper-split-export-declaration": "^7.16.0", + "@babel/parser": "^7.16.5", + "@babel/types": "^7.16.0", "debug": "^4.1.0", "globals": "^11.1.0" }, "dependencies": { "@babel/generator": { - "version": "7.15.4", - "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.15.4.tgz", - "integrity": "sha512-d3itta0tu+UayjEORPNz6e1T3FtvWlP5N4V5M+lhp/CxT4oAA7/NcScnpRyspUMLK6tu9MNHmQHxRykuN2R7hw==", + "version": "7.16.5", + "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.16.5.tgz", + "integrity": "sha512-kIvCdjZqcdKqoDbVVdt5R99icaRtrtYhYK/xux5qiWCBmfdvEYMFZ68QCrpE5cbFM1JsuArUNs1ZkuKtTtUcZA==", "dev": true, "requires": { - "@babel/types": "^7.15.4", + "@babel/types": "^7.16.0", "jsesc": "^2.5.1", "source-map": "^0.5.0" } @@ -3526,12 +3495,12 @@ } }, "@babel/types": { - "version": "7.15.6", - "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.15.6.tgz", - "integrity": "sha512-BPU+7QhqNjmWyDO0/vitH/CuhpV8ZmK1wpKva8nuyNF5MJfuRNWMc+hc14+u9xT93kvykMdncrJT19h74uB1Ig==", + "version": "7.16.0", + "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.16.0.tgz", + "integrity": "sha512-PJgg/k3SdLsGb3hhisFvtLOw5ts113klrpLuIPtCJIU+BB24fqq6lf8RWqKJEjzqXR9AEH1rIb5XTqwBHB+kQg==", "dev": true, "requires": { - "@babel/helper-validator-identifier": "^7.14.9", + "@babel/helper-validator-identifier": "^7.15.7", "to-fast-properties": "^2.0.0" } }, @@ -3542,12 +3511,12 @@ "dev": true }, "@ctrl/ngx-codemirror": { - "version": "5.0.1", - "resolved": "https://registry.npmjs.org/@ctrl/ngx-codemirror/-/ngx-codemirror-5.0.1.tgz", - "integrity": "sha512-NCO3isAsdABeGxin+smJlYd+m42bXpbmjQQKjgn7K0z7HPgGTPdFLInMLa5XZbQktFmMj0ASexA1PgTWHHXJTA==", + "version": "5.1.1", + "resolved": "https://registry.npmjs.org/@ctrl/ngx-codemirror/-/ngx-codemirror-5.1.1.tgz", + "integrity": "sha512-MAByA/cJBZY3yv/cpO87mF9Q24/ptCWf2Pr4n4V1w3G0ya5cKAIyHwIfvJ5nJz/4Gj2i2O/pteDWkyxrbyICoA==", "requires": { - "@types/codemirror": "^5.60.2", - "tslib": "^2.2.0" + "@types/codemirror": "^5.60.5", + "tslib": "^2.3.0" }, "dependencies": { "tslib": { @@ -3741,9 +3710,9 @@ } }, "globals": { - "version": "13.11.0", - "resolved": "https://registry.npmjs.org/globals/-/globals-13.11.0.tgz", - "integrity": "sha512-08/xrJ7wQjK9kkkRoI3OFUBbLx4f+6x3SGwcPvQ0QH6goFDrOU2oyAWrmh3dJezu65buo+HBMzAMQy6rovVC3g==", + "version": "13.12.0", + "resolved": "https://registry.npmjs.org/globals/-/globals-13.12.0.tgz", + "integrity": "sha512-uS8X6lSKN2JumVoXrbUz+uG4BYG+eiawqm3qFcT7ammfbUHeCBoJMlHcec/S3krSk73/AE/f0szYFmgAA3kYZg==", "dev": true, "requires": { "type-fest": "^0.20.2" @@ -3769,6 +3738,104 @@ } } }, + "@fullcalendar/angular": { + "version": "5.10.1", + "resolved": "https://registry.npmjs.org/@fullcalendar/angular/-/angular-5.10.1.tgz", + "integrity": "sha512-aV2MejZMTBGzlgQ+HN2kyWThYrbf8nusr88bB6HLHixkzjWnfdxzC8NwMYz8JOatJzH9UmOiaPQRWdTU9S8WEg==", + "requires": { + "@fullcalendar/core": "~5.10.1", + "fast-deep-equal": "^3.1.1", + "tslib": "^2.0.0" + }, + "dependencies": { + "tslib": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.1.tgz", + "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==" + } + } + }, + "@fullcalendar/common": { + "version": "5.10.1", + "resolved": "https://registry.npmjs.org/@fullcalendar/common/-/common-5.10.1.tgz", + "integrity": "sha512-EumKIJcQTvQdTs75/9dmeREFgjcRVWzqHJS1Xvlz5mNsmB+w9EINCHETRjChtAQg1WD/lTQyVj4sHsKO7vCMSw==", + "requires": { + "tslib": "^2.1.0" + }, + "dependencies": { + "tslib": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.1.tgz", + "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==" + } + } + }, + "@fullcalendar/core": { + "version": "5.10.1", + "resolved": "https://registry.npmjs.org/@fullcalendar/core/-/core-5.10.1.tgz", + "integrity": "sha512-8sVuC6ywXV+cxqsqTZaR1hgUqeyjVed20NyZ7lGW9AY0kma1GIEwLgqPS5Q6uVhHyin68lmgecKfJCwhxENE8w==", + "requires": { + "@fullcalendar/common": "~5.10.1", + "preact": "^10.0.5", + "tslib": "^2.1.0" + }, + "dependencies": { + "tslib": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.1.tgz", + "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==" + } + } + }, + "@fullcalendar/daygrid": { + "version": "5.10.1", + "resolved": "https://registry.npmjs.org/@fullcalendar/daygrid/-/daygrid-5.10.1.tgz", + "integrity": "sha512-sfUMP+rew0krsBffgNcWWKhBCiyytGfRKZJoc64E8ohX7VWjPcPZuB1xgO5U4wPLmNkT0rZiHoGeQGTXw1+ZKg==", + "requires": { + "@fullcalendar/common": "~5.10.1", + "tslib": "^2.1.0" + }, + "dependencies": { + "tslib": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.1.tgz", + "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==" + } + } + }, + "@fullcalendar/interaction": { + "version": "5.10.1", + "resolved": "https://registry.npmjs.org/@fullcalendar/interaction/-/interaction-5.10.1.tgz", + "integrity": "sha512-H1g1QeXg7yXtUcKmVtfg7uzm5R5ElFTvYniiXU+8kJda69IDg7Lee+Y7UDv5dvLb5/HxO86RhPVxRtcOQ8XdXw==", + "requires": { + "@fullcalendar/common": "~5.10.1", + "tslib": "^2.1.0" + }, + "dependencies": { + "tslib": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.1.tgz", + "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==" + } + } + }, + "@fullcalendar/timegrid": { + "version": "5.10.1", + "resolved": "https://registry.npmjs.org/@fullcalendar/timegrid/-/timegrid-5.10.1.tgz", + "integrity": "sha512-0O0m+JzFBlg8gxYr/rIjZViRlbndCtjZlDjjIylQHFBeWC32e3cpHEavKGbTIBLN8SDilUYAJnE21abSqC2G/w==", + "requires": { + "@fullcalendar/common": "~5.10.1", + "@fullcalendar/daygrid": "~5.10.1", + "tslib": "^2.1.0" + }, + "dependencies": { + "tslib": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.1.tgz", + "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==" + } + } + }, "@humanwhocodes/config-array": { "version": "0.5.0", "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.5.0.tgz", @@ -3781,9 +3848,9 @@ } }, "@humanwhocodes/object-schema": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-1.2.0.tgz", - "integrity": "sha512-wdppn25U8z/2yiaT6YGquE6X8sSv7hNMWSXYSSU1jGv/yd6XqjXgTDJ8KP4NgjTXfJ3GbRjeeb8RTV7a/VpM+w==", + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-1.2.1.tgz", + "integrity": "sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==", "dev": true }, "@istanbuljs/schema": { @@ -4022,9 +4089,9 @@ } }, "@paypal/sdk-constants": { - "version": "1.0.110", - "resolved": "https://registry.npmjs.org/@paypal/sdk-constants/-/sdk-constants-1.0.110.tgz", - "integrity": "sha512-W/JvynHo68yVbR5+H3xXncFvucbVmt4PSBifBuGGH8NqDUq8kwOFNaHt0xmUIvWoK77pQjtaulYssty3rnztTw==", + "version": "1.0.113", + "resolved": "https://registry.npmjs.org/@paypal/sdk-constants/-/sdk-constants-1.0.113.tgz", + "integrity": "sha512-Lk4xIy+EqdmAHx2JGiOubd7unzTKge8ktKtV3HA3zi+g2jUWbXMtDE31pXVnE2fU+woFtZifkNHoT7GVHEJlZA==", "requires": { "cross-domain-utils": "^2.0.10", "hi-base32": "^0.5.0", @@ -4038,13 +4105,13 @@ "dev": true }, "@schematics/angular": { - "version": "12.2.7", - "resolved": "https://registry.npmjs.org/@schematics/angular/-/angular-12.2.7.tgz", - "integrity": "sha512-wGqp0jC545Fwf0ydBkeoJHx9snFW+uqn40WwVqs/27Nh4AEHB5uzwzLY7Ykae95Zn802a61KPqSNWpez2fWWGA==", + "version": "12.2.14", + "resolved": "https://registry.npmjs.org/@schematics/angular/-/angular-12.2.14.tgz", + "integrity": "sha512-TpcVNTKoo44eat4lpIfl7jyd/eBuvVgI8bBIGh621QWYfkfRZFuXF6QSB4hh44aoX8lqxxRNlmIsp/P4goiMFg==", "dev": true, "requires": { - "@angular-devkit/core": "12.2.7", - "@angular-devkit/schematics": "12.2.7", + "@angular-devkit/core": "12.2.14", + "@angular-devkit/schematics": "12.2.14", "jsonc-parser": "3.0.0" } }, @@ -4067,9 +4134,9 @@ "dev": true }, "@types/codemirror": { - "version": "5.60.3", - "resolved": "https://registry.npmjs.org/@types/codemirror/-/codemirror-5.60.3.tgz", - "integrity": "sha512-dVX8Vsio70u4la9LGi1jjmaqtcdMMZUYalO5QY5EWy4XKrNjewNm9cy2K5XvP+puzLzum417gmJ9w7F6bVR1XA==", + "version": "5.60.5", + "resolved": "https://registry.npmjs.org/@types/codemirror/-/codemirror-5.60.5.tgz", + "integrity": "sha512-TiECZmm8St5YxjFUp64LK0c8WU5bxMDt9YaAek1UqUb9swrSCoJhh92fWu1p3mTEqlHjhB5sY7OFBhWroJXZVg==", "requires": { "@types/tern": "*" } @@ -4099,9 +4166,9 @@ "dev": true }, "@types/eslint": { - "version": "7.28.0", - "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-7.28.0.tgz", - "integrity": "sha512-07XlgzX0YJUn4iG1ocY4IX9DzKSmMGUs6ESKlxWhZRaa0fatIWaHWUVapcuGa8r5HFnTqzj+4OCjd5f7EZ/i/A==", + "version": "8.2.1", + "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-8.2.1.tgz", + "integrity": "sha512-UP9rzNn/XyGwb5RQ2fok+DzcIRIYwc16qTXse5+Smsy8MOIccCChT15KAwnsgQx4PzJkaMq4myFyZ4CL5TjhIQ==", "dev": true, "requires": { "@types/estree": "*", @@ -4158,9 +4225,9 @@ "dev": true }, "@types/luxon": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/@types/luxon/-/luxon-2.0.4.tgz", - "integrity": "sha512-l3xuhmyF2kBldy15SeY6d6HbK2BacEcSK1qTF1ISPtPHr29JH0C1fndz9ExXLKpGl0J6pZi+dGp1i5xesMt60Q==", + "version": "2.0.8", + "resolved": "https://registry.npmjs.org/@types/luxon/-/luxon-2.0.8.tgz", + "integrity": "sha512-lGmxL6hMEVqXr8w9bL52RUWXVu90o7vH8WQSutQssr2e+w0TNttXx2Zfw2V2lHHHWfW6OGqB8bXDvtKocv19qQ==", "dev": true }, "@types/minimatch": { @@ -4170,9 +4237,9 @@ "dev": true }, "@types/node": { - "version": "14.17.20", - "resolved": "https://registry.npmjs.org/@types/node/-/node-14.17.20.tgz", - "integrity": "sha512-gI5Sl30tmhXsqkNvopFydP7ASc4c2cLfGNQrVKN3X90ADFWFsPEsotm/8JHSUJQKTHbwowAHtcJPeyVhtKv0TQ==", + "version": "14.18.3", + "resolved": "https://registry.npmjs.org/@types/node/-/node-14.18.3.tgz", + "integrity": "sha512-GtTH2crF4MtOIrrAa+jgTV9JX/PfoUCYr6MiZw7O/dkZu5b6gm5dc1nAL0jwGo4ortSBBtGyeVaxdC8X6V+pLg==", "dev": true }, "@types/parse-json": { @@ -4301,15 +4368,6 @@ "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz", "integrity": "sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==", "dev": true - }, - "tsutils": { - "version": "3.21.0", - "resolved": "https://registry.npmjs.org/tsutils/-/tsutils-3.21.0.tgz", - "integrity": "sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==", - "dev": true, - "requires": { - "tslib": "^1.8.1" - } } } }, @@ -4382,15 +4440,6 @@ "semver": "^7.3.2", "tsutils": "^3.17.1" } - }, - "tsutils": { - "version": "3.21.0", - "resolved": "https://registry.npmjs.org/tsutils/-/tsutils-3.21.0.tgz", - "integrity": "sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==", - "dev": true, - "requires": { - "tslib": "^1.8.1" - } } } }, @@ -4442,15 +4491,6 @@ "@typescript-eslint/types": "4.28.2", "eslint-visitor-keys": "^2.0.0" } - }, - "tsutils": { - "version": "3.21.0", - "resolved": "https://registry.npmjs.org/tsutils/-/tsutils-3.21.0.tgz", - "integrity": "sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==", - "dev": true, - "requires": { - "tslib": "^1.8.1" - } } } }, @@ -4938,9 +4978,9 @@ "dev": true }, "asn1": { - "version": "0.2.4", - "resolved": "https://registry.npmjs.org/asn1/-/asn1-0.2.4.tgz", - "integrity": "sha512-jxwzQpLQjSmWXgwaCZE9Nz+glAG01yF1QnWgbhGwHI5A6FRIEY6IVqtHhIepHqI7/kyEyQEagBC5mBEFlIYvdg==", + "version": "0.2.6", + "resolved": "https://registry.npmjs.org/asn1/-/asn1-0.2.6.tgz", + "integrity": "sha512-ix/FxPn0MDjeyJ7i/yoHGFt/EX6LyNbxSEhPPXODPL+KB0VPk86UYfL0lMdy+KCnv+fmvIzySwaK5COwqVbWTQ==", "dev": true, "requires": { "safer-buffer": "~2.1.0" @@ -5306,21 +5346,21 @@ "dev": true }, "body-parser": { - "version": "1.19.0", - "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.19.0.tgz", - "integrity": "sha512-dhEPs72UPbDnAQJ9ZKMNTP6ptJaionhP5cBb541nXPlW60Jepo9RV/a4fX4XWW9CuFNK22krhrj1+rgzifNCsw==", + "version": "1.19.1", + "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.19.1.tgz", + "integrity": "sha512-8ljfQi5eBk8EJfECMrgqNGWPEY5jWP+1IzkzkGdFFEwFQZZyaZ21UqdaHktgiMlH0xLHqIFtE/u2OYE5dOtViA==", "dev": true, "requires": { - "bytes": "3.1.0", + "bytes": "3.1.1", "content-type": "~1.0.4", "debug": "2.6.9", "depd": "~1.1.2", - "http-errors": "1.7.2", + "http-errors": "1.8.1", "iconv-lite": "0.4.24", "on-finished": "~2.3.0", - "qs": "6.7.0", - "raw-body": "2.4.0", - "type-is": "~1.6.17" + "qs": "6.9.6", + "raw-body": "2.4.2", + "type-is": "~1.6.18" }, "dependencies": { "debug": { @@ -5393,16 +5433,16 @@ } }, "browserslist": { - "version": "4.17.2", - "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.17.2.tgz", - "integrity": "sha512-jSDZyqJmkKMEMi7SZAgX5UltFdR5NAO43vY0AwTpu4X3sGH7GLLQ83KiUomgrnvZRCeW0yPPnKqnxPqQOER9zQ==", + "version": "4.19.1", + "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.19.1.tgz", + "integrity": "sha512-u2tbbG5PdKRTUoctO3NBD8FQ5HdPh1ZXPHzp1rwaa5jTc+RV9/+RlWiAIKmjRPQF+xbGM9Kklj5bZQFa2s/38A==", "dev": true, "requires": { - "caniuse-lite": "^1.0.30001261", - "electron-to-chromium": "^1.3.854", + "caniuse-lite": "^1.0.30001286", + "electron-to-chromium": "^1.4.17", "escalade": "^3.1.1", - "nanocolors": "^0.2.12", - "node-releases": "^1.1.76" + "node-releases": "^2.0.1", + "picocolors": "^1.0.0" } }, "btoa": { @@ -5446,9 +5486,9 @@ "dev": true }, "bytes": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.0.tgz", - "integrity": "sha512-zauLjrfCG+xvoyaqLoV8bLVXXNGC4JqlxFCutSDWA6fJrTo2ZuvLYTqZ7aHBLZSMOopbzwv8f+wZcVzfVTI2Dg==", + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.1.tgz", + "integrity": "sha512-dWe4nWO/ruEOY7HkUJ5gFt1DCFV9zPRoJr8pV0/ASQermOZjtq8jMjOprC0Kd10GLN+l7xaUPvxzJFWtxGu8Fg==", "dev": true }, "cacache": { @@ -5534,9 +5574,9 @@ } }, "caniuse-lite": { - "version": "1.0.30001263", - "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001263.tgz", - "integrity": "sha512-doiV5dft6yzWO1WwU19kt8Qz8R0/8DgEziz6/9n2FxUasteZNwNNYSmJO3GLBH8lCVE73AB1RPDPAeYbcO5Cvw==", + "version": "1.0.30001294", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001294.tgz", + "integrity": "sha512-LiMlrs1nSKZ8qkNhpUf5KD0Al1KCBE3zaT7OLOwEkagXMEDij98SiOovn9wxVGQpklk9vVC/pUSqgYmkmKOS8g==", "dev": true }, "canonical-path": { @@ -5569,9 +5609,9 @@ "dev": true }, "chart.js": { - "version": "3.5.1", - "resolved": "https://registry.npmjs.org/chart.js/-/chart.js-3.5.1.tgz", - "integrity": "sha512-m5kzt72I1WQ9LILwQC4syla/LD/N413RYv2Dx2nnTkRS9iv/ey1xLTt0DnPc/eWV4zI+BgEgDYBIzbQhZHc/PQ==" + "version": "3.7.0", + "resolved": "https://registry.npmjs.org/chart.js/-/chart.js-3.7.0.tgz", + "integrity": "sha512-31gVuqqKp3lDIFmzpKIrBeum4OpZsQjSIAqlOpgjosHDJZlULtvwLEZKtEhIAZc7JMPaHlYMys40Qy9Mf+1AAg==" }, "check-more-types": { "version": "2.24.0", @@ -5715,9 +5755,9 @@ } }, "cli-spinners": { - "version": "2.6.0", - "resolved": "https://registry.npmjs.org/cli-spinners/-/cli-spinners-2.6.0.tgz", - "integrity": "sha512-t+4/y50K/+4xcCRosKkA7W4gTr1MySvLV0q+PxmG7FJ5g+66ChKurYjxBCjHggHH3HA5Hh9cy+lcUGWDqVH+4Q==", + "version": "2.6.1", + "resolved": "https://registry.npmjs.org/cli-spinners/-/cli-spinners-2.6.1.tgz", + "integrity": "sha512-x/5fWmGMnbKQAaNwN+UZlV79qBLM9JFnJuJ03gIi5whrob0xV0ofNVHy9DhwGdsMJQc2OKv0oGmLzvaqvAVv+g==", "dev": true }, "cli-table3": { @@ -5813,9 +5853,9 @@ } }, "codemirror": { - "version": "5.63.1", - "resolved": "https://registry.npmjs.org/codemirror/-/codemirror-5.63.1.tgz", - "integrity": "sha512-baivaNZreZOGh1/tYyTvCupC9NeWk7qlZeGUDi4nFKj/J0JU8FYKZND4QqLw70P7HOttlCt4JJAOj9GoIhHEkA==" + "version": "5.65.0", + "resolved": "https://registry.npmjs.org/codemirror/-/codemirror-5.65.0.tgz", + "integrity": "sha512-gWEnHKEcz1Hyz7fsQWpK7P0sPI2/kSkRX2tc7DFA6TmZuDN75x/1ejnH/Pn8adYKrLEA1V2ww6L00GudHZbSKw==" }, "collection-visit": { "version": "1.0.0", @@ -5943,6 +5983,12 @@ "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=", "dev": true + }, + "safe-buffer": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz", + "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==", + "dev": true } } }, @@ -5994,11 +6040,11 @@ "dev": true }, "content-disposition": { - "version": "0.5.3", - "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.3.tgz", - "integrity": "sha512-ExO0774ikEObIAEV9kDo50o+79VCUdEB6n6lzKgGwupcVeRlhrj3qGAfwq8G6uBJjkqLrhT0qEYFcWng8z1z0g==", + "version": "0.5.4", + "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.4.tgz", + "integrity": "sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==", "requires": { - "safe-buffer": "5.1.2" + "safe-buffer": "5.2.1" } }, "content-type": { @@ -6014,6 +6060,14 @@ "dev": true, "requires": { "safe-buffer": "~5.1.1" + }, + "dependencies": { + "safe-buffer": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz", + "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==", + "dev": true + } } }, "cookie": { @@ -6163,9 +6217,9 @@ } }, "core-js-pure": { - "version": "3.18.1", - "resolved": "https://registry.npmjs.org/core-js-pure/-/core-js-pure-3.18.1.tgz", - "integrity": "sha512-kmW/k8MaSuqpvA1xm2l3TVlBuvW+XBkcaOroFUpO3D4lsTGQWBTb/tBDCf/PNkkPLrwgrkQRIYNPB0CeqGJWGQ==", + "version": "3.20.1", + "resolved": "https://registry.npmjs.org/core-js-pure/-/core-js-pure-3.20.1.tgz", + "integrity": "sha512-yeNNr3L9cEBwNy6vhhIJ0nko7fE7uFO6PgawcacGt2VWep4WqQx0RiqlkgSP7kqUMC1IKdfO9qPeWXcUheHLVQ==", "dev": true }, "core-util-is": { @@ -6287,9 +6341,9 @@ } }, "cross-domain-utils": { - "version": "2.0.36", - "resolved": "https://registry.npmjs.org/cross-domain-utils/-/cross-domain-utils-2.0.36.tgz", - "integrity": "sha512-7i7dSDQnzKJ9a7MrUNLzYlrXXJt+R3J0PWRDQbUhSbhuPv7y2fbn0IDV4nm9Zq7ehRIxUq65etQ5xxOkQAyYcA==", + "version": "2.0.38", + "resolved": "https://registry.npmjs.org/cross-domain-utils/-/cross-domain-utils-2.0.38.tgz", + "integrity": "sha512-zZfi3+2EIR9l4chrEiXI2xFleyacsJf8YMLR1eJ0Veb5FTMXeJ3DpxDjZkto2FhL/g717WSELqbptNSo85UJDw==", "requires": { "zalgo-promise": "^1.0.11" } @@ -7213,9 +7267,9 @@ } }, "electron-to-chromium": { - "version": "1.3.856", - "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.856.tgz", - "integrity": "sha512-lSezYIe1/p5qkEswAfaQUseOBiwGwuCvRl/MKzOEVe++DcmQ92+43dznDl4rFJ4Zpu+kevhwyIf7KjJevyDA/A==", + "version": "1.4.30", + "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.30.tgz", + "integrity": "sha512-609z9sIMxDHg+TcR/VB3MXwH+uwtrYyeAwWc/orhnr90ixs6WVGSrt85CDLGUdNnLqCA7liv426V20EecjvflQ==", "dev": true }, "emoji-regex": { @@ -7644,9 +7698,9 @@ } }, "globals": { - "version": "13.11.0", - "resolved": "https://registry.npmjs.org/globals/-/globals-13.11.0.tgz", - "integrity": "sha512-08/xrJ7wQjK9kkkRoI3OFUBbLx4f+6x3SGwcPvQ0QH6goFDrOU2oyAWrmh3dJezu65buo+HBMzAMQy6rovVC3g==", + "version": "13.12.0", + "resolved": "https://registry.npmjs.org/globals/-/globals-13.12.0.tgz", + "integrity": "sha512-uS8X6lSKN2JumVoXrbUz+uG4BYG+eiawqm3qFcT7ammfbUHeCBoJMlHcec/S3krSk73/AE/f0szYFmgAA3kYZg==", "dev": true, "requires": { "type-fest": "^0.20.2" @@ -7762,9 +7816,9 @@ }, "dependencies": { "estraverse": { - "version": "5.2.0", - "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.2.0.tgz", - "integrity": "sha512-BxbNGGNm0RyRYvUdHpIwv9IWzeM9XClbOxwoATuFdOE7ZE6wHL+HQ5T8hoPM+zHvmKzzsEqhgy0GrQ5X13afiQ==", + "version": "5.3.0", + "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz", + "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==", "dev": true } } @@ -7779,9 +7833,9 @@ }, "dependencies": { "estraverse": { - "version": "5.2.0", - "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.2.0.tgz", - "integrity": "sha512-BxbNGGNm0RyRYvUdHpIwv9IWzeM9XClbOxwoATuFdOE7ZE6wHL+HQ5T8hoPM+zHvmKzzsEqhgy0GrQ5X13afiQ==", + "version": "5.3.0", + "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz", + "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==", "dev": true } } @@ -8035,17 +8089,17 @@ } }, "express": { - "version": "4.17.1", - "resolved": "https://registry.npmjs.org/express/-/express-4.17.1.tgz", - "integrity": "sha512-mHJ9O79RqluphRrcw2X/GTh3k9tVv8YcoyY4Kkh4WDMUYKRZUq0h1o0w2rrrxBqM7VoeUVqgb27xlEMXTnYt4g==", + "version": "4.17.2", + "resolved": "https://registry.npmjs.org/express/-/express-4.17.2.tgz", + "integrity": "sha512-oxlxJxcQlYwqPWKVJJtvQiwHgosH/LrLSPA+H4UxpyvSS6jC5aH+5MoHFM+KABgTOt0APue4w66Ha8jCUo9QGg==", "dev": true, "requires": { "accepts": "~1.3.7", "array-flatten": "1.1.1", - "body-parser": "1.19.0", - "content-disposition": "0.5.3", + "body-parser": "1.19.1", + "content-disposition": "0.5.4", "content-type": "~1.0.4", - "cookie": "0.4.0", + "cookie": "0.4.1", "cookie-signature": "1.0.6", "debug": "2.6.9", "depd": "~1.1.2", @@ -8059,13 +8113,13 @@ "on-finished": "~2.3.0", "parseurl": "~1.3.3", "path-to-regexp": "0.1.7", - "proxy-addr": "~2.0.5", - "qs": "6.7.0", + "proxy-addr": "~2.0.7", + "qs": "6.9.6", "range-parser": "~1.2.1", - "safe-buffer": "5.1.2", - "send": "0.17.1", - "serve-static": "1.14.1", - "setprototypeof": "1.1.1", + "safe-buffer": "5.2.1", + "send": "0.17.2", + "serve-static": "1.14.2", + "setprototypeof": "1.2.0", "statuses": "~1.5.0", "type-is": "~1.6.18", "utils-merge": "1.0.1", @@ -8073,9 +8127,9 @@ }, "dependencies": { "cookie": { - "version": "0.4.0", - "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.4.0.tgz", - "integrity": "sha512-+Hp8fLp57wnUSt0tY0tHEXh4voZRDnoIrZPqlo3DPiI4y9lwg/jqx+1Om94/W6ZaPDOUbnjOt/99w66zk+l1Xg==", + "version": "0.4.1", + "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.4.1.tgz", + "integrity": "sha512-ZwrFkGJxUR3EIoXtO+yVE69Eb7KlixbaeAWfBQB9vVsNn/o+Yw69gBWSSDK825hQNdN+wF8zELf3dFNl/kxkUA==", "dev": true }, "debug": { @@ -8202,8 +8256,7 @@ "fast-deep-equal": { "version": "3.1.3", "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz", - "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==", - "dev": true + "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==" }, "fast-diff": { "version": "1.2.0", @@ -8374,9 +8427,9 @@ } }, "flatted": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.2.2.tgz", - "integrity": "sha512-JaTY/wtrcSyvXJl4IMFHPKyFur1sE9AUqc0QnhOaJ0CxHtAoIV8pYDzeEfAaNEtGkOfq4gr3LBFmdXW5mOQFnA==", + "version": "3.2.4", + "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.2.4.tgz", + "integrity": "sha512-8/sOawo8tJ4QOBX8YlQBMxL8+RLZfxMQOif9o0KUKTNTjMYElWPE0r/m5VNFxTRd0NSw8qSy8dajrwX4RYI1Hw==", "dev": true }, "flatten": { @@ -8857,24 +8910,16 @@ "dev": true }, "http-errors": { - "version": "1.7.2", - "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.7.2.tgz", - "integrity": "sha512-uUQBt3H/cSIVfch6i1EuPNy/YsRSOUBXTVfZ+yR7Zjez3qjBz6i9+i4zjNaoqcoFVI4lQJ5plg63TvGfRSDCRg==", + "version": "1.8.1", + "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.8.1.tgz", + "integrity": "sha512-Kpk9Sm7NmI+RHhnj6OIWDI1d6fIoFAtFt9RLaTMRlg/8w49juAStsrBgp0Dp4OdxdVbRIeKhtCUvoi/RuAhO4g==", "dev": true, "requires": { "depd": "~1.1.2", - "inherits": "2.0.3", - "setprototypeof": "1.1.1", + "inherits": "2.0.4", + "setprototypeof": "1.2.0", "statuses": ">= 1.5.0 < 2", - "toidentifier": "1.0.0" - }, - "dependencies": { - "inherits": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz", - "integrity": "sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=", - "dev": true - } + "toidentifier": "1.0.1" } }, "http-parser-js": { @@ -9269,12 +9314,12 @@ "dev": true }, "rxjs": { - "version": "7.3.0", - "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.3.0.tgz", - "integrity": "sha512-p2yuGIg9S1epc3vrjKf6iVb3RCaAYjYskkO+jHIaV0IjOPlJop4UnodOoFb2xeNwlguqLYvGw1b1McillYb5Gw==", + "version": "7.5.1", + "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.5.1.tgz", + "integrity": "sha512-KExVEeZWxMZnZhUZtsJcFwz8IvPvgu4G2Z2QyqjZQzUGr32KDYuSxrEYO4w3tFFNbfLozcrKUTvTPi+E9ywJkQ==", "dev": true, "requires": { - "tslib": "~2.1.0" + "tslib": "^2.1.0" } }, "supports-color": { @@ -9287,9 +9332,9 @@ } }, "tslib": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.1.0.tgz", - "integrity": "sha512-hcVC3wYEziELGGmEEXue7D75zbwIIVUMWAVbHItGPx0ziyXxrOMQx4rQEVEV45Ut/1IotuEvwqPopzIOkDMf0A==", + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.1.tgz", + "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==", "dev": true } } @@ -9384,9 +9429,9 @@ } }, "is-core-module": { - "version": "2.7.0", - "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.7.0.tgz", - "integrity": "sha512-ByY+tjCciCr+9nLryBYcSD50EOGWt95c7tIsKTG1J2ixKKXPvF7Ej3AVd+UfDydAJom3biBGDBALaO79ktwgEQ==", + "version": "2.8.0", + "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.8.0.tgz", + "integrity": "sha512-vd15qHsaqrRL7dtH6QNuy0ndJmRDrS9HAM1CAiSifNUFv4x1a0CCVsj18hJ1mShxIG6T2i1sO78MkP56r0nYRw==", "dev": true, "requires": { "has": "^1.0.3" @@ -9610,9 +9655,9 @@ "dev": true }, "istanbul-lib-coverage": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/istanbul-lib-coverage/-/istanbul-lib-coverage-3.0.1.tgz", - "integrity": "sha512-GvCYYTxaCPqwMjobtVcVKvSHtAGe48MNhGjpK8LtVF8K0ISX7hCKl85LgtuaSneWVyQmaGcW3iXVV3GaZSLpmQ==", + "version": "3.2.0", + "resolved": "https://registry.npmjs.org/istanbul-lib-coverage/-/istanbul-lib-coverage-3.2.0.tgz", + "integrity": "sha512-eOeJ5BHCmHYvQK7xt9GkdHuzuCGS1Y6g9Gvnx3Ym33fz/HpLRYxiS0wHNr+m/MBC8B647Xt608vCDEvhl9c6Mw==", "dev": true }, "istanbul-lib-instrument": { @@ -9722,9 +9767,9 @@ } }, "istanbul-reports": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/istanbul-reports/-/istanbul-reports-3.0.2.tgz", - "integrity": "sha512-9tZvz7AiR3PEDNGiV9vIouQ/EAcqMXFmkcA1CDFTwOB98OZVDL0PH9glHotf5Ugp6GCOTypfzGWI/OqjWNCRUw==", + "version": "3.1.3", + "resolved": "https://registry.npmjs.org/istanbul-reports/-/istanbul-reports-3.1.3.tgz", + "integrity": "sha512-x9LtDVtfm/t1GFiLl3NffC7hz+I1ragvgX1P/Lg1NlIagifZDKUkuuaAxH/qpwj2IuEfD8G2Bs/UKp+sZ/pKkg==", "dev": true, "requires": { "html-escaper": "^2.0.0", @@ -10226,12 +10271,6 @@ "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==", "dev": true }, - "lodash.clonedeep": { - "version": "4.5.0", - "resolved": "https://registry.npmjs.org/lodash.clonedeep/-/lodash.clonedeep-4.5.0.tgz", - "integrity": "sha1-4j8/nE+Pvd6HJSnBBxhXoIblzO8=", - "dev": true - }, "lodash.debounce": { "version": "4.0.8", "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz", @@ -10424,9 +10463,9 @@ } }, "luxon": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/luxon/-/luxon-2.0.2.tgz", - "integrity": "sha512-ZRioYLCgRHrtTORaZX1mx+jtxKtKuI5ZDvHNAmqpUzGqSrR+tL4FVLn/CUGMA3h0+AKD1MAxGI5GnCqR5txNqg==" + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/luxon/-/luxon-2.2.0.tgz", + "integrity": "sha512-LwmknessH4jVIseCsizUgveIHwlLv/RQZWC2uDSMfGJs7w8faPUi2JFxfyfMcTPrpNbChTem3Uz6IKRtn+LcIA==" }, "machete-client": { "version": "1.0.2", @@ -10617,24 +10656,24 @@ } }, "mime": { - "version": "2.5.2", - "resolved": "https://registry.npmjs.org/mime/-/mime-2.5.2.tgz", - "integrity": "sha512-tqkh47FzKeCPD2PUiPB6pkbMzsCasjxAfC62/Wap5qrUWcb+sFasXUC5I3gYM5iBM8v/Qpn4UK0x+j0iHyFPDg==", + "version": "2.6.0", + "resolved": "https://registry.npmjs.org/mime/-/mime-2.6.0.tgz", + "integrity": "sha512-USPkMeET31rOMiarsBNIHZKLGgvKc/LrjofAnBlOttf5ajRvqiRA8QsenbcooctK6d6Ts6aqZXBA+XbkKthiQg==", "dev": true }, "mime-db": { - "version": "1.49.0", - "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.49.0.tgz", - "integrity": "sha512-CIc8j9URtOVApSFCQIF+VBkX1RwXp/oMMOrqdyXSBXq5RWNEsRfyj1kiRnQgmNXmHxPoFIxOroKA3zcU9P+nAA==", + "version": "1.51.0", + "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.51.0.tgz", + "integrity": "sha512-5y8A56jg7XVQx2mbv1lu49NR4dokRnhZYTtL+KGfaa27uq4pSTXkwQkFJl4pkRMyNFz/EtYDSkiiEHx3F7UN6g==", "dev": true }, "mime-types": { - "version": "2.1.32", - "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.32.tgz", - "integrity": "sha512-hJGaVS4G4c9TSMYh2n6SQAGrC4RnfU+daP8G7cSCmaqNjiOoUY0VHCMS42pxnQmVF1GWwFhbHWn3RIxCqTmZ9A==", + "version": "2.1.34", + "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.34.tgz", + "integrity": "sha512-6cP692WwGIs9XXdOO4++N+7qjqv0rqxxVvJ3VHPh/Sc9mVZcQP+ZGhkKiTvWMQRr2tbHkJP/Yn7Y0npb3ZBs4A==", "dev": true, "requires": { - "mime-db": "1.49.0" + "mime-db": "1.51.0" } }, "mimic-fn": { @@ -10705,9 +10744,9 @@ "dev": true }, "minipass": { - "version": "3.1.5", - "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.1.5.tgz", - "integrity": "sha512-+8NzxD82XQoNKNrl1d/FSi+X8wAEWR+sbYAfIvub4Nz0d22plFG72CEVVaufV8PNf4qSslFTD8VMOxNVhHCjTw==", + "version": "3.1.6", + "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.1.6.tgz", + "integrity": "sha512-rty5kpw9/z8SX9dmxblFA6edItUmwJgMeYDZRrwlIVN27i8gysGbznJwUggw2V/FVqFSDdWy040ZPS811DYAqQ==", "dev": true, "requires": { "yallist": "^4.0.0" @@ -10837,12 +10876,6 @@ "integrity": "sha512-nnbWWOkoWyUsTjKrhgD0dcz22mdkSnpYqbEjIm2nhwhuxlSkpywJmBo8h0ZqJdkp73mb90SssHkN4rsRaBAfAA==", "dev": true }, - "nanocolors": { - "version": "0.2.12", - "resolved": "https://registry.npmjs.org/nanocolors/-/nanocolors-0.2.12.tgz", - "integrity": "sha512-SFNdALvzW+rVlzqexid6epYdt8H9Zol7xDoQarioEFcFN0JHo4CYNztAxmtfgGTVRCmFlEOqqhBpoFGKqSAMug==", - "dev": true - }, "nanoid": { "version": "3.3.1", "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.1.tgz", @@ -10992,9 +11025,9 @@ "optional": true }, "node-releases": { - "version": "1.1.76", - "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.76.tgz", - "integrity": "sha512-9/IECtNr8dXNmPWmFXepT0/7o5eolGesHUa3mtr0KlgnCvnZxwh2qensKL42JJY2vQKC3nIBXetFAqR+PW1CmA==", + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.1.tgz", + "integrity": "sha512-CqyzN6z7Q6aMeF/ktcMVTzhAHCEpf8SOarwpzpf8pNBY2k5/oM34UHldUwp8VKI7uxct2HxSRdJjBaZeESzcxA==", "dev": true }, "nopt": { @@ -16365,6 +16398,11 @@ "uniq": "^1.0.1" } }, + "preact": { + "version": "10.6.4", + "resolved": "https://registry.npmjs.org/preact/-/preact-10.6.4.tgz", + "integrity": "sha512-WyosM7pxGcndU8hY0OQlLd54tOU+qmG45QXj2dAYrL11HoyU/EzOSTlpJsirbBr1QW7lICxSsVJJmcmUglovHQ==" + }, "prelude-ls": { "version": "1.2.1", "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz", @@ -16372,9 +16410,9 @@ "dev": true }, "prettier": { - "version": "2.5.0", - "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.5.0.tgz", - "integrity": "sha512-FM/zAKgWTxj40rH03VxzIPdXmj39SwSjwG0heUcNFwI+EMZJnY93yAiKXM3dObIKAM5TA88werc8T/EwhB45eg==", + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.5.1.tgz", + "integrity": "sha512-vBZcPRUR5MZJwoyi3ZoyQlc1rXeEck8KgeC9AwwOn+exuxLxq5toTRDTSaVrXHxelDMHy9zlicw8u66yxoSUFg==", "dev": true }, "prettier-linter-helpers": { @@ -16393,9 +16431,9 @@ "dev": true }, "primeflex": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/primeflex/-/primeflex-2.0.0.tgz", - "integrity": "sha512-t6AG3iRI1rh04uI+9nC4JSlbKfA8PnpRDFtjyqi3rDSLRgdfOuhIiunJbjVQ4alnnCfuQAAbVyde1AKN9QxT/w==" + "version": "3.1.3", + "resolved": "https://registry.npmjs.org/primeflex/-/primeflex-3.1.3.tgz", + "integrity": "sha512-muJlyDPVEJNSoeOGLVx+dFbSzCnPRUcuKv8iAbGVhP47sIjstfgNdlhrZqUvJNaaSJSNxBBbITyOltI1sBqUqQ==" }, "primeicons": { "version": "4.1.0", @@ -16417,6 +16455,11 @@ } } }, + "prismjs": { + "version": "1.27.0", + "resolved": "https://registry.npmjs.org/prismjs/-/prismjs-1.27.0.tgz", + "integrity": "sha512-t13BGPUlFDR7wRB5kQDG4jjl7XeuH6jbJGt11JHPL96qwsEHNX2+68tFXqc1/k+/jALsbSWJKUOT/hcYAZ5LkA==" + }, "process": { "version": "0.11.10", "resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz", @@ -16530,9 +16573,9 @@ "dev": true }, "qs": { - "version": "6.7.0", - "resolved": "https://registry.npmjs.org/qs/-/qs-6.7.0.tgz", - "integrity": "sha512-VCdBRNFTX1fyE7Nb6FYoURo/SPe62QCaAyzJvUjwRaIsc+NePBEniHlvxFmmX56+HZphIGtV0XeCirBtpDrTyQ==", + "version": "6.9.6", + "resolved": "https://registry.npmjs.org/qs/-/qs-6.9.6.tgz", + "integrity": "sha512-TIRk4aqYLNoJUbd+g2lEdz5kLWIuTMRagAXxl78Q0RiVjAOugHmeKNGdd3cwo/ktpf9aL9epCfFqWDEKysUlLQ==", "dev": true }, "querystring": { @@ -16569,13 +16612,13 @@ "dev": true }, "raw-body": { - "version": "2.4.0", - "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.4.0.tgz", - "integrity": "sha512-4Oz8DUIwdvoa5qMJelxipzi/iJIi40O5cGV1wNYp5hvZP8ZN0T+jiNkL0QepXs+EsQ9XJ8ipEDoiH70ySUJP3Q==", + "version": "2.4.2", + "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.4.2.tgz", + "integrity": "sha512-RPMAFUJP19WIet/99ngh6Iv8fzAbqum4Li7AD6DtGaW2RpMB/11xDoalPiJMTbu6I3hkbMVkATvZrqb9EEqeeQ==", "dev": true, "requires": { - "bytes": "3.1.0", - "http-errors": "1.7.2", + "bytes": "3.1.1", + "http-errors": "1.8.1", "iconv-lite": "0.4.24", "unpipe": "1.0.0" } @@ -16611,6 +16654,13 @@ "safe-buffer": "~5.1.1", "string_decoder": "~1.1.1", "util-deprecate": "~1.0.1" + }, + "dependencies": { + "safe-buffer": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz", + "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==" + } } }, "readdirp": { @@ -16936,9 +16986,9 @@ "dev": true }, "safe-buffer": { - "version": "5.1.2", - "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz", - "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==" + "version": "5.2.1", + "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz", + "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==" }, "safe-regex": { "version": "1.1.0", @@ -17036,9 +17086,9 @@ } }, "send": { - "version": "0.17.1", - "resolved": "https://registry.npmjs.org/send/-/send-0.17.1.tgz", - "integrity": "sha512-BsVKsiGcQMFwT8UxypobUKyv7irCNRHk1T0G680vk88yf6LBByGcZJOTJCrTP2xVN6yI+XjPJcNuE3V4fT9sAg==", + "version": "0.17.2", + "resolved": "https://registry.npmjs.org/send/-/send-0.17.2.tgz", + "integrity": "sha512-UJYB6wFSJE3G00nEivR5rgWp8c2xXvJ3OPWPhmuteU0IKj8nKbG3DrjiOmLwpnHGYWAVwA69zmTm++YG0Hmwww==", "dev": true, "requires": { "debug": "2.6.9", @@ -17048,9 +17098,9 @@ "escape-html": "~1.0.3", "etag": "~1.8.1", "fresh": "0.5.2", - "http-errors": "~1.7.2", + "http-errors": "1.8.1", "mime": "1.6.0", - "ms": "2.1.1", + "ms": "2.1.3", "on-finished": "~2.3.0", "range-parser": "~1.2.1", "statuses": "~1.5.0" @@ -17080,9 +17130,9 @@ "dev": true }, "ms": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.1.tgz", - "integrity": "sha512-tgp+dl5cGk28utYktBsrFqA7HKgrhgPsg6Z/EfhWI4gl1Hwq8B/GmY/0oXZ6nF8hDVesS/FpnYaD/kOWhYQvyg==", + "version": "2.1.3", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz", + "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==", "dev": true } } @@ -17153,15 +17203,15 @@ } }, "serve-static": { - "version": "1.14.1", - "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.14.1.tgz", - "integrity": "sha512-JMrvUwE54emCYWlTI+hGrGv5I8dEwmco/00EvkzIIsR7MqrHonbD9pO2MOfFnpFntl7ecpZs+3mW+XbQZu9QCg==", + "version": "1.14.2", + "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.14.2.tgz", + "integrity": "sha512-+TMNA9AFxUEGuC0z2mevogSnn9MXKb4fa7ngeRMJaaGv8vTwnIEkKi+QGvPt33HSnf8pRS+WGM0EbMtCJLKMBQ==", "dev": true, "requires": { "encodeurl": "~1.0.2", "escape-html": "~1.0.3", "parseurl": "~1.3.3", - "send": "0.17.1" + "send": "0.17.2" } }, "set-blocking": { @@ -17200,9 +17250,9 @@ } }, "setprototypeof": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.1.1.tgz", - "integrity": "sha512-JvdAWfbXeIGaZ9cILp38HntZSFSo3mWg6xGcJJsd+d4aRMOqauag1C63dJfDw7OaMYwEbHMOxEZ1lqVRYP2OAw==", + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz", + "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==", "dev": true }, "shallow-clone": { @@ -17230,9 +17280,9 @@ "dev": true }, "signal-exit": { - "version": "3.0.5", - "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.5.tgz", - "integrity": "sha512-KWcOiKeQj6ZyXx7zq4YxSMgHRlod4czeBQZrPb8OKcohcqAXShm7E20kEMle9WBt26hFcAf0qLOcp5zmY7kOqQ==", + "version": "3.0.6", + "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.6.tgz", + "integrity": "sha512-sDl4qMFpijcGw22U5w63KmD3cZJfBuFlVNbVMKje2keoKML7X2UzWbc4XrmEbDwg0NXJc3yv4/ox7b+JWb57kQ==", "dev": true }, "sirv": { @@ -17957,6 +18007,13 @@ "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==", "requires": { "safe-buffer": "~5.1.0" + }, + "dependencies": { + "safe-buffer": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz", + "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==" + } } }, "strip-ansi": { @@ -18091,13 +18148,12 @@ "dev": true }, "table": { - "version": "6.7.2", - "resolved": "https://registry.npmjs.org/table/-/table-6.7.2.tgz", - "integrity": "sha512-UFZK67uvyNivLeQbVtkiUs8Uuuxv24aSL4/Vil2PJVtMgU8Lx0CYkP12uCGa3kjyQzOSgV1+z9Wkb82fCGsO0g==", + "version": "6.7.5", + "resolved": "https://registry.npmjs.org/table/-/table-6.7.5.tgz", + "integrity": "sha512-LFNeryOqiQHqCVKzhkymKwt6ozeRhlm8IL1mE8rNUurkir4heF6PzMyRgaTa4tlyPTGGgXuvVOF/OLWiH09Lqw==", "dev": true, "requires": { "ajv": "^8.0.1", - "lodash.clonedeep": "^4.5.0", "lodash.truncate": "^4.4.2", "slice-ansi": "^4.0.0", "string-width": "^4.2.3", @@ -18409,9 +18465,9 @@ } }, "toidentifier": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.0.tgz", - "integrity": "sha512-yaOH/Pk/VEhBWWTlhI+qXxDFXlejDGcQipMlyxda9nthulaxLZUNcUqFxokp0vcYnvteJln5FNQDRrxj3YcbVw==", + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz", + "integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==", "dev": true }, "totalist": { @@ -18474,6 +18530,15 @@ "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.10.0.tgz", "integrity": "sha512-qOebF53frne81cf0S9B41ByenJ3/IuH8yJKngAX35CmiZySA0khhkovshKK+jGCaMnVomla7gVlIcc3EvKPbTQ==" }, + "tsutils": { + "version": "3.21.0", + "resolved": "https://registry.npmjs.org/tsutils/-/tsutils-3.21.0.tgz", + "integrity": "sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==", + "dev": true, + "requires": { + "tslib": "^1.8.1" + } + }, "tunnel-agent": { "version": "0.6.0", "resolved": "https://registry.npmjs.org/tunnel-agent/-/tunnel-agent-0.6.0.tgz", diff --git a/package.json b/package.json index bb993009..36f31748 100644 --- a/package.json +++ b/package.json @@ -16,7 +16,7 @@ "build-local-dev": "ng build --configuration local-dev", "source-map-explorer": "source-map-explorer dist/**/*.js", "test": "ng test", - "test-headless": "ng test --watch=false --browsers=ChromeHeadless", + "test-headless": "ng test --browsers=ChromeHeadlessNoSandbox", "watch-headless": "ng test --watch=true --browsers=ChromeHeadless", "lint": "ng lint", "cypress:open": "cypress open", @@ -34,6 +34,11 @@ "@angular/platform-browser-dynamic": "^12.2.16", "@angular/platform-server": "^12.2.16", "@angular/router": "^12.2.16", + "@fullcalendar/angular": "^5.8.0", + "@fullcalendar/core": "^5.8.0", + "@fullcalendar/daygrid": "^5.8.0", + "@fullcalendar/interaction": "^5.8.0", + "@fullcalendar/timegrid": "^5.8.0", "@ctrl/ngx-codemirror": "^5.0.0", "babel-polyfill": "^6.26.0", "chart.js": "^3.5.1", @@ -50,9 +55,10 @@ "npm": "^6.14.13", "path": "^0.12.7", "paypal-checkout": "^4.0.328", - "primeflex": "^2.0.0", - "primeicons": "^4.1.0", - "primeng": "^12.0.0", + "primeflex": "3.1.3", + "primeicons": "4.1.0", + "primeng": "12.2.0", + "prismjs": "1.27.0", "rxjs": "^6.6.7", "tslib": "1.10.0", "web-animations-js": "^2.3.2", diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts index 4429a03c..e62faca1 100644 --- a/src/app/app-routing.module.ts +++ b/src/app/app-routing.module.ts @@ -5,117 +5,110 @@ import { SelectivePreloadingStrategy } from "./selective-preloading-strategy"; import { WelcomeComponent } from "src/app/welcome/welcome.component"; import { CanLoadService } from "./shared/services/can-load.service"; +import { AppMainComponent } from "./app.main.component"; -const lazyLoadedFeatureRoutes: Routes = [ - /** - * !lazy loaded feature routes - */ - { - path: "auth", - // canLoad: [CanLoadService], - loadChildren: () => - import("src/app/auth/auth.module").then((m) => m.AuthModule), - }, - { - path: "configuration", - canLoad: [CanLoadService], - loadChildren: () => - import("src/app/configs/configs.module").then((m) => m.ConfigsModule), - }, - { - path: "reports", - canLoad: [CanLoadService], - loadChildren: () => - import("src/app/reports/reports.module").then((m) => m.ReportsModule), - }, - { - path: "workers", - canLoad: [CanLoadService], - loadChildren: () => - import("src/app/workers/workers.module").then((m) => m.WorkersModule), - }, - { - path: "exports", - canLoad: [CanLoadService], - loadChildren: () => - import("src/app/exports/exports.module").then((m) => m.ExportsModule), - }, - { - path: "my-work-orders", - canLoad: [CanLoadService], - loadChildren: () => - import("src/app/my-work-orders/my-work-orders.module").then( - (m) => m.MyWorkOrdersModule - ), - }, - { - path: "employers", - canLoad: [CanLoadService], - loadChildren: () => - import("src/app/employers/employers.module").then( - (m) => m.EmployersModule - ), - }, - { - path: "lookups", - canLoad: [CanLoadService], - loadChildren: () => - import("src/app/lookups/lookups.module").then((m) => m.LookupsModule), - }, - { - path: "online-orders", - canLoad: [CanLoadService], - loadChildren: () => - import("src/app/online-orders/online-orders.module").then( - (m) => m.OnlineOrdersModule - ), - }, -]; const appRoutes: Routes = [ /** * !app-scoped, app-module-level components */ { path: "", - redirectTo: "/welcome", - pathMatch: "full", - }, - { - path: "welcome", - component: WelcomeComponent, - pathMatch: "full", - }, - { - path: "dashboard", - redirectTo: "/auth/dashboard", - pathMatch: "full", - }, - { - path: "unauthorized", - redirectTo: "/auth/unauthorized", - pathMatch: "full", - }, - { - path: "authorize", // redirect from auth - redirectTo: "/welcome", - pathMatch: "full", + component: AppMainComponent, + children: [ + { + path: "", + component: WelcomeComponent, + }, + { + path: "welcome", + component: WelcomeComponent, + }, + { + path: "employers", + canLoad: [CanLoadService], + loadChildren: () => + import("src/app/employers/employers.module").then( + (m) => m.EmployersModule + ), + }, + { + path: "configuration", + canLoad: [CanLoadService], + loadChildren: () => + import("src/app/configs/configs.module").then((m) => m.ConfigsModule), + }, + { + path: "reports", + canLoad: [CanLoadService], + loadChildren: () => + import("src/app/reports/reports.module").then((m) => m.ReportsModule), + }, + { + path: "workers", + canLoad: [CanLoadService], + loadChildren: () => + import("src/app/workers/workers.module").then((m) => m.WorkersModule), + }, + { + path: "exports", + canLoad: [CanLoadService], + loadChildren: () => + import("src/app/exports/exports.module").then((m) => m.ExportsModule), + }, + { + path: "my-work-orders", + canLoad: [CanLoadService], + loadChildren: () => + import("src/app/my-work-orders/my-work-orders.module").then( + (m) => m.MyWorkOrdersModule + ), + }, + { + path: "lookups", + canLoad: [CanLoadService], + loadChildren: () => + import("src/app/lookups/lookups.module").then((m) => m.LookupsModule), + }, + { + path: "online-orders", + canLoad: [CanLoadService], + loadChildren: () => + import("src/app/online-orders/online-orders.module").then( + (m) => m.OnlineOrdersModule + ), + }, + { + path: "dashboard", + redirectTo: "/auth/dashboard", + pathMatch: "full", + }, + { + path: "unauthorized", + redirectTo: "/auth/unauthorized", + pathMatch: "full", + }, + { + path: "authorize", // redirect from auth + redirectTo: "/welcome", + pathMatch: "full", + }, + { + path: "auth", + // canLoad: [CanLoadService], + loadChildren: () => + import("src/app/auth/auth.module").then((m) => m.AuthModule), + }, + ], }, -]; - -const defaultRoutes: Routes = [ - //{ path: '**', component: PageNotFoundComponent } { path: "**", redirectTo: "/welcome" }, ]; @NgModule({ imports: [ - RouterModule.forRoot( - [...appRoutes, ...lazyLoadedFeatureRoutes, ...defaultRoutes], - { - preloadingStrategy: SelectivePreloadingStrategy, - relativeLinkResolution: "legacy", - } - ), + RouterModule.forRoot(appRoutes, { + preloadingStrategy: SelectivePreloadingStrategy, + relativeLinkResolution: "legacy", + }), ], exports: [RouterModule], providers: [SelectivePreloadingStrategy], diff --git a/src/app/app.breadcrumb.component.html b/src/app/app.breadcrumb.component.html new file mode 100644 index 00000000..9b3a978a --- /dev/null +++ b/src/app/app.breadcrumb.component.html @@ -0,0 +1,8 @@ +
+ + +
diff --git a/src/app/app.breadcrumb.component.ts b/src/app/app.breadcrumb.component.ts new file mode 100644 index 00000000..5097c767 --- /dev/null +++ b/src/app/app.breadcrumb.component.ts @@ -0,0 +1,31 @@ +import { Component, OnDestroy } from '@angular/core'; +import { AppBreadcrumbService } from './app.breadcrumb.service'; +import { Subscription } from 'rxjs'; +import { MenuItem } from 'primeng/api'; + +@Component({ + selector: 'app-breadcrumb', + templateUrl: './app.breadcrumb.component.html' +}) +export class AppBreadcrumbComponent implements OnDestroy { + + subscription: Subscription; + + items: MenuItem[]; + + home: MenuItem; + + constructor(public breadcrumbService: AppBreadcrumbService) { + this.subscription = breadcrumbService.itemsHandler.subscribe(response => { + this.items = response; + }); + + this.home = { icon: 'pi pi-home', routerLink: '/' }; + } + + ngOnDestroy() { + if (this.subscription) { + this.subscription.unsubscribe(); + } + } +} diff --git a/src/app/app.breadcrumb.service.ts b/src/app/app.breadcrumb.service.ts new file mode 100644 index 00000000..feea99a8 --- /dev/null +++ b/src/app/app.breadcrumb.service.ts @@ -0,0 +1,15 @@ +import { Injectable } from '@angular/core'; +import { Subject , Observable } from 'rxjs'; +import { MenuItem } from 'primeng/api'; + +@Injectable() +export class AppBreadcrumbService { + + private itemsSource = new Subject(); + + itemsHandler = this.itemsSource.asObservable(); + + setItems(items: MenuItem[]) { + this.itemsSource.next(items); + } +} diff --git a/src/app/app.code.component.scss b/src/app/app.code.component.scss new file mode 100644 index 00000000..38fb11fb --- /dev/null +++ b/src/app/app.code.component.scss @@ -0,0 +1,68 @@ +.flex > div, +.box { + background-color: var(--surface-e); + text-align: center; + padding: 1rem; + border-radius: 4px; + box-shadow: 0 2px 1px -1px rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 3px 0 rgba(0,0,0,.12); +} + +.flex > div { + width: 8rem; +} + +i:not([class~="pi"]) { + background-color: var(--surface-b); + color: var(--primary-color); + font-family: Monaco, courier, monospace; + font-style: normal; + font-size: 12px; + padding: 2px 4px; + letter-spacing: .5px; + border-radius: 3px; + font-weight: 600; + margin: 0 2px; +} + +:host ::ng-deep pre[class*="language-"] { + box-shadow: none; + border: 0 none; + + &:before, &:after { + display: none !important; + } + + code { + border-left: 10px solid var(--surface-d) !important; + box-shadow: none !important; + background: var(--surface-b) !important; + margin: 1em 0; + color: var(--text-color); + font-size: 14px; + + .token { + &.tag, + &.keyword { + color: #2196F3 !important; + } + + &.attr-name, + &.attr-string { + color: #2196F3 !important; + } + + &.attr-value { + color: #4CAF50 !important; + } + + &.punctuation { + color: var(--text-color); + } + + &.operator, + &.string { + background: transparent; + } + } + } +} diff --git a/src/app/app.code.component.ts b/src/app/app.code.component.ts new file mode 100644 index 00000000..13591c09 --- /dev/null +++ b/src/app/app.code.component.ts @@ -0,0 +1,32 @@ +import { Component, ElementRef, AfterViewInit, Input, NgModule, ViewChild } from '@angular/core'; +import { CommonModule } from '@angular/common'; + +@Component({ + selector: 'app-code', + template: ` +

+
+ `, + styleUrls: ['./app.code.component.scss'] +}) +export class AppCodeComponent implements AfterViewInit { + + @Input() lang = 'markup'; + + @ViewChild('code') codeViewChild: ElementRef; + + constructor(public el: ElementRef) { } + + ngAfterViewInit() { + if (window['Prism']) { + window['Prism'].highlightElement(this.codeViewChild.nativeElement); + } + } +} + +@NgModule({ + imports: [CommonModule], + exports: [AppCodeComponent], + declarations: [AppCodeComponent] +}) +export class AppCodeModule { } diff --git a/src/app/app.component.css b/src/app/app.component.css deleted file mode 100644 index e69de29b..00000000 diff --git a/src/app/app.component.html b/src/app/app.component.html index c782938b..0680b43f 100644 --- a/src/app/app.component.html +++ b/src/app/app.component.html @@ -1,33 +1 @@ - - -
- -
- - - -
-
- -
-
- -
- - - -
- -
-
- -
+ diff --git a/src/app/app.component.spec.ts b/src/app/app.component.spec.ts index 049406c2..e9501ef4 100644 --- a/src/app/app.component.spec.ts +++ b/src/app/app.component.spec.ts @@ -2,11 +2,7 @@ import { NoopAnimationsModule } from "@angular/platform-browser/animations"; import { TestBed, waitForAsync } from "@angular/core/testing"; import { AppComponent } from "./app.component"; import { AppTopBarComponent } from "./app.topbar.component"; -import { InlineProfileComponent } from "./menu/app.profile.component"; -import { - AppMenuComponent, - AppSubMenuComponent, -} from "./menu/app.menu.component"; +import { AppMenuComponent } from "./app.menu.component"; import { AppFooterComponent } from "./app.footer.component"; import { AppRoutingModule } from "./app-routing.module"; import { PageNotFoundComponent } from "./not-found.component"; @@ -24,10 +20,8 @@ describe("AppComponent", () => { declarations: [ AppComponent, AppMenuComponent, - AppSubMenuComponent, AppTopBarComponent, AppFooterComponent, - InlineProfileComponent, PageNotFoundComponent, AuthorizeComponent, ], diff --git a/src/app/app.component.ts b/src/app/app.component.ts index 221aa6f9..2ec0d018 100644 --- a/src/app/app.component.ts +++ b/src/app/app.component.ts @@ -1,193 +1,31 @@ /* eslint-disable @typescript-eslint/no-unsafe-call */ /* eslint-disable @typescript-eslint/no-unsafe-member-access */ -import { - Component, - OnInit, - AfterViewInit, - ElementRef, - ViewChild, - Renderer2, - OnDestroy, -} from "@angular/core"; +import { Component, OnInit } from "@angular/core"; import { environment } from "../environments/environment"; import { ConfigsService } from "./configs/configs.service"; import { LookupsService } from "./lookups/lookups.service"; -import { Router, NavigationEnd } from "@angular/router"; -import { MenuItem, Message, MessageService, PrimeNGConfig } from "primeng/api"; +import { MessageService, PrimeNGConfig } from "primeng/api"; console.log("environment.name:", environment.name); -enum MenuOrientation { - static, - overlay, - horizontal, -} - -declare let jQuery: any; - @Component({ selector: "app-root", templateUrl: "./app.component.html", styleUrls: ["./app.component.scss"], providers: [LookupsService, ConfigsService, MessageService], }) -export class AppComponent implements AfterViewInit, OnInit, OnDestroy { - @ViewChild("layoutContainer", { static: false }) - layourContainerViewChild: ElementRef; - - @ViewChild("layoutMenuScroller", { static: false }) - layoutMenuScrollerViewChild: ElementRef; - - layoutCompact = false; - layoutMode = MenuOrientation.static; - darkMenu = true; - profileMode = "inline"; - rotateMenuButton: boolean; - topbarMenuActive: boolean; - overlayMenuActive: boolean; - staticMenuDesktopInactive: boolean; - staticMenuMobileActive: boolean; - layoutContainer: HTMLDivElement; - layoutMenuScroller: HTMLDivElement; - menuClick: boolean; - topbarItemClick: boolean; - activeTopbarItem: any; - documentClickListener: any; - resetMenu: boolean; - msgs: Message[] = []; - - constructor( - public renderer: Renderer2, - private router: Router, - private primengConfig: PrimeNGConfig - ) {} - - ngOnInit(): void { +export class AppComponent implements OnInit { + topbarTheme = "bluegrey"; + menuTheme = "bluegrey"; + layoutMode = "light"; + menuMode = "static"; + inlineMenuPosition = "top"; + inputStyle = "filled"; + ripple = true; + isRTL = false; + + constructor(private primengConfig: PrimeNGConfig) {} + + ngOnInit() { this.primengConfig.ripple = true; - this.router.events.subscribe((evt) => { - if (!(evt instanceof NavigationEnd)) { - return; - } - window.scrollTo(0, 0); - }); - } - ngAfterViewInit(): void { - this.layoutContainer = this.layourContainerViewChild - .nativeElement as HTMLDivElement; - this.layoutMenuScroller = this.layoutMenuScrollerViewChild - .nativeElement as HTMLDivElement; - - //hides the horizontal submenus or top menu if outside is clicked - this.documentClickListener = this.renderer.listen("body", "click", () => { - if (!this.topbarItemClick) { - this.activeTopbarItem = null; - this.topbarMenuActive = false; - } - - if (!this.menuClick && this.isHorizontal()) { - this.resetMenu = true; - } - - this.topbarItemClick = false; - this.menuClick = false; - }); - - setTimeout(() => { - jQuery(this.layoutMenuScroller).nanoScroller({ flash: true }); - }, 10); - } - - onMenuButtonClick(event: Event): void { - this.rotateMenuButton = !this.rotateMenuButton; - this.topbarMenuActive = false; - - if (this.layoutMode === MenuOrientation.overlay) { - this.overlayMenuActive = !this.overlayMenuActive; - } else { - if (this.isDesktop()) { - this.staticMenuDesktopInactive = !this.staticMenuDesktopInactive; - } else { - this.staticMenuMobileActive = !this.staticMenuMobileActive; - } - } - - event.preventDefault(); - } - - onMenuClick(): void { - this.menuClick = true; - this.resetMenu = false; - - if (!this.isHorizontal()) { - setTimeout(() => { - jQuery(this.layoutMenuScroller).nanoScroller(); - }, 500); - } - } - - onTopbarMenuButtonClick(event: Event): void { - this.topbarItemClick = true; - this.topbarMenuActive = !this.topbarMenuActive; - - if (this.overlayMenuActive || this.staticMenuMobileActive) { - this.rotateMenuButton = false; - this.overlayMenuActive = false; - this.staticMenuMobileActive = false; - } - - event.preventDefault(); - } - - onTopbarItemClick(event: Event, item: MenuItem): void { - this.topbarItemClick = true; - - if (this.activeTopbarItem === item) { - this.activeTopbarItem = null; - } else { - // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment - this.activeTopbarItem = item; - } - - event.preventDefault(); - } - - isTablet(): boolean { - const width = window.innerWidth; - return width <= 1024 && width > 640; - } - - isDesktop(): boolean { - return window.innerWidth > 1024; - } - - isMobile(): boolean { - return window.innerWidth <= 640; - } - - isOverlay(): boolean { - return this.layoutMode === MenuOrientation.overlay; - } - - isHorizontal(): boolean { - return this.layoutMode === MenuOrientation.horizontal; - } - - changeToStaticMenu(): void { - this.layoutMode = MenuOrientation.static; - } - - changeToOverlayMenu(): void { - this.layoutMode = MenuOrientation.overlay; - } - - changeToHorizontalMenu(): void { - this.layoutMode = MenuOrientation.horizontal; - } - - ngOnDestroy(): void { - if (this.documentClickListener) { - this.documentClickListener(); - } - - jQuery(this.layoutMenuScroller).nanoScroller({ flash: true }); } } diff --git a/src/app/app.config.component.ts b/src/app/app.config.component.ts new file mode 100644 index 00000000..b0c4844e --- /dev/null +++ b/src/app/app.config.component.ts @@ -0,0 +1,612 @@ +import { Component, forwardRef, Inject, OnInit } from "@angular/core"; +import { AppComponent } from "./app.component"; +import { AppMainComponent } from "./app.main.component"; + +@Component({ + selector: "app-config", + template: ` + +
+
+
Theme Customization
+ Ultima offers different themes for layout, topbar, menu etc. +
+ +
+ +
+
Layout/Theme Scale
+
+ + + +
+ +
Layout Mode
+
+
+ + +
+
+ + +
+
+ +
Menu Mode
+
+
+
+ + +
+
+ + +
+
+
+
+ + +
+
+ + +
+
+
+ +
Inline Menu Position
+
+
+ + +
+
+ + +
+
+ + +
+
+ +
Input Background
+
+
+ + +
+
+ + +
+
+ +
Ripple Effect
+ + +
RTL
+ + +
Menu Themes
+
+ +
+

+ Menu themes are only available in light mode by design as large + surfaces can emit too much brightness in dark mode. +

+ +
Topbar Themes
+
+ +
+ +
Component Themes
+
+ +
+
+
+
+ + + `, +}) +export class AppConfigComponent implements OnInit { + scale = 14; + + scales: number[] = [12, 13, 14, 15, 16]; + + themes: any[]; + + menuThemes: any[]; + + menuTheme = "bluegrey"; + + topbarThemes: any[]; + + topbarTheme = "bluegrey"; + + theme = "indigo"; + + matchingMenuTheme = false; + + matchingTopbarTheme = false; + + selectedMenuTheme: any; + + selectedTopbarTheme: any; + + configActive = false; + + isInputBackgroundChanged = false; + + constructor(public app: AppComponent, public appMain: AppMainComponent) {} + + ngOnInit() { + this.themes = [ + { name: "indigo", color: "#3F51B5" }, + { name: "pink", color: "#E91E63" }, + { name: "purple", color: "#9C27B0" }, + { name: "deeppurple", color: "#673AB7" }, + { name: "blue", color: "#2196F3" }, + { name: "lightblue", color: "#03A9F4" }, + { name: "cyan", color: "#00BCD4" }, + { name: "teal", color: "#009688" }, + { name: "green", color: "#4CAF50" }, + { name: "lightgreen", color: "#8BC34A" }, + { name: "lime", color: "#CDDC39" }, + { name: "yellow", color: "#FFEB3B" }, + { name: "amber", color: "#FFC107" }, + { name: "orange", color: "#FF9800" }, + { name: "deeporange", color: "#FF5722" }, + { name: "brown", color: "#795548" }, + { name: "bluegrey", color: "#607D8B" }, + ]; + + this.menuThemes = [ + { name: "light", color: "#FDFEFF" }, + { name: "dark", color: "#434B54" }, + { name: "indigo", color: "#1A237E" }, + { name: "bluegrey", color: "#37474F" }, + { name: "brown", color: "#4E342E" }, + { name: "cyan", color: "#006064" }, + { name: "green", color: "#2E7D32" }, + { name: "deeppurple", color: "#4527A0" }, + { name: "deeporange", color: "#BF360C" }, + { name: "pink", color: "#880E4F" }, + { name: "purple", color: "#6A1B9A" }, + { name: "teal", color: "#00695C" }, + ]; + + this.topbarThemes = [ + { name: "lightblue", color: "#2E88FF" }, + { name: "dark", color: "#363636" }, + { name: "white", color: "#FDFEFF" }, + { name: "blue", color: "#1565C0" }, + { name: "deeppurple", color: "#4527A0" }, + { name: "purple", color: "#6A1B9A" }, + { name: "pink", color: "#AD1457" }, + { name: "cyan", color: "#0097A7" }, + { name: "teal", color: "#00796B" }, + { name: "green", color: "#43A047" }, + { name: "lightgreen", color: "#689F38" }, + { name: "lime", color: "#AFB42B" }, + { name: "yellow", color: "#FBC02D" }, + { name: "amber", color: "#FFA000" }, + { name: "orange", color: "#FB8C00" }, + { name: "deeporange", color: "#D84315" }, + { name: "brown", color: "#5D4037" }, + { name: "grey", color: "#616161" }, + { name: "bluegrey", color: "#546E7A" }, + { name: "indigo", color: "#3F51B5" }, + ]; + + this.selectedMenuTheme = this.menuThemes.find( + (theme) => theme.name === this.menuTheme + ); + this.selectedTopbarTheme = this.topbarThemes.find( + (theme) => theme.name === this.topbarTheme + ); + } + + decrementScale() { + this.scale--; + this.applyScale(); + } + + incrementScale() { + this.scale++; + this.applyScale(); + } + + applyScale() { + document.documentElement.style.fontSize = this.scale + "px"; + } + + onInputStyleClick() { + this.isInputBackgroundChanged = true; + } + + onLayoutModeChange(event, mode) { + const appLogoLink: HTMLImageElement = document.getElementById( + "app-logo" + ) as HTMLImageElement; + this.app.layoutMode = mode; + + if (!this.isInputBackgroundChanged) { + this.app.inputStyle = mode === "dark" ? "filled" : "outlined"; + } + + if (mode === "dark") { + this.app.menuTheme = "dark"; + this.app.topbarTheme = "dark"; + appLogoLink.src = "assets/layout/images/logo-light.svg"; + } else { + this.app.menuTheme = "light"; + this.app.topbarTheme = "blue"; + appLogoLink.src = "assets/layout/images/logo-light.svg"; + } + + const layoutLink: HTMLLinkElement = document.getElementById( + "layout-css" + ) as HTMLLinkElement; + const layoutHref = + "assets/layout/css/layout-" + this.app.layoutMode + ".css"; + this.replaceLink(layoutLink, layoutHref); + + const themeLink = document.getElementById("theme-css"); + const urlTokens = themeLink.getAttribute("href").split("/"); + urlTokens[urlTokens.length - 1] = "theme-" + this.app.layoutMode + ".css"; + const newURL = urlTokens.join("/"); + + this.replaceLink(themeLink, newURL, this.appMain["refreshChart"]); + } + + changeTheme(theme) { + this.theme = theme; + + const themeLink: HTMLLinkElement = document.getElementById( + "theme-css" + ) as HTMLLinkElement; + const themeHref = + "assets/theme/" + theme + "/theme-" + this.app.layoutMode + ".css"; + this.replaceLink(themeLink, themeHref); + } + + changeMenuTheme(theme) { + this.selectedMenuTheme = theme; + this.app.menuTheme = theme.name; + } + + changeTopbarTheme(theme) { + this.selectedTopbarTheme = theme; + this.app.topbarTheme = theme.name; + + const appLogoLink: HTMLImageElement = document.getElementById( + "app-logo" + ) as HTMLImageElement; + + if ( + theme.name === "white" || + theme.name === "yellow" || + theme.name === "amber" || + theme.name === "orange" || + theme.name === "lime" + ) { + appLogoLink.src = "assets/layout/images/logo-dark.svg"; + } else { + appLogoLink.src = "assets/layout/images/logo-light.svg"; + } + } + + isIE() { + return /(MSIE|Trident\/|Edge\/)/i.test(window.navigator.userAgent); + } + + replaceLink(linkElement, href, callback?) { + if (this.isIE()) { + linkElement.setAttribute("href", href); + if (callback) { + callback(); + } + } else { + const id = linkElement.getAttribute("id"); + const cloneLinkElement = linkElement.cloneNode(true); + + cloneLinkElement.setAttribute("href", href); + cloneLinkElement.setAttribute("id", id + "-clone"); + + linkElement.parentNode.insertBefore( + cloneLinkElement, + linkElement.nextSibling + ); + + cloneLinkElement.addEventListener("load", () => { + linkElement.remove(); + cloneLinkElement.setAttribute("id", id); + + if (callback) { + callback(); + } + }); + } + } +} diff --git a/src/app/app.inlinemenu.component.html b/src/app/app.inlinemenu.component.html new file mode 100644 index 00000000..95adfaaa --- /dev/null +++ b/src/app/app.inlinemenu.component.html @@ -0,0 +1,37 @@ +
+ + avatar + + {{this.username}} + + + + + +
diff --git a/src/app/app.inlinemenu.component.ts b/src/app/app.inlinemenu.component.ts new file mode 100644 index 00000000..892ae87d --- /dev/null +++ b/src/app/app.inlinemenu.component.ts @@ -0,0 +1,122 @@ +import { Component, Input, OnInit } from "@angular/core"; +import { + trigger, + state, + transition, + style, + animate, +} from "@angular/animations"; +import { AppMainComponent } from "./app.main.component"; +import { AppComponent } from "./app.component"; +import { AuthService } from "./shared"; +import { Router } from "@angular/router"; + +@Component({ + selector: "app-inline-menu", + templateUrl: "./app.inlinemenu.component.html", + animations: [ + trigger("menu", [ + state( + "hiddenAnimated", + style({ + height: "0px", + paddingBottom: "0px", + overflow: "hidden", + }) + ), + state( + "visibleAnimated", + style({ + height: "*", + overflow: "visible", + }) + ), + state( + "visible", + style({ + opacity: 1, + "z-index": 100, + }) + ), + state( + "hidden", + style({ + opacity: 0, + "z-index": "*", + }) + ), + transition( + "visibleAnimated => hiddenAnimated", + animate("400ms cubic-bezier(0.86, 0, 0.07, 1)") + ), + transition( + "hiddenAnimated => visibleAnimated", + animate("400ms cubic-bezier(0.86, 0, 0.07, 1)") + ), + transition("visible => hidden", animate(".1s linear")), + transition("hidden => visible", [ + style({ transform: "scaleY(0.8)" }), + animate(".12s cubic-bezier(0, 0, 0.2, 1)"), + ]), + ]), + ], +}) +export class AppInlineMenuComponent implements OnInit { + @Input() key = "inline-menu"; + + @Input() style: any; + + @Input() styleClass: string; + + active: boolean; + username: string; + + constructor( + public appMain: AppMainComponent, + public app: AppComponent, + private auth: AuthService, + private router: Router + ) {} + + ngOnInit(): void { + this.auth.authorize().subscribe( + (user) => { + this.username = user.profile.preferred_username; + }, + (error) => { + console.log("InlineProfileComponent: ", error); + this.username = "Not logged in!"; + } + ); + } + + onClick(event) { + this.appMain.onInlineMenuClick(event, this.key); + event.preventDefault(); + } + + startSignoutMainWindow(): void { + const rtr = this.router; + this.auth.signoutUser().subscribe( + (response) => { + console.log("signout success: ", response); + rtr.navigate(["authorize"]).catch((e) => console.error(e)); + }, + (error) => { + console.log("Error in signoutRedirect: ", error); + } + ); + } + + get isTooltipDisabled() { + return !(this.appMain.isSlim() && !this.appMain.isMobile()); + } + + get tabIndex() { + return !this.appMain.inlineMenuActive ? "-1" : null; + } + + isHorizontalActive() { + return this.appMain.isHorizontal() && !this.appMain.isMobile(); + } +} diff --git a/src/app/app.main.component.html b/src/app/app.main.component.html new file mode 100644 index 00000000..768fcaf5 --- /dev/null +++ b/src/app/app.main.component.html @@ -0,0 +1,38 @@ +
+ + + + + + + +
+ + +
+ +
+ + +
+ + + + + +
diff --git a/src/app/app.main.component.ts b/src/app/app.main.component.ts new file mode 100644 index 00000000..93d558e9 --- /dev/null +++ b/src/app/app.main.component.ts @@ -0,0 +1,238 @@ +import {Component, AfterViewInit, Renderer2, OnInit, OnDestroy} from '@angular/core'; +import { MenuService } from './app.menu.service'; +import { PrimeNGConfig } from 'primeng/api'; +import { AppComponent } from './app.component'; + +@Component({ + selector: 'app-main', + templateUrl: './app.main.component.html' +}) +export class AppMainComponent implements AfterViewInit, OnInit, OnDestroy { + + topbarMenuActive: boolean; + + menuActive: boolean; + + staticMenuDesktopInactive: boolean; + + mobileMenuActive: boolean; + + menuClick: boolean; + + mobileTopbarActive: boolean; + + topbarRightClick: boolean; + + topbarItemClick: boolean; + + activeTopbarItem: string; + + documentClickListener: () => void; + + configActive: boolean; + + configClick: boolean; + + rightMenuActive: boolean; + + menuHoverActive = false; + + searchClick = false; + + search = false; + + currentInlineMenuKey: string; + + inlineMenuActive: any[] = []; + + inlineMenuClick: boolean; + + constructor(public renderer: Renderer2, private menuService: MenuService, private primengConfig: PrimeNGConfig, + public app: AppComponent) { } + + ngOnInit() { + this.menuActive = this.isStatic() && !this.isMobile(); + } + + ngAfterViewInit() { + // hides the horizontal submenus or top menu if outside is clicked + this.documentClickListener = this.renderer.listen('body', 'click', () => { + if (!this.topbarItemClick) { + this.activeTopbarItem = null; + this.topbarMenuActive = false; + } + + if (!this.menuClick && (this.isHorizontal() || this.isSlim())) { + this.menuService.reset(); + } + + if (this.configActive && !this.configClick) { + this.configActive = false; + } + + if (!this.menuClick) { + if (this.mobileMenuActive) { + this.mobileMenuActive = false; + } + + if (this.isOverlay()) { + this.menuActive = false; + } + + this.menuHoverActive = false; + this.unblockBodyScroll(); + } + + if (!this.searchClick) { + this.search = false; + } + + if (this.inlineMenuActive[this.currentInlineMenuKey] && !this.inlineMenuClick) { + this.inlineMenuActive[this.currentInlineMenuKey] = false; + } + + this.inlineMenuClick = false; + this.searchClick = false; + this.configClick = false; + this.topbarItemClick = false; + this.topbarRightClick = false; + this.menuClick = false; + }); + } + + onMenuButtonClick(event) { + this.menuActive = !this.menuActive; + this.topbarMenuActive = false; + this.topbarRightClick = true; + this.menuClick = true; + + if (this.isDesktop()) { + this.staticMenuDesktopInactive = !this.staticMenuDesktopInactive; + } else { + this.mobileMenuActive = !this.mobileMenuActive; + if (this.mobileMenuActive) { + this.blockBodyScroll(); + } else { + this.unblockBodyScroll(); + } + } + + event.preventDefault(); + } + + onTopbarMobileButtonClick(event) { + this.mobileTopbarActive = !this.mobileTopbarActive; + event.preventDefault(); + } + + onRightMenuButtonClick(event) { + this.rightMenuActive = !this.rightMenuActive; + event.preventDefault(); + } + + onMenuClick($event) { + this.menuClick = true; + + if (this.inlineMenuActive[this.currentInlineMenuKey] && !this.inlineMenuClick) { + this.inlineMenuActive[this.currentInlineMenuKey] = false; + } + } + + onSearchKeydown(event) { + if (event.keyCode === 27) { + this.search = false; + } + } + + onInlineMenuClick(event, key) { + if (key !== this.currentInlineMenuKey) { + this.inlineMenuActive[this.currentInlineMenuKey] = false; + } + + this.inlineMenuActive[key] = !this.inlineMenuActive[key]; + this.currentInlineMenuKey = key; + this.inlineMenuClick = true; + } + + onTopbarItemClick(event, item) { + this.topbarItemClick = true; + + if (this.activeTopbarItem === item) { + this.activeTopbarItem = null; + } + else { + this.activeTopbarItem = item; + } + + if (item === 'search') { + this.search = !this.search; + this.searchClick = !this.searchClick; + } + + event.preventDefault(); + } + + onTopbarSubItemClick(event) { + event.preventDefault(); + } + + onRTLChange(event) { + this.app.isRTL = event.checked; + } + + onRippleChange(event) { + this.app.ripple = event.checked; + this.primengConfig.ripple = event.checked; + } + + onConfigClick(event) { + this.configClick = true; + } + + isDesktop() { + return window.innerWidth > 991; + } + + isMobile() { + return window.innerWidth <= 991; + } + + isOverlay() { + return this.app.menuMode === 'overlay'; + } + + isStatic() { + return this.app.menuMode === 'static'; + } + + isHorizontal() { + return this.app.menuMode === 'horizontal'; + } + + isSlim() { + return this.app.menuMode === 'slim'; + } + + blockBodyScroll(): void { + if (document.body.classList) { + document.body.classList.add('blocked-scroll'); + } else { + document.body.className += ' blocked-scroll'; + } + } + + unblockBodyScroll(): void { + if (document.body.classList) { + document.body.classList.remove('blocked-scroll'); + } else { + document.body.className = document.body.className.replace(new RegExp('(^|\\b)' + + 'blocked-scroll'.split(' ').join('|') + '(\\b|$)', 'gi'), ' '); + } + } + + ngOnDestroy() { + if (this.documentClickListener) { + this.documentClickListener(); + } + } +} diff --git a/src/app/menu/app.menu.component.spec.ts b/src/app/app.menu.component.spec.ts similarity index 79% rename from src/app/menu/app.menu.component.spec.ts rename to src/app/app.menu.component.spec.ts index 098fe53d..d5d4d8e5 100644 --- a/src/app/menu/app.menu.component.spec.ts +++ b/src/app/app.menu.component.spec.ts @@ -1,10 +1,10 @@ import { waitForAsync, ComponentFixture, TestBed } from "@angular/core/testing"; import { ReactiveFormsModule } from "@angular/forms"; -import { AppMenuComponent, AppSubMenuComponent } from "./app.menu.component"; -import { AppComponent } from "../app.component"; +import { AppMenuComponent } from "./app.menu.component"; +import { AppComponent } from "./app.component"; import { RouterTestingModule } from "@angular/router/testing"; -import { AuthService } from "../shared/index"; -import { AuthServiceSpy } from "../shared/testing"; +import { AuthService } from "./shared/index"; +import { AuthServiceSpy } from "./shared/testing"; class AppComponentSpy {} @@ -14,7 +14,7 @@ describe("AppMenuComponent", () => { beforeEach( waitForAsync(() => { TestBed.configureTestingModule({ - declarations: [AppMenuComponent, AppSubMenuComponent], + declarations: [AppMenuComponent], imports: [ReactiveFormsModule, RouterTestingModule], }) .overrideComponent(AppMenuComponent, { diff --git a/src/app/app.menu.component.ts b/src/app/app.menu.component.ts new file mode 100644 index 00000000..84f82a97 --- /dev/null +++ b/src/app/app.menu.component.ts @@ -0,0 +1,53 @@ +import { Component, Input, OnInit, Inject, forwardRef } from "@angular/core"; +import { + trigger, + state, + style, + transition, + animate, +} from "@angular/animations"; +import { Location } from "@angular/common"; +import { Router } from "@angular/router"; +import { MenuItem } from "primeng/api"; +import { AppComponent } from "./app.component"; +import { loadMenuRules } from "./load-menu-rules"; +import { AuthService } from "./shared/index"; +import { MenuRule } from "./menu-rule"; + +@Component({ + selector: "app-menu", + template: ` + + `, +}) +export class AppMenuComponent implements OnInit { + @Input() reset: boolean; + + model: any[]; + + constructor(public app: AppComponent, private auth: AuthService) { + console.log(".ctor: AppMenuComponent"); + } + + ngOnInit(): void { + console.log(".ngOnInit: AppMenuComponent"); + + this.auth.authorize().subscribe( + (user) => { + this.model = loadMenuRules(user.profile.roles); + // return new Array(); + }, + (unauthorized) => { + console.log("Not signed in: ", unauthorized); + } + ); + } +} diff --git a/src/app/app.menu.service.ts b/src/app/app.menu.service.ts new file mode 100644 index 00000000..184790d8 --- /dev/null +++ b/src/app/app.menu.service.ts @@ -0,0 +1,20 @@ +import { Injectable } from '@angular/core'; +import { Subject } from 'rxjs'; + +@Injectable() +export class MenuService { + + private menuSource = new Subject(); + private resetSource = new Subject(); + + menuSource$ = this.menuSource.asObservable(); + resetSource$ = this.resetSource.asObservable(); + + onMenuStateChange(key: string) { + this.menuSource.next(key); + } + + reset() { + this.resetSource.next(); + } +} diff --git a/src/app/app.menuitem.component.ts b/src/app/app.menuitem.component.ts new file mode 100644 index 00000000..b53df07c --- /dev/null +++ b/src/app/app.menuitem.component.ts @@ -0,0 +1,208 @@ +import {ChangeDetectorRef, Component, Input, OnDestroy, OnInit} from '@angular/core'; +import {NavigationEnd, Router} from '@angular/router'; +import {animate, state, style, transition, trigger} from '@angular/animations'; +import {Subscription} from 'rxjs'; +import {filter} from 'rxjs/operators'; +import {MenuService} from './app.menu.service'; +import {AppMainComponent} from './app.main.component'; + +@Component({ + /* tslint:disable:component-selector */ + selector: '[app-menuitem]', + /* tslint:enable:component-selector */ + template: ` + +
+ {{item.label}} +
+ + + {{item.label}} + {{item.badge}} + + + + + {{item.label}} + {{item.badge}} + + +
    + +
  • +
    +
+
+ `, + host: { + '[class.layout-root-menuitem]': 'root || active', + '[class.active-menuitem]': '(active)' + }, + animations: [ + trigger('children', [ + state('void', style({ + height: '0px', + padding: '0px' + })), + state('hiddenAnimated', style({ + height: '0px', + padding: '0px' + })), + state('visibleAnimated', style({ + height: '*' + })), + state('visible', style({ + height: '*' + })), + state('hidden', style({ + height: '0px', + padding: '0px' + })), + transition('visibleAnimated => hiddenAnimated', animate('400ms cubic-bezier(0.86, 0, 0.07, 1)')), + transition('hiddenAnimated => visibleAnimated', animate('400ms cubic-bezier(0.86, 0, 0.07, 1)')), + transition('void => visibleAnimated, visibleAnimated => void', + animate('400ms cubic-bezier(0.86, 0, 0.07, 1)')) + ]) + ] +}) +export class AppMenuitemComponent implements OnInit, OnDestroy { + + @Input() item: any; + + @Input() index: number; + + @Input() root: boolean; + + @Input() parentKey: string; + + active = false; + + menuSourceSubscription: Subscription; + + menuResetSubscription: Subscription; + + key: string; + + constructor(public app: AppMainComponent, public router: Router, private cd: ChangeDetectorRef, private menuService: MenuService) { + this.menuSourceSubscription = this.menuService.menuSource$.subscribe(key => { + // deactivate current active menu + if (this.active && this.key !== key && key.indexOf(this.key) !== 0) { + this.active = false; + } + }); + + this.menuResetSubscription = this.menuService.resetSource$.subscribe(() => { + this.active = false; + }); + + this.router.events.pipe(filter(event => event instanceof NavigationEnd)) + .subscribe(params => { + if (this.app.isHorizontal() || this.app.isSlim()) { + this.active = false; + } else { + if (this.item.routerLink) { + this.updateActiveStateFromRoute(); + } else { + this.active = false; + } + } + }); + } + + ngOnInit() { + if (!(this.app.isHorizontal() || this.app.isSlim()) && this.item.routerLink) { + this.updateActiveStateFromRoute(); + } + + this.key = this.parentKey ? this.parentKey + '-' + this.index : String(this.index); + } + + updateActiveStateFromRoute() { + this.active = this.router.isActive(this.item.routerLink[0], this.item.items ? false : true); + } + + itemClick(event: Event) { + // avoid processing disabled items + if (this.item.disabled) { + event.preventDefault(); + return; + } + + // navigate with hover in horizontal mode + if (this.root) { + this.app.menuHoverActive = !this.app.menuHoverActive; + } + + // notify other items + this.menuService.onMenuStateChange(this.key); + + // execute command + if (this.item.command) { + this.item.command({originalEvent: event, item: this.item}); + } + + // toggle active state + if (this.item.items) { + this.active = !this.active; + } else { + // activate item + this.active = true; + + // reset horizontal and slim menu + if (this.app.isHorizontal() || this.app.isSlim()) { + this.menuService.reset(); + this.app.menuHoverActive = false; + } + + if (!this.app.isStatic()) { + this.app.menuActive = false; + } + + this.app.mobileMenuActive = false; + } + + this.removeActiveInk(event); + } + + onMouseEnter() { + // activate item on hover + if (this.root && (this.app.isHorizontal() || this.app.isSlim()) && this.app.isDesktop()) { + if (this.app.menuHoverActive) { + this.menuService.onMenuStateChange(this.key); + this.active = true; + } + } + } + + removeActiveInk(event: Event) { + const currentTarget = (event.currentTarget as HTMLElement); + setTimeout(() => { + if (currentTarget) { + const activeInk = currentTarget.querySelector('.p-ink-active'); + if (activeInk) { + if (activeInk.classList) { + activeInk.classList.remove('p-ink-active'); + } + else { + activeInk.className = activeInk.className.replace(new RegExp('(^|\\b)' + 'p-ink-active'.split(' ').join('|') + '(\\b|$)', 'gi'), ' '); + } + } + } + }, 401); + } + + ngOnDestroy() { + if (this.menuSourceSubscription) { + this.menuSourceSubscription.unsubscribe(); + } + + if (this.menuResetSubscription) { + this.menuResetSubscription.unsubscribe(); + } + } +} diff --git a/src/app/app.module.ts b/src/app/app.module.ts index 4a86410e..88e6b588 100644 --- a/src/app/app.module.ts +++ b/src/app/app.module.ts @@ -1,29 +1,42 @@ import { BrowserModule } from "@angular/platform-browser"; import { BrowserAnimationsModule } from "@angular/platform-browser/animations"; import { AppRoutingModule } from "./app-routing.module"; +import { BreadcrumbModule } from "primeng/breadcrumb"; import { NgModule } from "@angular/core"; import { FormsModule } from "@angular/forms"; import { HttpClientModule, HTTP_INTERCEPTORS } from "@angular/common/http"; +import { MegaMenuModule } from "primeng/megamenu"; +import { SidebarModule } from "primeng/sidebar"; import { AppComponent } from "./app.component"; -import { - AppMenuComponent, - AppSubMenuComponent, -} from "./menu/app.menu.component"; +import { AppMenuComponent } from "./app.menu.component"; import { AppTopBarComponent } from "./app.topbar.component"; import { AppFooterComponent } from "./app.footer.component"; -import { InlineProfileComponent } from "./menu/app.profile.component"; import { PageNotFoundComponent } from "./not-found.component"; import { ToastModule } from "primeng/toast"; +import { DialogModule } from "primeng/dialog"; import { MessagesComponent } from "./shared/components/messages/messages.component"; import { ButtonModule } from "primeng/button"; import { WelcomeComponent } from "./welcome/welcome.component"; -import { CommonModule } from "@angular/common"; +import { + CommonModule, + HashLocationStrategy, + LocationStrategy, + PathLocationStrategy, +} from "@angular/common"; import { ApiModule, Configuration } from "machete-client"; import { environment } from "../environments/environment"; import { FileDownloadHttpInterceptor } from "./FileDownloadHttpInterceptor"; +import { MenuService } from "./app.menu.service"; +import { AppBreadcrumbService } from "./app.breadcrumb.service"; +import { AppInlineMenuComponent } from "./app.inlinemenu.component"; +import { AppMainComponent } from "./app.main.component"; +import { AppConfigComponent } from "./app.config.component"; +import { AppRightMenuComponent } from "./app.rightmenu.component"; +import { AppMenuitemComponent } from "./app.menuitem.component"; +import { AppBreadcrumbComponent } from "./app.breadcrumb.component"; /** * Import only the modules needed for the first render of the app * Only what's required for the components that load first before any other lazy loaded routes. @@ -33,39 +46,50 @@ import { FileDownloadHttpInterceptor } from "./FileDownloadHttpInterceptor"; * ?? service level is sufficient */ @NgModule({ - declarations: [ - AppComponent, - AppMenuComponent, - AppSubMenuComponent, - AppTopBarComponent, - AppFooterComponent, - InlineProfileComponent, - PageNotFoundComponent, - MessagesComponent, - WelcomeComponent, - ], imports: [ CommonModule, BrowserModule, - BrowserAnimationsModule, FormsModule, AppRoutingModule, + HttpClientModule, + BrowserAnimationsModule, ToastModule, + BreadcrumbModule, ButtonModule, + DialogModule, + MegaMenuModule, + SidebarModule, ApiModule.forRoot(() => { return new Configuration({ basePath: `${environment.dataUrl}`, withCredentials: true, }); }), - HttpClientModule, + ], + declarations: [ + AppComponent, + AppMainComponent, + AppConfigComponent, + AppMenuComponent, + AppMenuitemComponent, + AppInlineMenuComponent, + AppRightMenuComponent, + AppBreadcrumbComponent, + AppTopBarComponent, + AppFooterComponent, + PageNotFoundComponent, + MessagesComponent, + WelcomeComponent, ], providers: [ + { provide: LocationStrategy, useClass: PathLocationStrategy }, + MenuService, + AppBreadcrumbService, { // https://stackoverflow.com/questions/60864073/angular-5-api-swagger-body-responsetype-blob // generated-client doesn't detect octet stream properly - provide: HTTP_INTERCEPTORS, useClass: FileDownloadHttpInterceptor, + provide: HTTP_INTERCEPTORS, multi: true, }, ], diff --git a/src/app/app.rightmenu.component.html b/src/app/app.rightmenu.component.html new file mode 100644 index 00000000..2656e018 --- /dev/null +++ b/src/app/app.rightmenu.component.html @@ -0,0 +1,55 @@ + +
+
ONLINE MEMBERS
+
+ avatar-1 +
+ +19 Costumers +
+
+
LATEST ACTIVITY
+
+ +
+ New Sale + Richard Jones has purchased a blue t-shirt for $79. + + + Emmy Adams, 21.40 + +
+
+
+ +
+ Withdrawal Initiated + Your request for withdrawal of $2500 has been initiated. + + avatar-2 + Emily Walter, 21.40 + +
+
+
+ +
+ Question Received + Jane Davis has posted a new question about your product. + + avatar-3 + Jane Davis, 21.45 + +
+
+
+
+
NEXT EVENTS
+
    +
  • A/B Test
  • +
  • Video Shoot
  • +
  • Board Meeting
  • +
  • Q4 Planning
  • +
  • Design Training
  • +
+
+
diff --git a/src/app/app.rightmenu.component.ts b/src/app/app.rightmenu.component.ts new file mode 100644 index 00000000..ce2cd7c0 --- /dev/null +++ b/src/app/app.rightmenu.component.ts @@ -0,0 +1,11 @@ +import {Component} from '@angular/core'; +import { AppComponent } from './app.component'; +import {AppMainComponent} from './app.main.component'; + +@Component({ + selector: 'app-rightmenu', + templateUrl: './app.rightmenu.component.html' +}) +export class AppRightMenuComponent { + constructor(public appMain: AppMainComponent, public app: AppComponent) {} +} diff --git a/src/app/app.topbar.component.html b/src/app/app.topbar.component.html new file mode 100644 index 00000000..e21a512f --- /dev/null +++ b/src/app/app.topbar.component.html @@ -0,0 +1,183 @@ +
+
+ + + + + + + + + +
+ +
+
+ +
+ +
+
diff --git a/src/app/app.topbar.component.ts b/src/app/app.topbar.component.ts index c1e3143e..9d038a22 100644 --- a/src/app/app.topbar.component.ts +++ b/src/app/app.topbar.component.ts @@ -1,24 +1,35 @@ -import { Component, Inject, forwardRef } from "@angular/core"; +// import { Component, Inject, forwardRef } from "@angular/core"; +// import { AppComponent } from "./app.component"; +import { Component, ElementRef, ViewChild } from "@angular/core"; +import { + trigger, + style, + transition, + animate, + AnimationEvent, +} from "@angular/animations"; +import { MegaMenuItem } from "primeng/api"; import { AppComponent } from "./app.component"; - +import { AppMainComponent } from "./app.main.component"; @Component({ selector: "app-topbar", - template: ` -
-
- -
- -
- - - -
-
- `, + templateUrl: "./app.topbar.component.html", + animations: [ + trigger("topbarActionPanelAnimation", [ + transition(":enter", [ + style({ opacity: 0, transform: "scaleY(0.8)" }), + animate( + ".12s cubic-bezier(0, 0, 0.2, 1)", + style({ opacity: 1, transform: "*" }) + ), + ]), + transition(":leave", [animate(".1s linear", style({ opacity: 0 }))]), + ]), + ], }) export class AppTopBarComponent { - constructor( - @Inject(forwardRef(() => AppComponent)) public app: AppComponent - ) {} + constructor(public appMain: AppMainComponent, public app: AppComponent) {} + activeItem: number; + + model: MegaMenuItem[] = []; } diff --git a/src/app/exports/exports.component.spec.ts b/src/app/exports/exports.component.spec.ts index 2b7b3be5..575f4fab 100644 --- a/src/app/exports/exports.component.spec.ts +++ b/src/app/exports/exports.component.spec.ts @@ -48,8 +48,8 @@ describe("ExportsComponent", () => { ], }, }) - .compileComponents() - .catch((e) => console.error(e)); + .compileComponents(); + //.catch((e) => console.error(e)); fixture = TestBed.createComponent(ExportsComponent); component = fixture.componentInstance; fixture.detectChanges(); diff --git a/src/app/load-menu-rules.spec.ts b/src/app/load-menu-rules.spec.ts new file mode 100644 index 00000000..46f25f46 --- /dev/null +++ b/src/app/load-menu-rules.spec.ts @@ -0,0 +1,21 @@ +import { loadMenuRules } from "./load-menu-rules"; + +describe("loadMenuRules", () => { + it("should load 1 for Hirer role", () => { + // brittle; coded to date in load-men-rules + let result = loadMenuRules(["Hirer"]); + expect(result.length).toBe(1); + }); + + it("should load 3 for Hirer role inside Employers", () => { + // brittle; coded to date in load-men-rules + let result = loadMenuRules(["Hirer"]); + expect(result[0].items.length).toBe(3); + }); + + it("should load 3 for Admin role", () => { + // brittle; coded to date in load-men-rules + let result = loadMenuRules(["Administrator"]); + expect(result.length).toBe(3); + }); +}); diff --git a/src/app/load-menu-rules.ts b/src/app/load-menu-rules.ts new file mode 100644 index 00000000..0327336b --- /dev/null +++ b/src/app/load-menu-rules.ts @@ -0,0 +1,148 @@ +import { MenuRule, LRole } from "./menu-rule"; + +// the filter based on authList requires each auth label to +// be present at each level of the tree, or it will be pruned +const rulesData = [ + new MenuRule({ + label: "Employers", + authorizedRoles: [LRole.ADMIN, LRole.HIRER], + items: [ + new MenuRule({ + id: 1, + label: "Place an order", + icon: "pi pi-fw pi-exclamation-circle", + routerLink: ["/online-orders/introduction"], + authorizedRoles: [LRole.ADMIN, LRole.HIRER], + }), + new MenuRule({ + id: 2, + label: "My profile", + icon: "home", + routerLink: ["/employers"], + authorizedRoles: [LRole.ADMIN, LRole.HIRER], + }), + new MenuRule({ + id: 3, + label: "My work orders", + icon: "work", + routerLink: ["/my-work-orders"], + authorizedRoles: [LRole.ADMIN, LRole.HIRER], + }), + ], + }), + new MenuRule({ + label: "Managers", + authorizedRoles: [LRole.ADMIN, LRole.MANAGER], + items: [ + new MenuRule({ + id: 8, + label: "Emails", + icon: "email", + url: ["/email"], + }), + new MenuRule({ + id: 9, + label: "Reports", + icon: "subtitles", + routerLink: ["/reports"], + authorizedRoles: [LRole.ADMIN, LRole.MANAGER], + }), + new MenuRule({ + id: 10, + label: "Exports", + icon: "file_download", + routerLink: ["/exports"], + authorizedRoles: [LRole.ADMIN, LRole.MANAGER], + }), + ], + }), + new MenuRule({ + label: "Machete admins", + authorizedRoles: [LRole.ADMIN], + items: [ + new MenuRule({ + id: 11, + label: "Auth diagnostics", + icon: "perm_identity", + routerLink: ["/auth/dashboard"], + authorizedRoles: [LRole.ADMIN], + }), + new MenuRule({ + id: 12, + label: "Configuration", + icon: "settings_application", + routerLink: ["/configuration"], + authorizedRoles: [LRole.ADMIN], + items: [ + new MenuRule({ + id: 13, + label: "Transport Providers", + icon: "airport_shuttle", + routerLink: ["configuration/transport-providers"], + authorizedRoles: [LRole.ADMIN], + }), + ], + }), + ], + }), + // new MenuRule({ + // id: 4, + // label: "Dispatch", + // icon: "today", + // url: ["/workassignment"], + // }), + // new MenuRule({ id: 5, label: "People", icon: "people", url: ["/person"] }), + // new MenuRule({ + // id: 6, + // label: "Activities", + // icon: "local_activity", + // url: ["/Activity"], + // }), + // new MenuRule({ + // id: 7, + // label: "Sign-ins", + // icon: "track_changes", + // url: ["/workersignin"], + // }), + + // Hide unfinished work + // !! TODO finish the workers in list feature + // new MenuRule({ + // id: 14, + // label: 'Workers', + // icon: 'assignment_ind', + // routerLink: ['/workers'], + // authorizedRoles: [ + // LRole.ADMIN, + // LRole.MANAGER + // ] + // }), +]; + +let recurse = (rules: MenuRule[], authList: string[]): MenuRule[] => { + for (let rule of rules) { + if (rule.items && rule.items.length > 0) { + rule.items = recurse(rule.items, authList); + } + if (rule.items && rule.items.length == 0) { + delete rule.items; + } + } + return rules.filter((rule) => { + if (!rule.authorizedRoles) { + return false; + } + return ( + rule.authorizedRoles.findIndex( + (role) => authList.findIndex((auth) => auth === role) > -1 + ) > -1 + ); + }); +}; +export function loadMenuRules(authList: string[]): Array { + // lambda-fu + if (authList == null || authList === undefined) { + return new Array(); + } + return recurse(rulesData, authList); +} diff --git a/src/app/menu/menu-rule.ts b/src/app/menu-rule.ts similarity index 85% rename from src/app/menu/menu-rule.ts rename to src/app/menu-rule.ts index 32ff13cc..9dae35b4 100644 --- a/src/app/menu/menu-rule.ts +++ b/src/app/menu-rule.ts @@ -5,8 +5,8 @@ export class MenuRule { icon: string; routerLink?: string[]; url?: string[]; - authorizedRoles = new Array(); - items = new Array(); + authorizedRoles?: string[]; + items?: MenuRule[]; public constructor(init?: Partial) { Object.assign(this, init); diff --git a/src/app/menu/app.menu.component.html b/src/app/menu/app.menu.component.html deleted file mode 100644 index a3cdcdae..00000000 --- a/src/app/menu/app.menu.component.html +++ /dev/null @@ -1,6 +0,0 @@ -
    -
diff --git a/src/app/menu/app.menu.component.ts b/src/app/menu/app.menu.component.ts deleted file mode 100644 index efeef893..00000000 --- a/src/app/menu/app.menu.component.ts +++ /dev/null @@ -1,136 +0,0 @@ -import { Component, Input, OnInit, Inject, forwardRef } from "@angular/core"; -import { - trigger, - state, - style, - transition, - animate, -} from "@angular/animations"; -import { Location } from "@angular/common"; -import { Router } from "@angular/router"; -import { MenuItem } from "primeng/api"; -import { AppComponent } from "../app.component"; -import { loadMenuRules } from "./load-menu-rules"; -import { AuthService } from "../shared/index"; -import { MenuRule } from "./menu-rule"; - -@Component({ - selector: "app-menu", - templateUrl: "./app.menu.component.html", -}) -export class AppMenuComponent implements OnInit { - @Input() reset: boolean; - - model: any[]; - - constructor( - @Inject(forwardRef(() => AppComponent)) public app: AppComponent, - private auth: AuthService - ) { - console.log(".ctor: AppMenuComponent"); - } - - ngOnInit(): void { - this.auth.authorize().subscribe( - (user) => { - this.model = loadMenuRules(user.profile.roles); - return new Array(); - }, - (unauthorized) => { - console.log("Not signed in: ", unauthorized); - } - ); - } -} - -@Component({ - // eslint-disable-next-line @angular-eslint/component-selector - selector: "[app-submenu]", - templateUrl: "./app.submenu.component.html", - animations: [ - trigger("children", [ - state( - "hidden", - style({ - height: "0px", - }) - ), - state( - "visible", - style({ - height: "*", - }) - ), - transition( - "visible => hidden", - animate("400ms cubic-bezier(0.86, 0, 0.07, 1)") - ), - transition( - "hidden => visible", - animate("400ms cubic-bezier(0.86, 0, 0.07, 1)") - ), - ]), - ], -}) -export class AppSubMenuComponent { - @Input() item: MenuItem; - @Input() root: boolean; - @Input() visible: boolean; - - _reset: boolean; - activeIndex: number; - - constructor( - @Inject(forwardRef(() => AppComponent)) public app: AppComponent, - public router: Router, - public location: Location - ) {} - - itemClick(event: Event, item: MenuItem, index: number): void { - //avoid processing disabled items - if (item.disabled) { - event.preventDefault(); - } - - //activate current item and deactivate active sibling if any - this.activeIndex = this.activeIndex === index ? null : index; - - //execute command - if (item.command) { - item.command({ event, item }); - } - - //prevent hash change - if (item.items || (!item.url && !item.routerLink)) { - event.preventDefault(); - } - - //hide menu - if (!item.items) { - if (this.app.isHorizontal()) { - this.app.resetMenu = true; - } else { - this.app.resetMenu = false; - } - - this.app.overlayMenuActive = false; - this.app.staticMenuMobileActive = false; - } - } - - isActive(index: number): boolean { - return this.activeIndex === index; - } - - @Input() get reset(): boolean { - return this._reset; - } - - set reset(val: boolean) { - this._reset = val; - - if (this._reset && this.app.isHorizontal()) { - this.activeIndex = null; - } - } -} diff --git a/src/app/menu/app.profile.component.html b/src/app/menu/app.profile.component.html deleted file mode 100644 index 5a9a0a99..00000000 --- a/src/app/menu/app.profile.component.html +++ /dev/null @@ -1,26 +0,0 @@ - - - diff --git a/src/app/menu/app.profile.component.ts b/src/app/menu/app.profile.component.ts deleted file mode 100644 index fdb2d6d9..00000000 --- a/src/app/menu/app.profile.component.ts +++ /dev/null @@ -1,80 +0,0 @@ -/* eslint-disable @typescript-eslint/no-unsafe-call */ -/* eslint-disable @typescript-eslint/no-unsafe-member-access */ -import { Component, OnInit } from "@angular/core"; -import { - trigger, - state, - transition, - style, - animate, -} from "@angular/animations"; -import { AuthService } from "../shared/index"; -import { Router } from "@angular/router"; - -@Component({ - // eslint-disable-next-line @angular-eslint/component-selector - selector: "inline-profile", - templateUrl: "./app.profile.component.html", - animations: [ - trigger("menu", [ - state( - "hidden", - style({ - height: "0px", - }) - ), - state( - "visible", - style({ - height: "*", - }) - ), - transition( - "visible => hidden", - animate("400ms cubic-bezier(0.86, 0, 0.07, 1)") - ), - transition( - "hidden => visible", - animate("400ms cubic-bezier(0.86, 0, 0.07, 1)") - ), - ]), - ], -}) -export class InlineProfileComponent implements OnInit { - username: string; - active: boolean; - - constructor(private auth: AuthService, private router: Router) { - console.log(".ctor: InlineProfileComponent"); - } - - ngOnInit(): void { - this.auth.authorize().subscribe( - (user) => { - this.username = user.profile.preferred_username; - }, - (error) => { - console.log("InlineProfileComponent: ", error); - this.username = "Not logged in!"; - } - ); - } - - onClick(event: Event): void { - this.active = !this.active; - event.preventDefault(); - } - - startSignoutMainWindow(): void { - const rtr = this.router; - this.auth.signoutUser().subscribe( - (response) => { - console.log("signout success: ", response); - rtr.navigate(["authorize"]).catch((e) => console.error(e)); - }, - (error) => { - console.log("Error in signoutRedirect: ", error); - } - ); - } -} diff --git a/src/app/menu/app.submenu.component.html b/src/app/menu/app.submenu.component.html deleted file mode 100644 index 19a174cd..00000000 --- a/src/app/menu/app.submenu.component.html +++ /dev/null @@ -1,29 +0,0 @@ - -
  • - - {{child.icon}} - {{child.label}} - keyboard_arrow_down - - - - {{child.icon}} - {{child.label}} - keyboard_arrow_down - -
      -
    • -
      \ No newline at end of file diff --git a/src/app/menu/load-menu-rules.spec.ts b/src/app/menu/load-menu-rules.spec.ts deleted file mode 100644 index ce3e0bb8..00000000 --- a/src/app/menu/load-menu-rules.spec.ts +++ /dev/null @@ -1,8 +0,0 @@ -import { loadMenuRules } from "./load-menu-rules"; - -describe("loadMenuRules", () => { - it("should load", () => { - // brittle; coded to date in load-men-rules - expect(loadMenuRules(["Hirer"]).length).toBe(3); - }); -}); diff --git a/src/app/menu/load-menu-rules.ts b/src/app/menu/load-menu-rules.ts deleted file mode 100644 index 87f53fe5..00000000 --- a/src/app/menu/load-menu-rules.ts +++ /dev/null @@ -1,113 +0,0 @@ -import { MenuRule, LRole } from "./menu-rule"; - -export function loadMenuRules(authList: string[]): Array { - const rules = [ - new MenuRule({ - id: 1, - label: "Place an order", - icon: "build", - routerLink: ["/online-orders/introduction"], - authorizedRoles: [LRole.ADMIN, LRole.HIRER], - }), - new MenuRule({ - id: 2, - label: "My profile", - icon: "home", - routerLink: ["/employers"], - authorizedRoles: [LRole.ADMIN, LRole.HIRER], - }), - new MenuRule({ - id: 3, - label: "My work orders", - icon: "work", - routerLink: ["/my-work-orders"], - authorizedRoles: [LRole.ADMIN, LRole.HIRER], - }), - new MenuRule({ - id: 4, - label: "Dispatch", - icon: "today", - url: ["/workassignment"], - }), - new MenuRule({ id: 5, label: "People", icon: "people", url: ["/person"] }), - new MenuRule({ - id: 6, - label: "Activities", - icon: "local_activity", - url: ["/Activity"], - }), - new MenuRule({ - id: 7, - label: "Sign-ins", - icon: "track_changes", - url: ["/workersignin"], - }), - new MenuRule({ id: 8, label: "Emails", icon: "email", url: ["/email"] }), - new MenuRule({ - id: 9, - label: "Reports", - icon: "subtitles", - routerLink: ["/reports"], - authorizedRoles: [LRole.ADMIN, LRole.MANAGER], - }), - new MenuRule({ - id: 10, - label: "Exports", - icon: "file_download", - routerLink: ["/exports"], - authorizedRoles: [LRole.ADMIN, LRole.MANAGER], - }), - new MenuRule({ - id: 12, - label: "Configuration", - icon: "settings_application", - routerLink: ["/configuration"], - authorizedRoles: [LRole.ADMIN], - items: [ - // new MenuRule({ - // id: 11, - // label: 'Auth diagnostics', - // icon: 'perm_identity', - // routerLink: ['/auth/dashboard'], - // authorizedRoles: [ - // LRole.ADMIN, - // LRole.CHECKIN, - // LRole.MANAGER, - // LRole.PHONEDESK, - // LRole.TEACHER, - // LRole.USER - // ] - // }), - new MenuRule({ - id: 13, - label: "Transport Providers", - icon: "airport_shuttle", - routerLink: ["configuration/transport-providers"], - authorizedRoles: [LRole.ADMIN], - }), - ], - }), - // Hide unfinished work - // !! TODO finish the workers in list feature - // new MenuRule({ - // id: 14, - // label: 'Workers', - // icon: 'assignment_ind', - // routerLink: ['/workers'], - // authorizedRoles: [ - // LRole.ADMIN, - // LRole.MANAGER - // ] - // }), - ]; - // lambda-fu - if (authList == null || authList === undefined) { - return new Array(); - } - return rules.filter( - (rule) => - rule.authorizedRoles.findIndex( - (role) => authList.findIndex((auth) => auth === role) > -1 - ) > -1 - ); -} diff --git a/src/app/shared/services/can-load.service.ts b/src/app/shared/services/can-load.service.ts index a1d85842..c7e3e92c 100644 --- a/src/app/shared/services/can-load.service.ts +++ b/src/app/shared/services/can-load.service.ts @@ -2,8 +2,8 @@ import { Injectable } from "@angular/core"; import { CanLoad, Route, Router, UrlSegment, UrlTree } from "@angular/router"; import { Observable } from "rxjs"; import { map, tap } from "rxjs/operators"; -import { loadMenuRules } from "src/app/menu/load-menu-rules"; -import { MenuRule } from "src/app/menu/menu-rule"; +import { loadMenuRules } from "src/app/load-menu-rules"; +import { MenuRule } from "src/app/menu-rule"; import { AuthService } from "./auth.service"; @Injectable({ @@ -26,10 +26,23 @@ export class CanLoadService implements CanLoad { } private inAuthorizedRoute(menuRules: MenuRule[], route: Route): boolean { + console.log(route, menuRules); + let flatRules = this.flatten(menuRules); return ( - menuRules.find((mr) => - mr.routerLink.find((rl) => rl.includes(route.path)) + flatRules.find((mr) => + mr.routerLink?.find((rl) => rl.includes(route.path)) ) !== undefined ); } + + private flatten(menuRules: MenuRule[]): MenuRule[] { + let result = new Array(); + menuRules.forEach((rule) => { + result.push(rule); + if (Array.isArray(rule.items)) { + result = result.concat(this.flatten(rule.items)); + } + }); + return result; + } } diff --git a/src/app/welcome/welcome.component.html b/src/app/welcome/welcome.component.html index b7ca08ad..3d71245e 100644 --- a/src/app/welcome/welcome.component.html +++ b/src/app/welcome/welcome.component.html @@ -1,39 +1,16 @@ -
      -
      - -

      {{d.title}} Dashboard

      -
      - - -
      - - - -
      - -
      - -
      -
      - -
      -
      -
      -
      -
      +
      + - Online Hiring Temporarily Unavailable diff --git a/src/assets/jobs-dispatched-count.json b/src/assets/jobs-dispatched-count.json deleted file mode 100644 index c28d1a8f..00000000 --- a/src/assets/jobs-dispatched-count.json +++ /dev/null @@ -1,140 +0,0 @@ -{ - "data": [ - { - "id": "20130101-20140101-60", - "label": "General Labor", - "value": 1615 - }, - { - "id": "20130101-20140101-61", - "label": "Painting (roller brush)", - "value": 433 - }, - { - "id": "20130101-20140101-62", - "label": "Painting (spray)", - "value": 7 - }, - { - "id": "20130101-20140101-63", - "label": "Drywall - Hanging Sheetrock", - "value": 30 - }, - { - "id": "20130101-20140101-64", - "label": "Build retaining wall- Landscaping", - "value": 16 - }, - { - "id": "20130101-20140101-65", - "label": "Carpentry Framing and Cabinetry", - "value": 56 - }, - { - "id": "20130101-20140101-66", - "label": "Brick masonry", - "value": 29 - }, - { - "id": "20130101-20140101-67", - "label": "Deep and\/or Move in\/out Cleaning", - "value": 1607 - }, - { - "id": "20130101-20140101-68", - "label": "Moving Furniture and Boxes", - "value": 949 - }, - { - "id": "20130101-20140101-69", - "label": "Yardwork", - "value": 1792 - }, - { - "id": "20130101-20140101-70", - "label": "z(do not use)Digging\/Weeding ", - "value": 37 - }, - { - "id": "20130101-20140101-71", - "label": "z(Do not Use) DWC Chambita 1hr ", - "value": 2 - }, - { - "id": "20130101-20140101-72", - "label": "z(Do not Use) DWC Chambita 2hr ", - "value": 22 - }, - { - "id": "20130101-20140101-73", - "label": "z(Do not use)DWC Chambita 3hr ", - "value": 85 - }, - { - "id": "20130101-20140101-77", - "label": "Demolition", - "value": 147 - }, - { - "id": "20130101-20140101-83", - "label": "Advanced Gardening", - "value": 489 - }, - { - "id": "20130101-20140101-87", - "label": "z(Do not Use) HHH Chambita 3hr", - "value": 46 - }, - { - "id": "20130101-20140101-88", - "label": "Landscaping", - "value": 152 - }, - { - "id": "20130101-20140101-89", - "label": "Roofing", - "value": 10 - }, - { - "id": "20130101-20140101-118", - "label": "Party and Event help", - "value": 61 - }, - { - "id": "20130101-20140101-120", - "label": "Pressure Washing", - "value": 18 - }, - { - "id": "20130101-20140101-122", - "label": "Digging", - "value": 434 - }, - { - "id": "20130101-20140101-123", - "label": "z(do not use)Weeding ", - "value": 87 - }, - { - "id": "20130101-20140101-128", - "label": "Hauling", - "value": 334 - }, - { - "id": "20130101-20140101-131", - "label": "Insulation", - "value": 1 - }, - { - "id": "20130101-20140101-132", - "label": "Tile Installation", - "value": 19 - }, - { - "id": "20130101-20140101-133", - "label": "Drywall - Taping and Sanding", - "value": 45 - } - ] -} - diff --git a/src/assets/layout/css/layout-dark-blue.css b/src/assets/layout/css/layout-dark-blue.css deleted file mode 100644 index 81c1fae8..00000000 --- a/src/assets/layout/css/layout-dark-blue.css +++ /dev/null @@ -1,1557 +0,0 @@ -/* Compact */ -/* roboto-300 - latin */ -@font-face { - font-family: 'Roboto'; - font-style: normal; - font-weight: 300; - src: url("../fonts/roboto-v15-latin-300.eot"); - /* IE9 Compat Modes */ - src: local("Roboto Light"), local("Roboto-Light"), url("../fonts/roboto-v15-latin-300.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v15-latin-300.woff2") format("woff2"), url("../fonts/roboto-v15-latin-300.woff") format("woff"), url("../fonts/roboto-v15-latin-300.ttf") format("truetype"), url("../fonts/roboto-v15-latin-300.svg#Roboto") format("svg"); - /* Legacy iOS */ } -/* roboto-regular - latin */ -@font-face { - font-family: 'Roboto'; - font-style: normal; - font-weight: 400; - src: url("../fonts/roboto-v15-latin-regular.eot"); - /* IE9 Compat Modes */ - src: local("Roboto"), local("Roboto-Regular"), url("../fonts/roboto-v15-latin-regular.eot#iefix") format("embedded-opentype"), url("../fonts/roboto-v15-latin-regular.woff2") format("woff2"), url("../fonts/roboto-v15-latin-regular.woff") format("woff"), url("../fonts/roboto-v15-latin-regular.ttf") format("truetype"), url("../fonts/roboto-v15-latin-regular.svg#Roboto") format("svg"); - /* Legacy iOS */ } -/* roboto-700 - latin */ -@font-face { - font-family: 'Roboto'; - font-style: normal; - font-weight: 700; - src: url("../fonts/roboto-v15-latin-700.eot"); - /* IE9 Compat Modes */ - src: local("Roboto Bold"), local("Roboto-Bold"), url("../fonts/roboto-v15-latin-700.eot#iefix") format("embedded-opentype"), url("../fonts/roboto-v15-latin-700.woff2") format("woff2"), url("../fonts/roboto-v15-latin-700.woff") format("woff"), url("../fonts/roboto-v15-latin-700.ttf") format("truetype"), url("../fonts/roboto-v15-latin-700.svg#Roboto") format("svg"); - /* Legacy iOS */ } -@font-face { - font-family: 'Material Icons'; - font-style: normal; - font-weight: 400; - src: url("../fonts/MaterialIcons-Regular.eot"); - /* For IE6-8 */ - src: local("Material Icons"), local("MaterialIcons-Regular"), url("../fonts/MaterialIcons-Regular.woff2") format("woff2"), url("../fonts/MaterialIcons-Regular.woff") format("woff"), url("../fonts/MaterialIcons-Regular.ttf") format("truetype"); } -/* Utils */ -.clearfix:after { - content: " "; - display: block; - clear: both; } - -*[hidden] { - display: none; } - -.card { - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); - -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); - -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - border-radius: 2px; - background: #ffffff; - padding: 1em; - margin-bottom: 1em; - box-sizing: border-box; } - .card.card-w-title { - padding-bottom: 2em; } - .card h1 { - font-size: 1.5em; - font-weight: 400; - margin: 1em 0; } - .card h1:first-child { - margin-top: .667em; } - .card h2 { - font-size: 1.375em; - font-weight: 400; } - .card h3 { - font-size: 1.250em; - font-weight: 400; } - .card h4 { - font-size: 1.125em; - font-weight: 400; } - -.nopad { - padding: 0; } - .nopad .ui-panel-content { - padding: 0; } - -@-webkit-keyframes fadeInDown { - from { - opacity: 0; - -webkit-transform: translate3d(0, -20px, 0); - transform: translate3d(0, -20px, 0); } - to { - opacity: 1; - -webkit-transform: none; - transform: none; } } -@keyframes fadeInDown { - from { - opacity: 0; - transform: translate3d(0, -20px, 0); } - to { - opacity: 1; - transform: none; } } -@-webkit-keyframes fadeOutUp { - from { - opacity: 1; } - to { - opacity: 0; - -webkit-transform: translate3d(0, -20px, 0); - transform: translate3d(0, -20px, 0); } } -@keyframes fadeOutUp { - from { - opacity: 1; } - to { - opacity: 0; - -webkit-transform: translate3d(0, -20px, 0); - transform: translate3d(0, -20px, 0); } } -.fadeInDown { - -webkit-animation-name: fadeInDown; - animation-name: fadeInDown; } - -.fadeOutUp { - -webkit-animation-name: fadeOutUp; - animation-name: fadeOutUp; } - -.ui-shadow-1 { - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } - -.ui-shadow-2 { - -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); - -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); - box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); } - -.ui-shadow-3 { - -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); - -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); - box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } - -.ui-shadow-4 { - -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); - -moz-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); - box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); } - -.ui-shadow-5 { - -webkit-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22); - -moz-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22); - box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22); } - -.ui-g.form-group > div { - padding: .75em 1em; } -.ui-g.form-group-m > div { - padding: 1em; } - -/* Ripple */ -/* Ripple Effect Style like Google Material Buttons Effect*/ -.ripplelink { - /* display:block; */ - /*color:#fff;*/ - text-decoration: none; - position: relative; - overflow: hidden; - -webkit-transition: all 0.2s ease; - -moz-transition: all 0.2s ease; - -o-transition: all 0.2s ease; - transition: all 0.2s ease; - z-index: 0; } - -.ripplelink:hover { - /*z-index:1000;*/ } - -.ink { - display: block; - position: absolute; - background: rgba(255, 255, 255, 0.4); - border-radius: 100%; - -webkit-transform: scale(0); - -moz-transform: scale(0); - -o-transform: scale(0); - transform: scale(0); } - -.ripple-animate { - -webkit-animation: ripple 0.65s linear; - -moz-animation: ripple 0.65s linear; - -ms-animation: ripple 0.65s linear; - -o-animation: ripple 0.65s linear; - animation: ripple 0.65s linear; } - -@-webkit-keyframes ripple { - 100% { - opacity: 0; - -webkit-transform: scale(2.5); } } -@-moz-keyframes ripple { - 100% { - opacity: 0; - -moz-transform: scale(2.5); } } -@-o-keyframes ripple { - 100% { - opacity: 0; - -o-transform: scale(2.5); } } -@keyframes ripple { - 100% { - opacity: 0; - transform: scale(2.5); } } -.splash-screen { - background-color: #3F51B5; - height: 100%; } - .splash-screen .splash-container { - padding-top: 250px; - width: 250px; - margin: 0 auto; - text-align: center; } - .splash-screen .logo { - display: inline-block; - vertical-align: middle; - width: 200px; - height: 30px; - background: url("../images/logo2x.png") top left no-repeat; - background-size: 200px 30px; } - .splash-screen .load-bar { - position: relative; - margin-top: 20px; - width: 100%; - height: 6px; - background-color: #ffffff; } - .splash-screen .bar { - content: ""; - display: inline; - position: absolute; - width: 0; - height: 100%; - left: 50%; - text-align: center; } - .splash-screen .bar:nth-child(1) { - background-color: #E91E63; - animation: loading 3s linear infinite; } - .splash-screen .bar:nth-child(2) { - background-color: #8BC34A; - animation: loading 3s linear 1s infinite; } - .splash-screen .bar:nth-child(3) { - background-color: #FFC107; - animation: loading 3s linear 2s infinite; } -@keyframes loading { - from { - left: 50%; - width: 0; - z-index: 100; } - 33.3333% { - left: 0; - width: 100%; - z-index: 10; } - to { - left: 0; - width: 100%; } } -.dashboard .overview { - padding: 0 !important; - min-height: 140px; - position: relative; - margin-bottom: 0px !important; } - .dashboard .overview .overview-content { - padding: 16px; } - .dashboard .overview .overview-content .overview-title { - font-size: 18px; } - .dashboard .overview .overview-content .overview-badge { - float: right; - color: #757575; } - .dashboard .overview .overview-content .overview-detail { - display: block; - font-size: 24px; - margin-top: 5px; } - .dashboard .overview .overview-footer { - position: absolute; - bottom: 0; - width: 100%; } - .dashboard .overview .overview-footer img { - display: block; } -.dashboard .colorbox { - padding: 0 !important; - text-align: center; - overflow: hidden; - margin-bottom: 0px !important; } - .dashboard .colorbox i { - font-size: 48px; - margin-top: 10px; - color: #ffffff; } - .dashboard .colorbox .colorbox-name { - font-size: 20px; - display: inline-block; - width: 100%; - margin: 4px 0 10px 0; - color: #ffffff; } - .dashboard .colorbox .colorbox-count { - color: #ffffff; - font-size: 36px; } - .dashboard .colorbox .colorbox-count { - font-weight: bold; } - .dashboard .colorbox.colorbox-1 div:first-child { - background-color: #2E7D32; } - .dashboard .colorbox.colorbox-1 div:last-child { - background-color: #4CAF50; } - .dashboard .colorbox.colorbox-2 div:first-child { - background-color: #0277BD; } - .dashboard .colorbox.colorbox-2 div:last-child { - background-color: #03A9F4; } - .dashboard .colorbox.colorbox-3 div:first-child { - background-color: #4527A0; } - .dashboard .colorbox.colorbox-3 div:last-child { - background-color: #673AB7; } - .dashboard .colorbox.colorbox-4 div:first-child { - background-color: #00695C; } - .dashboard .colorbox.colorbox-4 div:last-child { - background-color: #009688; } -.dashboard .task-list { - overflow: hidden; } - .dashboard .task-list > .ui-panel { - min-height: 340px; } - .dashboard .task-list .ui-panel-content { - padding: 10px 0 !important; } - .dashboard .task-list ul { - list-style-type: none; - margin: 0; - padding: 0; } - .dashboard .task-list ul li { - padding: 0.625em 0.875em; - border-bottom: 1px solid #dbdbdb; } - .dashboard .task-list ul li:first-child { - margin-top: 10px; } - .dashboard .task-list ul .ui-chkbox { - vertical-align: middle; - margin-right: 5px; } - .dashboard .task-list ul .task-name { - vertical-align: middle; } - .dashboard .task-list ul i { - color: #757575; - float: right; } -.dashboard .contact-form { - overflow: hidden; } - .dashboard .contact-form .ui-panel { - min-height: 340px; } - .dashboard .contact-form .ui-g-12 { - padding: 16px 10px; } - .dashboard .contact-form .ui-button { - margin-top: 20px; } -.dashboard .contacts { - overflow: hidden; } - .dashboard .contacts > .ui-panel { - min-height: 340px; } - .dashboard .contacts .ui-panel-content { - padding: 15px 0 10px 0 !important; } - .dashboard .contacts ul { - list-style-type: none; - padding: 0; - margin: 0; } - .dashboard .contacts ul li { - border-bottom: 1px solid #d8d8d8; } - .dashboard .contacts ul li a { - padding: 9px; - width: 100%; - box-sizing: border-box; - text-decoration: none; - position: relative; - display: block; - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - border-radius: 2px; - -moz-transition: background-color 0.2s; - -o-transition: background-color 0.2s; - -webkit-transition: background-color 0.2s; - transition: background-color 0.2s; } - .dashboard .contacts ul li a .name { - position: absolute; - right: 10px; - top: 10px; - font-size: 18px; - color: #212121; } - .dashboard .contacts ul li a .email { - position: absolute; - right: 10px; - top: 30px; - font-size: 14px; - color: #757575; } - .dashboard .contacts ul li a:hover { - cursor: pointer; - background-color: #e8e8e8; } - .dashboard .contacts ul li:last-child { - border: 0; } -.dashboard .activity-list { - list-style-type: none; - padding: 0; - margin: 0; } - .dashboard .activity-list li { - border-bottom: 1px solid #bdbdbd; - padding: 15px 0 9px 9px; } - .dashboard .activity-list li .count { - font-size: 24px; - color: #ffffff; - background-color: #03A9F4; - font-weight: bold; - display: inline-block; - padding: 5px; - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - border-radius: 2px; } - .dashboard .activity-list li:first-child { - border-top: 1px solid #bdbdbd; } - .dashboard .activity-list li:last-child { - border: 0; } - .dashboard .activity-list li .ui-g-6:first-child { - font-size: 18px; - padding-left: 0; } - .dashboard .activity-list li .ui-g-6:last-child { - text-align: right; - color: #757575; } -.dashboard .timeline { - height: 100%; - box-sizing: border-box; } - .dashboard .timeline > .ui-g .ui-g-3 { - font-size: 14px; - position: relative; - border-right: 1px solid #bdbdbd; } - .dashboard .timeline > .ui-g .ui-g-3 i { - background-color: #ffffff; - font-size: 36px; - position: absolute; - top: 0px; - right: -18px; } - .dashboard .timeline > .ui-g .ui-g-9 { - padding-left: 1.5em; } - .dashboard .timeline > .ui-g .ui-g-9 .event-text { - color: #757575; - font-size: 14px; - display: block; - padding-bottom: 20px; } - .dashboard .timeline > .ui-g .ui-g-9 .event-content img { - width: 100%; } -.dashboard > div > .ui-panel { - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); - -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); - -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); } - -.login-body { - background: url("../images/login/login.png") top left no-repeat #f7f7f7; - background-size: 100% auto; - height: auto; } - -.login-panel { - text-align: center; - width: 350px; - min-height: 440px; - padding: 50px 20px; - margin: 100px auto 0 auto; } - .login-panel .ui-g .ui-g-12 { - padding: 25px 40px; } - .login-panel .ui-g .ui-g-12 .ui-button { - margin-bottom: 20px; } - .login-panel .ui-button:hover { - background-color: #2b3135; } - .login-panel .ui-button:focus { - outline: 0 none; - background-color: #556068; } - .login-panel .ui-button.secondary:hover { - background-color: #274d8d; } - .login-panel .ui-button.secondary:focus { - outline: 0 none; - background-color: #799dd9; } - .login-panel .ui-inputtext:focus { - border-width: 0 0 2px 0; - border-color: #3e464c; - padding-bottom: 0px; } - -.login-footer { - position: absolute; - bottom: 10px; - font-size: 16px; - width: 100%; - text-align: center; - color: #757575; } - -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - .login-body { - background: url("../images/login/login2x.png") top left no-repeat #f7f7f7; - background-size: 100% auto; } } -@media (max-width: 1024px) { - .login-panel { - text-align: center; - min-height: 440px; - margin: 100px auto 0 auto; } } -@media (max-width: 640px) { - .login-panel { - text-align: center; - width: 300px; - min-height: 440px; - padding: 40px 20px; - margin: 75px auto 0 auto; } - .login-panel .ui-g .ui-g-12 { - padding: 20px 20px; } - .login-panel .ui-g .ui-g-12 .ui-button { - margin-top: 30px; } } -.exception-body { - background-color: #f7f7f7; - height: auto; } - .exception-body .exception-type { - width: 100%; - height: 50%; - padding: 100px 100px 0 100px; - box-sizing: border-box; - text-align: center; } - .exception-body .exception-panel { - text-align: center; - width: 350px; - padding: 35px; - margin: -10% auto 0 auto; - z-index: 100; } - .exception-body .exception-panel i { - font-size: 72px; } - .exception-body .exception-panel h1 { - font-size: 36px; - line-height: 36px; - color: #757575; } - .exception-body .exception-panel .exception-detail { - margin: 20px 0px 100px 0px; - color: #757575; } - .exception-body .ui-button { - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; } - .exception-body .ui-button:hover { - background-color: #274d8d; } - .exception-body.error-page .exception-type { - background-color: #e62a10; } - .exception-body.error-page .exception-type img { - width: 100%; } - .exception-body.error-page .exception-panel i { - color: #f79a84; } - .exception-body.notfound-page .exception-type { - background-color: #3f51b5; } - .exception-body.notfound-page .exception-type img { - width: 54%; } - .exception-body.notfound-page .exception-panel i { - color: #9fa8da; } - .exception-body.accessdenied-page .exception-type { - background-color: #e91e63; } - .exception-body.accessdenied-page .exception-type img { - width: 50%; } - .exception-body.accessdenied-page .exception-panel i { - color: #f48fb1; } - -@media (max-width: 1024px) { - .exception-body .exception-panel { - margin-top: -50px; } } -@media (max-width: 640px) { - .exception-body .exception-panel { - width: 250px; - margin-top: -15px; } } -.landing-wrapper .ui-button { - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; } - .landing-wrapper .ui-button:hover { - background-color: #274d8d; } -.landing-wrapper #header { - width: 100%; - min-height: 400px; - background: url("../images/landing/landing-header.png") top left no-repeat #f7f7f7; - background-size: 100% auto; } - .landing-wrapper #header .header-top { - width: 960px; - margin: 0 auto; - padding: 30px 0px; } - .landing-wrapper #header .header-top .logo { - display: inline-block; - vertical-align: middle; - width: 200px; - height: 30px; - background: url("../images/logo.png") top left no-repeat; } - .landing-wrapper #header .header-top #menu { - float: right; - list-style: none; - margin: 0; - padding: 0; } - .landing-wrapper #header .header-top #menu li { - float: left; - display: block; - margin-left: 30px; } - .landing-wrapper #header .header-top #menu li a { - color: #ffffff; } - .landing-wrapper #header .header-top #menu li i { - display: none; } - .landing-wrapper #header .header-top #menu.lmenu-active { - display: block; } - .landing-wrapper #header .header-top #menu-button { - height: 36px; - margin-top: -2px; - float: right; - color: #ffffff; - display: none; } - .landing-wrapper #header .header-top #menu-button i { - font-size: 36px; } - .landing-wrapper #header .header-content { - width: 960px; - margin: 0 auto; - text-align: center; } - .landing-wrapper #header .header-content h1 { - margin: 75px 0px 50px 0px; - font-weight: 400; - color: #ffffff; - line-height: 36px; } -.landing-wrapper #features { - width: 960px; - margin: 0 auto; - padding: 50px 0px; - text-align: center; } - .landing-wrapper #features h2 { - font-weight: 400; - line-height: 28px; } - .landing-wrapper #features h3 { - font-weight: 400; } - .landing-wrapper #features p { - color: #757575; } - .landing-wrapper #features .ui-g-12 { - padding: 2em .5em; } - .landing-wrapper #features .feature-icon { - display: inline-block; - -moz-border-radius: 50%; - -webkit-border-radius: 50%; - border-radius: 50%; - background-color: #f4f8fc; - box-sizing: border-box; - width: 100px; - height: 100px; - text-align: center; - -moz-transition: background-color 0.3s; - -o-transition: background-color 0.3s; - -webkit-transition: background-color 0.3s; - transition: background-color 0.3s; } - .landing-wrapper #features .feature-icon i { - margin-top: 30px; - font-size: 36px; } - .landing-wrapper #features .feature-icon:hover { - background-color: #e91e63; } - .landing-wrapper #features .feature-icon:hover i { - color: #ffffff; } -.landing-wrapper #promotion { - background: url("../images/landing/promotion.png") top left no-repeat; - background-size: 100% auto; } - .landing-wrapper #promotion .ui-lg-8 { - padding: 150px 0 0 150px; } - .landing-wrapper #promotion .ui-lg-8 h1 { - font-weight: 48px; - color: #ffffff; - font-weight: 400; } - .landing-wrapper #promotion .ui-lg-4 { - margin: -50px 0 -50px 0; } - .landing-wrapper #promotion .ui-lg-4 .card { - -webkit-box-shadow: 0 0 27px 4.5px rgba(13, 36, 62, 0.1); - -moz-box-shadow: 0 0 27px 4.5px rgba(13, 36, 62, 0.1); - box-shadow: 0 0 27px 4.5px rgba(13, 36, 62, 0.1); - margin-bottom: 20px; } - .landing-wrapper #promotion .ui-lg-4 .card h3 { - font-weight: 400; } - .landing-wrapper #promotion .ui-lg-4 .card p { - color: #757575; } - .landing-wrapper #promotion .ui-lg-4 .card:last-child { - margin-bottom: 0; } -.landing-wrapper #pricing { - width: 960px; - margin: 0 auto; - padding: 50px 0px; - text-align: center; } - .landing-wrapper #pricing h2 { - font-weight: 400; } - .landing-wrapper #pricing p { - color: #757575; } - .landing-wrapper #pricing .pricing-box .card { - height: 100%; - padding: 0; } - .landing-wrapper #pricing .pricing-box .pricing-header { - padding: 40px 0; - color: #ffffff; } - .landing-wrapper #pricing .pricing-box .pricing-header span { - display: block; - line-height: 48px; } - .landing-wrapper #pricing .pricing-box .pricing-header span.name { - font-weight: 300; - font-size: 24px; } - .landing-wrapper #pricing .pricing-box .pricing-header span.fee { - font-size: 48px; - font-weight: 700; } - .landing-wrapper #pricing .pricing-box .pricing-header span.type { - font-weight: 300; - font-size: 16px; } - .landing-wrapper #pricing .pricing-box .pricing-content ul { - margin: 0; - padding: 30px 20px; - list-style-type: none; } - .landing-wrapper #pricing .pricing-box .pricing-content ul li { - font-size: 18px; - text-align: left; - padding: 10px 14px; } - .landing-wrapper #pricing .pricing-box .pricing-content ul li i { - margin-right: 20px; - vertical-align: middle; } - .landing-wrapper #pricing .pricing-box .pricing-content ul li span { - vertical-align: middle; } - .landing-wrapper #pricing .pricing-box.pricing-basic .pricing-header { - background-color: #3f51b5; } - .landing-wrapper #pricing .pricing-box.pricing-basic i { - color: #3f51b5; } - .landing-wrapper #pricing .pricing-box.pricing-standard .pricing-header { - background-color: #e91e63; } - .landing-wrapper #pricing .pricing-box.pricing-standard i { - color: #e91e63; } - .landing-wrapper #pricing .pricing-box.pricing-professional .pricing-header { - background-color: #607d8b; } - .landing-wrapper #pricing .pricing-box.pricing-professional i { - color: #607d8b; } -.landing-wrapper #video { - background-color: #f7f7f7; - min-width: 400px; } - .landing-wrapper #video .video-content { - width: 960px; - margin: 0 auto; - padding: 50px 0px; - text-align: center; } - .landing-wrapper #video .video-content h2 { - font-weight: 400; } - .landing-wrapper #video .video-content p { - color: #757575; } -.landing-wrapper .footer { - background-color: #f7f7f7; - border-top: 1px solid #dddddd; } - .landing-wrapper .footer .footer-content { - width: 960px; - margin: 0 auto; - padding: 30px 0px 50px 0px; } - .landing-wrapper .footer .footer-content ul { - float: right; - list-style-type: none; } - .landing-wrapper .footer .footer-content ul li a { - color: #757575; - -moz-transition: color 0.3s; - -o-transition: color 0.3s; - -webkit-transition: color 0.3s; - transition: color 0.3s; } - .landing-wrapper .footer .footer-content ul li a:hover { - color: #212121; } - -@media (max-width: 1024px) { - .landing-wrapper #header { - min-height: 200px; - background-size: cover; } - .landing-wrapper #header .header-top { - z-index: 100; - position: fixed; - top: 0; - background: #424242; - background-size: 100% auto; - padding: 30px; - width: 100%; - box-sizing: border-box; - -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); - -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); - box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); } - .landing-wrapper #header .header-top #menu-button { - display: inline-block; } - .landing-wrapper #header .header-top #menu { - z-index: 100; - position: fixed; - top: 86px; - right: 30px; - float: none; - display: none; - margin: 0; - padding: 0; - width: 225px; - list-style: none; - background-color: #ffffff; - -webkit-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2); - -moz-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2); - box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2); - -webkit-animation-duration: .5s; - -moz-animation-duration: .5s; - animation-duration: .5s; } - .landing-wrapper #header .header-top #menu li { - float: none; - margin-left: 0; } - .landing-wrapper #header .header-top #menu li a { - font-size: 16px; - display: block; - padding: 10px 16px; - color: #212121; - width: 100%; - box-sizing: border-box; - -moz-transition: background-color 0.3s; - -o-transition: background-color 0.3s; - -webkit-transition: background-color 0.3s; - transition: background-color 0.3s; - overflow: hidden; } - .landing-wrapper #header .header-top #menu li a i { - color: #757575; - display: inline-block; - vertical-align: middle; - margin-right: 12px; - font-size: 24px; } - .landing-wrapper #header .header-top #menu li a:hover { - background-color: #e8e8e8; } - .landing-wrapper #header .header-top #menu li a span { - display: inline-block; - vertical-align: middle; } - .landing-wrapper #header .header-content { - width: 100%; - padding: 100px 30px 60px 30px; - box-sizing: border-box; } - .landing-wrapper #header .header-content h1 { - margin: 75px 0px 50px 0px; - font-weight: 400; } - .landing-wrapper #features, .landing-wrapper #promotion, .landing-wrapper #pricing, .landing-wrapper #video, .landing-wrapper .footer .footer-content { - width: 100%; - padding-right: 30px; - padding-left: 30px; - box-sizing: border-box; } - .landing-wrapper #promotion .ui-lg-8 { - padding: 100px 0 30px; - text-align: center; } - .landing-wrapper #promotion .ui-lg-8 h1 { - margin-top: -30px; - font-weight: 48px; - color: #ffffff; - font-weight: 400; } - .landing-wrapper #video .video-content { - width: 100%; } - .landing-wrapper #video .video-content .video-container iframe { - width: 350px; - height: 220px; } - .landing-wrapper .footer .footer-content { - text-align: center; } - .landing-wrapper .footer .footer-content ul { - float: none; - margin: 0; - padding: 0; } } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - .landing-wrapper .header .header-top .logo { - background: url("../images/logo2x.png") top left no-repeat; - background-size: 200px 30px; } } -html { - height: 100%; } - -body { - font-family: Roboto,"Helvetica Neue",sans-serif; - font-size: 16px; - line-height: 1.5em; - color: #212121; - -webkit-font-smoothing: antialiased; - padding: 0; - margin: 0; - background-color: #f7f7f7; - height: 100%; } - body a { - text-decoration: none; } - -.layout-mask { - position: fixed; - width: 100%; - height: 100%; - background-color: #424242; - top: 0; - left: 0; - z-index: 999999997; - opacity: 0.7; - filter: alpha(opacity=70); } - -.layout-container .topbar { - position: fixed; - z-index: 100; - width: 100%; - height: 75px; - background-color: #3e464c; - -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); - -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); - box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); } - .layout-container .topbar .logo { - display: inline-block; - vertical-align: middle; - width: 200px; - height: 30px; - background: url("../images/logo2x.png") top left no-repeat; - background-size: 200px 30px; } - .layout-container .topbar .topbar-left { - box-sizing: border-box; - padding: 20px; - height: 75px; - width: 250px; - background-color: #2b3135; - float: left; - -webkit-box-shadow: 3px 0 6px rgba(0, 0, 0, 0.3); - -moz-box-shadow: 3px 0 6px rgba(0, 0, 0, 0.3); - box-shadow: 3px 0 6px rgba(0, 0, 0, 0.3); } - .layout-container .topbar .topbar-right { - padding: 15px; - position: relative; } - .layout-container .topbar .topbar-right #menu-button { - color: #ffffff; - display: inline-block; - vertical-align: middle; - height: 36px; - margin-right: 10px; - position: relative; - left: -16px; - top: 3px; - background-color: #5180ce; - -moz-border-radius: 50%; - -webkit-border-radius: 50%; - border-radius: 50%; - -moz-transition: all 0.3s; - -o-transition: all 0.3s; - -webkit-transition: all 0.3s; - transition: all 0.3s; - -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23), 0 3px 10px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23), 0 3px 10px rgba(0, 0, 0, 0.16); - box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23), 0 3px 10px rgba(0, 0, 0, 0.16); } - .layout-container .topbar .topbar-right #menu-button:hover { - -webkit-transform: scale(1.2); - -moz-transform: scale(1.2); - -o-transform: scale(1.2); - -ms-transform: scale(1.2); - transform: scale(1.2); } - .layout-container .topbar .topbar-right #menu-button i { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; - -moz-transition: all 0.3s; - -o-transition: all 0.3s; - -webkit-transition: all 0.3s; - transition: all 0.3s; - font-size: 36px; } - .layout-container .topbar .topbar-right #menu-button i:before { - content: "chevron_left"; } - .layout-container .topbar .topbar-right #topbar-menu-button { - display: none; - color: #ffffff; - vertical-align: middle; - height: 36px; - position: absolute; - top: 20px; - right: 25px; - -moz-transition: all 0.3s; - -o-transition: all 0.3s; - -webkit-transition: all 0.3s; - transition: all 0.3s; } - .layout-container .topbar .topbar-right #topbar-menu-button i { - -moz-transition: color 0.5s; - -o-transition: color 0.5s; - -webkit-transition: color 0.5s; - transition: color 0.5s; - font-size: 36px; } - .layout-container .topbar .topbar-right .topbar-items .search-item input { - position: relative; - top: -10px; - font-size: 16px; - background-color: transparent; - border-width: 0 0 1px 0; - padding: 2px 2px 1px 2px; - border-color: #ffffff; - color: #ffffff; } - .layout-container .topbar .topbar-right .topbar-items .search-item input:focus { - outline: 0 none; - border-bottom-width: 2px; } - .layout-container .topbar .topbar-right .topbar-items .search-item input:focus ~ label { - top: -5px; - font-size: 12px; - color: #3e464c; } - .layout-container .topbar .topbar-right .topbar-items .search-item input.ui-state-filled ~ label { - display: none; } - .layout-container .topbar .topbar-right .topbar-items .search-item label { - color: #ffffff; - top: 8px; } -.layout-container .layout-menu { - overflow: auto; - position: fixed; - width: 250px; - z-index: 99; - top: 75px; - height: 100%; - background-color: #ffffff; - -webkit-box-shadow: 3px 0 6px rgba(0, 0, 0, 0.3); - -moz-box-shadow: 3px 0 6px rgba(0, 0, 0, 0.3); - box-shadow: 3px 0 6px rgba(0, 0, 0, 0.3); - -moz-transition: margin-left 0.3s; - -o-transition: margin-left 0.3s; - -webkit-transition: margin-left 0.3s; - transition: margin-left 0.3s; } - .layout-container .layout-menu > .nano > .nano-content.menu-scroll-content { - display: block; - height: 100%; - position: relative; - overflow: scroll; - overflow-x: hidden; } - .layout-container .layout-menu > .nano > .nano-content ul.ultima-menu.ultima-main-menu { - margin-top: 16px; - padding-bottom: 120px; } - .layout-container .layout-menu > .nano .nano-pane { - background: transparent; } - .layout-container .layout-menu > .nano .nano-pane .nano-slider { - background-color: #aaaaaa; - opacity: 0.3; - filter: alpha(opacity=30); } - .layout-container .layout-menu .profile { - box-sizing: border-box; - padding-top: 2em; - width: 250px; - height: 145px; - text-align: center; - background: url("../images/profile-bg.png") top left no-repeat; - background-size: 250px 145px; - -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16); - box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16); } - .layout-container .layout-menu .profile .profile-image { - width: 60px; - height: 60px; - margin: 0 auto 5px auto; - background: url("../images/avatar.png") top left no-repeat; - background-size: 60px 60px; } - .layout-container .layout-menu .profile .profile-name { - display: inline-block; - color: #212121; - vertical-align: middle; - font-size: 1em; } - .layout-container .layout-menu .profile i { - color: #212121; - vertical-align: middle; - -moz-transition: transform 0.3s; - -o-transition: transform 0.3s; - -webkit-transition: transform 0.3s; - transition: transform 0.3s; } - .layout-container .layout-menu .profile.profile-expanded i { - -webkit-transform: rotate(-180deg); - -moz-transform: rotate(-180deg); - -o-transform: rotate(-180deg); - -ms-transform: rotate(-180deg); - transform: rotate(-180deg); } - .layout-container .layout-menu .profile-menu { - border-bottom: 1px solid #d6d5d5; - overflow: hidden; } - .layout-container .layout-menu .profile-menu li:first-child { - margin-top: 1em; } - .layout-container .layout-menu .profile-menu li:last-child { - margin-bottom: 1em; } - .layout-container .layout-menu.layout-menu-dark { - background-color: #2b3135; } - .layout-container .layout-menu.layout-menu-dark .profile { - background-image: url("../images/profile-bg-dark.png"); } - .layout-container .layout-menu.layout-menu-dark .profile .profile-name { - color: #ffffff; } - .layout-container .layout-menu.layout-menu-dark .profile i { - color: #ffffff; } - .layout-container .layout-menu.layout-menu-dark .profile-menu { - border-bottom: 1px solid #777d81; } - .layout-container .layout-menu.layout-menu-dark ul.ultima-menu li a { - color: #ffffff; } - .layout-container .layout-menu.layout-menu-dark ul.ultima-menu li a i { - color: #ffffff; } - .layout-container .layout-menu.layout-menu-dark ul.ultima-menu li a:hover { - background-color: #777d81; } - .layout-container .layout-menu.layout-menu-dark ul.ultima-menu li a.active-menuitem-routerlink { - color: #5180ce; } - .layout-container .layout-menu.layout-menu-dark ul.ultima-menu li a.active-menuitem-routerlink i { - color: #5180ce; } - .layout-container .layout-menu.layout-menu-dark ul.ultima-menu li a.active-menuitem-routerlink:hover { - color: #ffffff; } - .layout-container .layout-menu.layout-menu-dark ul.ultima-menu li a.active-menuitem-routerlink:hover > i { - color: #ffffff; } - .layout-container .layout-menu.layout-menu-dark ul.ultima-menu li.active-menuitem > a { - color: #ffffff; - background-color: #5180ce; } -.layout-container.menu-layout-overlay .layout-menu { - margin-left: -250px; } -.layout-container.menu-layout-overlay .layout-main { - margin-left: 0px; } -.layout-container.menu-layout-overlay.layout-menu-overlay-active .layout-menu { - z-index: 999999999; - margin-left: 0px; } -.layout-container.menu-layout-overlay.layout-menu-overlay-active .layout-mask { - display: block; } -.layout-container.menu-layout-overlay.layout-menu-overlay-active .topbar .topbar-right #menu-button i { - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -o-transform: rotate(0deg); - -ms-transform: rotate(0deg); - transform: rotate(0deg); } -.layout-container.menu-layout-overlay .topbar { - z-index: 999999998; } - .layout-container.menu-layout-overlay .topbar .topbar-right #menu-button i { - font-size: 36px !important; - -webkit-transform: rotate(180deg); - -moz-transform: rotate(180deg); - -o-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); } -.layout-container .layout-main { - padding: 96px 16px 16px 16px; - -moz-transition: margin-left 0.3s; - -o-transition: margin-left 0.3s; - -webkit-transition: margin-left 0.3s; - transition: margin-left 0.3s; } -.layout-container .layout-mask { - display: none; } -.layout-container .ultima-menu { - margin: 0; - padding: 0; - list-style: none; } - .layout-container .ultima-menu li a { - font-size: 1em; - display: block; - padding: .5em 1em; - color: #212121; - width: 100%; - box-sizing: border-box; - -moz-transition: background-color 0.3s; - -o-transition: background-color 0.3s; - -webkit-transition: background-color 0.3s; - transition: background-color 0.3s; - overflow: hidden; } - .layout-container .ultima-menu li a i { - color: #757575; } - .layout-container .ultima-menu li a i:first-child { - display: inline-block; - vertical-align: middle; - margin-right: .5em; - font-size: 1.5em; } - .layout-container .ultima-menu li a i:last-child { - float: right; - font-size: 20px; - margin-top: .15em; - margin-right: -.15em; - -moz-transition: transform 0.3s; - -o-transition: transform 0.3s; - -webkit-transition: transform 0.3s; - transition: transform 0.3s; } - .layout-container .ultima-menu li a:hover { - background-color: #e8e8e8; } - .layout-container .ultima-menu li a span { - display: inline-block; - vertical-align: middle; } - .layout-container .ultima-menu li a.active-menuitem-routerlink { - color: #5180ce; } - .layout-container .ultima-menu li a.active-menuitem-routerlink > i { - color: #5180ce; } - .layout-container .ultima-menu li a.active-menuitem-routerlink:hover { - color: #212121; } - .layout-container .ultima-menu li a.active-menuitem-routerlink:hover > i { - color: #757575; } - .layout-container .ultima-menu li.active-menuitem > a { - color: #3e464c; - background-color: #e8e8e8; } - .layout-container .ultima-menu li.active-menuitem > a i:last-child { - -webkit-transform: rotate(-180deg); - -moz-transform: rotate(-180deg); - -o-transform: rotate(-180deg); - -ms-transform: rotate(-180deg); - transform: rotate(-180deg); } - .layout-container .ultima-menu li ul { - padding: 0; - margin: 0; - list-style: none; - overflow: hidden; } - .layout-container .ultima-menu li ul li a { - padding: .5em 1em .5em 2em; } - .layout-container .ultima-menu li ul li a > span { - font-size: 15px; } - .layout-container .ultima-menu li ul li a i:first-child { - display: inline-block; - vertical-align: middle; - margin-right: .6em; - font-size: 1.250em; } - .layout-container .ultima-menu li ul li ul li a { - padding-left: 3em; } - .layout-container .ultima-menu li ul li ul ul li a { - padding-left: 4em; } - .layout-container .ultima-menu li ul li ul ul ul li a { - padding-left: 5em; } - .layout-container .ultima-menu li ul li ul ul ul ul li a { - padding-left: 6em; } -.layout-container .footer { - padding: .5em; } - .layout-container .footer .footer-text-left { - float: left; } - .layout-container .footer .footer-text-right { - color: #757575; - float: right; } - .layout-container .footer .footer-text-right span { - vertical-align: middle; - display: inline-block; } - -.ajax-loader { - font-size: 2em; - color: #5180ce; } - -@media (min-width: 1025px) { - .layout-container .topbar-items { - float: right; - margin: 0; - padding: 5px 0 0 0; - list-style-type: none; } - .layout-container .topbar-items > li { - float: right; - position: relative; - margin-left: 8px; } - .layout-container .topbar-items > li > a { - position: relative; - display: block; } - .layout-container .topbar-items > li > a .topbar-item-name { - display: none; } - .layout-container .topbar-items > li > a .topbar-badge { - position: absolute; - right: -5px; - top: -5px; - background-color: #5180ce; - color: #ffffff; - -moz-border-radius: 50%; - -webkit-border-radius: 50%; - border-radius: 50%; - padding: 2px 4px; - display: block; - font-size: 12px; - line-height: 12px; } - .layout-container .topbar-items > li .topbar-icon { - font-size: 36px; - color: #ffffff; - -moz-transition: color 0.3s; - -o-transition: color 0.3s; - -webkit-transition: color 0.3s; - transition: color 0.3s; } - .layout-container .topbar-items > li .topbar-icon:hover { - color: #e8e8e8; } - .layout-container .topbar-items > li.profile-item .profile-image { - width: 36px; - height: 36px; - background: url("../images/avatar.png") top left no-repeat; - background-size: 36px 36px; } - .layout-container .topbar-items > li > ul { - position: absolute; - top: 55px; - right: 5px; - display: none; - width: 250px; - background-color: #ffffff; - -webkit-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2); - -moz-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2); - box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2); - -webkit-animation-duration: .5s; - -moz-animation-duration: .5s; - animation-duration: .5s; } - .layout-container .topbar-items > li.active-top-menu > ul { - display: block; } - .layout-container .topbar-items > li .topbar-message img { - display: inline-block; - vertical-align: middle; - margin-right: 12px; } - .layout-container.menu-layout-static .layout-menu { - margin-left: 0; } - .layout-container.menu-layout-static .layout-main { - margin-left: 250px; } - .layout-container.menu-layout-static.layout-menu-static-inactive .topbar .topbar-right #menu-button i { - -webkit-transform: rotate(180deg); - -moz-transform: rotate(180deg); - -o-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); } - .layout-container.menu-layout-static.layout-menu-static-inactive .layout-menu { - margin-left: -250px; } - .layout-container.menu-layout-static.layout-menu-static-inactive .layout-main { - margin-left: 0px; } - .layout-container.menu-layout-static .layout-mask { - display: none; } - .layout-container.menu-layout-horizontal .topbar { - box-shadow: none; - -webkit-box-shadow: none; - -moz-box-shadow: none; } - .layout-container.menu-layout-horizontal .topbar .topbar-left { - background-color: #3e464c; - box-shadow: none; - -webkit-box-shadow: none; - -moz-box-shadow: none; } - .layout-container.menu-layout-horizontal .topbar .topbar-right #menu-button { - display: none; } - .layout-container.menu-layout-horizontal .layout-menu { - overflow: visible; - position: fixed; - width: 100%; - top: 75px; - height: auto; - background-color: #2b3135; - -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); - -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); - box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); } - .layout-container.menu-layout-horizontal .layout-menu > .nano { - overflow: visible; } - .layout-container.menu-layout-horizontal .layout-menu > .nano .nano-content.menu-scroll-content { - display: inherit; - height: auto; - position: static; - overflow: visible; - overflow-x: visible; } - .layout-container.menu-layout-horizontal .layout-menu > .nano .nano-content ul.ultima-menu.ultima-main-menu { - margin-top: 0px; - padding-bottom: 0px; } - .layout-container.menu-layout-horizontal .layout-menu > .nano .nano-pane { - display: none !important; } - .layout-container.menu-layout-horizontal .layout-menu ul.ultima-menu.ultima-main-menu { - margin-top: 0; } - .layout-container.menu-layout-horizontal .layout-menu ul.ultima-menu > li { - float: left; - position: relative; } - .layout-container.menu-layout-horizontal .layout-menu ul.ultima-menu > li > a { - color: #ffffff; } - .layout-container.menu-layout-horizontal .layout-menu ul.ultima-menu > li > a i { - color: #ffffff; } - .layout-container.menu-layout-horizontal .layout-menu ul.ultima-menu > li > a:hover { - background-color: #e8e8e8; - color: #212121; } - .layout-container.menu-layout-horizontal .layout-menu ul.ultima-menu > li > a:hover i { - color: #212121; } - .layout-container.menu-layout-horizontal .layout-menu ul.ultima-menu > li > a.active-menuitem-routerlink { - color: #5180ce; } - .layout-container.menu-layout-horizontal .layout-menu ul.ultima-menu > li > a.active-menuitem-routerlink > i { - color: #5180ce; } - .layout-container.menu-layout-horizontal .layout-menu ul.ultima-menu > li > a.active-menuitem-routerlink:hover { - color: #212121; } - .layout-container.menu-layout-horizontal .layout-menu ul.ultima-menu > li > a.active-menuitem-routerlink:hover i { - color: #212121; } - .layout-container.menu-layout-horizontal .layout-menu ul.ultima-menu > li > ul { - z-index: 100; - position: absolute; - top: 41px; - left: 0px; - width: 250px; - background-color: #ffffff; - -webkit-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2); - -moz-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2); - box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2); } - .layout-container.menu-layout-horizontal .layout-menu ul.ultima-menu > li > ul li a { - padding: 10px 16px; } - .layout-container.menu-layout-horizontal .layout-menu ul.ultima-menu > li > ul li ul { - position: static; } - .layout-container.menu-layout-horizontal .layout-menu ul.ultima-menu > li > ul li ul li a { - padding-left: 32px; } - .layout-container.menu-layout-horizontal .layout-menu ul.ultima-menu > li > ul li ul ul li a { - padding-left: 48px; } - .layout-container.menu-layout-horizontal .layout-menu ul.ultima-menu > li > ul li ul ul ul li a { - padding-left: 64px; } - .layout-container.menu-layout-horizontal .layout-menu ul.ultima-menu > li > ul li ul ul ul ul li a { - padding-left: 80px; } - .layout-container.menu-layout-horizontal .layout-menu ul.ultima-menu > li > ul li ul ul ul ul ul li a { - padding-left: 96px; } - .layout-container.menu-layout-horizontal .layout-menu ul.ultima-menu > li > ul li.active-menuitem > a { - color: #3e464c; - background-color: #e8e8e8; } - .layout-container.menu-layout-horizontal .layout-menu ul.ultima-menu > li > ul li.active-menuitem > ul { - display: block; } - .layout-container.menu-layout-horizontal .layout-menu ul.ultima-menu > li.active-menuitem > a { - color: #ffffff; - background-color: #5180ce; } - .layout-container.menu-layout-horizontal .layout-menu ul.ultima-menu > li.active-menuitem > a i { - color: #ffffff; } - .layout-container.menu-layout-horizontal .layout-menu ul.ultima-menu > li.active-menuitem > ul { - display: block; } - .layout-container.menu-layout-horizontal .layout-menu.layout-menu-dark { - background-color: #2b3135; } - .layout-container.menu-layout-horizontal .layout-menu.layout-menu-dark ul.ultima-menu li a { - color: #ffffff; } - .layout-container.menu-layout-horizontal .layout-menu.layout-menu-dark ul.ultima-menu li a:hover { - background-color: #777d81; - color: #ffffff; } - .layout-container.menu-layout-horizontal .layout-menu.layout-menu-dark ul.ultima-menu li a:hover i { - color: #ffffff; } - .layout-container.menu-layout-horizontal .layout-menu.layout-menu-dark ul.ultima-menu li a.active-menuitem-routerlink { - color: #5180ce; } - .layout-container.menu-layout-horizontal .layout-menu.layout-menu-dark ul.ultima-menu li a.active-menuitem-routerlink i { - color: #5180ce; } - .layout-container.menu-layout-horizontal .layout-menu.layout-menu-dark ul.ultima-menu li a.active-menuitem-routerlink:hover { - color: #ffffff; } - .layout-container.menu-layout-horizontal .layout-menu.layout-menu-dark ul.ultima-menu li a.active-menuitem-routerlink:hover i { - color: #ffffff; } - .layout-container.menu-layout-horizontal .layout-menu.layout-menu-dark ul.ultima-menu li.active-menuitem > a { - color: #ffffff; - background-color: #5180ce; } - .layout-container.menu-layout-horizontal .layout-menu.layout-menu-dark ul.ultima-menu li ul { - background-color: #2b3135; } - .layout-container.menu-layout-horizontal .layout-main { - padding-top: 140px; - margin-left: 0px; } - .layout-container.menu-layout-horizontal .layout-mask { - display: none; } } -@media (max-width: 1024px) { - .layout-container.menu-layout-static .topbar .topbar-right #menu-button i { - -webkit-transform: rotate(180deg); - -moz-transform: rotate(180deg); - -o-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); } - .layout-container.menu-layout-static .layout-menu { - margin-left: -265px; } - .layout-container.menu-layout-static .layout-main { - margin-left: 0px; } - .layout-container.menu-layout-static.layout-menu-static-active .layout-menu { - margin-left: 0; - z-index: 999999999; } - .layout-container.menu-layout-static.layout-menu-static-active .topbar { - z-index: 999999998; } - .layout-container.menu-layout-static.layout-menu-static-active .topbar .topbar-right #menu-button i { - -webkit-transform: rotate(0); - -moz-transform: rotate(0); - -o-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); } - .layout-container.menu-layout-static.layout-menu-static-active .layout-main { - margin-left: 0; } - .layout-container.menu-layout-static.layout-menu-static-active .layout-mask { - display: block; } - .layout-container .topbar .topbar-right #topbar-menu-button { - display: block; } - .layout-container .topbar .topbar-right .topbar-items { - position: absolute; - top: 75px; - right: 15px; - width: 275px; - -webkit-animation-duration: .5s; - -moz-animation-duration: .5s; - animation-duration: .5s; - display: none; - background-color: #ffffff; - -webkit-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2); - -moz-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2); - box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2); - list-style-type: none; - margin: 0; - padding: 0; } - .layout-container .topbar .topbar-right .topbar-items > li > a { - width: 100%; - display: block; - box-sizing: border-box; - font-size: 16px; - padding: 16px 16px; - color: #212121; - position: relative; } - .layout-container .topbar .topbar-right .topbar-items > li > a i { - display: inline-block; - vertical-align: middle; - margin-right: 12px; - font-size: 24px; } - .layout-container .topbar .topbar-right .topbar-items > li > a:hover { - background-color: #e8e8e8; } - .layout-container .topbar .topbar-right .topbar-items > li > a .topbar-item-name { - display: inline-block; - vertical-align: middle; } - .layout-container .topbar .topbar-right .topbar-items > li > a .topbar-badge { - position: absolute; - left: 30px; - top: 10px; - background-color: #5180ce; - color: #ffffff; - -moz-border-radius: 50%; - -webkit-border-radius: 50%; - border-radius: 50%; - padding: 2px 4px; - display: block; - font-size: 12px; - line-height: 12px; } - .layout-container .topbar .topbar-right .topbar-items > li > ul { - display: none; } - .layout-container .topbar .topbar-right .topbar-items > li > ul li a span, .layout-container .topbar .topbar-right .topbar-items > li > ul li a img, .layout-container .topbar .topbar-right .topbar-items > li > ul li a i { - display: inline-block; - vertical-align: middle; } - .layout-container .topbar .topbar-right .topbar-items > li.active-top-menu > a { - color: #3e464c; } - .layout-container .topbar .topbar-right .topbar-items > li.active-top-menu > ul { - display: block; } - .layout-container .topbar .topbar-right .topbar-items > li.active-top-menu > ul li a { - padding-left: 32px; } - .layout-container .topbar .topbar-right .topbar-items > li.search-item { - text-align: center; - width: 100%; - display: block; - box-sizing: border-box; - font-size: 16px; - padding: 16px 16px; - position: relative; } - .layout-container .topbar .topbar-right .topbar-items > li.search-item input { - top: 0; - width: 100%; - box-sizing: border-box; - padding-right: 16px; - border-color: #bdbdbd; - color: #212121; } - .layout-container .topbar .topbar-right .topbar-items > li.search-item input:focus { - margin-bottom: -1px; - border-color: #bdbdbd; } - .layout-container .topbar .topbar-right .topbar-items > li.search-item input:focus ~ label, - .layout-container .topbar .topbar-right .topbar-items > li.search-item input.ui-state-filled ~ label { - top: -20px; - color: #3e464c; } - .layout-container .topbar .topbar-right .topbar-items > li.search-item label { - top: 1px; - color: #212121; } - .layout-container .topbar .topbar-right .topbar-items > li.search-item i { - position: absolute; - right: 5px; - top: -2px; } - .layout-container .topbar .topbar-right .topbar-items > li.profile-item .profile-image { - display: inline-block; - vertical-align: middle; - width: 24px; - height: 24px; - background: url("../images/avatar.png") top left no-repeat; - background-size: 24px 24px; - margin-right: 14px; } - .layout-container .topbar .topbar-right .topbar-items > li.profile-item span { - vertical-align: middle; - display: inline-block; } - .layout-container .topbar .topbar-right .topbar-items.topbar-items-visible { - display: block; } } -@media (max-width: 399px) { - .layout-container .topbar .topbar-right #topbar-menu-button { - right: 15px; } } -body .layout-wrapper.layout-compact { - font-size: 14px; - line-height: 18px; } - body .layout-wrapper.layout-compact .layout-container .ultima-menu li a i:last-child { - font-size: 18px; } - body .layout-wrapper.layout-compact .layout-container .ultima-menu li ul li a span { - font-size: 14px; } - body .layout-wrapper.layout-compact .ui-radiobutton .ui-radiobutton-box { - width: 18px; - height: 18px; } - body .layout-wrapper.layout-compact .ui-datepicker tbody td a, body .layout-wrapper.layout-compact .ui-datepicker body .ui-datepicker tbody td span { - padding-top: .25em; } - -@media (min-width: 1025px) { - .layout-wrapper.layout-compact .layout-container.menu-layout-horizontal .layout-menu ul.ultima-menu > li > ul { - top: 35px; } - .layout-wrapper.layout-compact .layout-container.menu-layout-horizontal .layout-menu ul.ultima-menu > li > ul li span { - font-size: 14px; } - .layout-wrapper.layout-compact .layout-container.menu-layout-horizontal .layout-main { - padding-top: 130px; } } diff --git a/src/assets/layout/css/layout-dark-blue.scss b/src/assets/layout/css/layout-dark-blue.scss deleted file mode 100644 index a726c1bb..00000000 --- a/src/assets/layout/css/layout-dark-blue.scss +++ /dev/null @@ -1,14 +0,0 @@ -$primaryColor: #3e464c; -$primaryDarkColor: #2b3135; -$primaryLightColor: #777d81; -$accentColor: #5180ce; -$accentDarkColor: #274d8d; -$accentLightColor: #86b0f5; -$accentTextColor: #ffffff; -$darkMenuBgColor: #2b3135; -$darkMenuHoverColor: #777d81; -$darkMenuRouterLinkActiveColor: #5180ce; -$lightMenuRouterLinkActiveColor: #5180ce; -$horizontalLightMenuRouterLinkActiveColor: #5180ce; - -@import '../../sass/layout/_layout'; \ No newline at end of file diff --git a/src/assets/layout/css/layout-dark.css b/src/assets/layout/css/layout-dark.css new file mode 100644 index 00000000..78bf177b --- /dev/null +++ b/src/assets/layout/css/layout-dark.css @@ -0,0 +1,4739 @@ +:root { + --divider-color:rgba(255, 255, 255, 0.12); +} + +/* Add your variable customizations of layout here */ +h1, h2, h3, h4, h5, h6 { + margin: 1.5rem 0 1rem 0; + font-family: inherit; + font-weight: 600; + line-height: 1.2; + color: inherit; +} +h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { + margin-top: 0; +} + +h1 { + font-size: 2.5rem; +} + +h2 { + font-size: 2rem; +} + +h3 { + font-size: 1.75rem; +} + +h4 { + font-size: 1.5rem; +} + +h5 { + font-size: 1.25rem; +} + +h6 { + font-size: 1rem; +} + +mark { + background: #FFF8E1; + padding: 0.25rem 0.4rem; + border-radius: 5px; + font-family: monospace; +} + +blockquote { + margin: 1rem 0; + padding: 0 2rem; + border-left: 4px solid #90A4AE; +} + +hr { + border-top: solid rgba(255, 255, 255, 0.12); + border-width: 1px 0 0 0; + margin: 1rem 0; +} + +p { + margin: 0 0 1rem 0; + line-height: 1.5; +} +p:last-child { + margin-bottom: 0; +} + +.splash-screen { + width: 100%; + min-height: 100%; + background-color: var(--primary-color); + position: absolute; +} + +.splash-loader-container { + text-align: center; + position: absolute; + top: 50%; + left: 50%; + margin-left: -32px; + margin-top: -32px; +} + +.splash-loader { + animation: rotator 1.4s linear infinite; +} + +@keyframes rotator { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(270deg); + } +} +.splash-path { + stroke-dasharray: 187; + stroke-dashoffset: 0; + transform-origin: center; + animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite; +} + +@keyframes colors { + 0% { + stroke: #4285F4; + } + 25% { + stroke: #DE3E35; + } + 50% { + stroke: #F7C223; + } + 75% { + stroke: #1B9A59; + } + 100% { + stroke: #4285F4; + } +} +@keyframes dash { + 0% { + stroke-dashoffset: 187; + } + 50% { + stroke-dashoffset: 46.75; + transform: rotate(135deg); + } + 100% { + stroke-dashoffset: 187; + transform: rotate(450deg); + } +} +/* roboto-regular - latin-ext_latin */ +@font-face { + font-family: "Roboto"; + font-style: normal; + font-weight: 400; + src: local("Roboto"), local("Roboto-Regular"), url("../../layout/fonts/roboto-v20-latin-ext_latin-regular.woff2") format("woff2"), url("../../layout/fonts/roboto-v20-latin-ext_latin-regular.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +/* roboto-500 - latin-ext_latin */ +@font-face { + font-family: "Roboto"; + font-style: normal; + font-weight: 500; + src: local("Roboto Medium"), local("Roboto-Medium"), url("../../layout/fonts/roboto-v20-latin-ext_latin-500.woff2") format("woff2"), url("../../layout/fonts/roboto-v20-latin-ext_latin-500.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +/* roboto-700 - latin-ext_latin */ +@font-face { + font-family: "Roboto"; + font-style: normal; + font-weight: 700; + src: local("Roboto Bold"), local("Roboto-Bold"), url("../../layout/fonts/roboto-v20-latin-ext_latin-700.woff2") format("woff2"), url("../../layout/fonts/roboto-v20-latin-ext_latin-700.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +@keyframes overlayEnter { + from { + opacity: 0; + transform: scaleY(0.8); + } + to { + opacity: 1; + transform: none; + } +} +@keyframes fadeInDown { + from { + opacity: 0; + transform: translate3d(0, -20px, 0); + } + to { + opacity: 1; + transform: none; + } +} +@keyframes fadeOutUp { + from { + opacity: 1; + } + to { + opacity: 0; + transform: translate3d(0, -20px, 0); + } +} +@keyframes fadeinmask { + from { + opacity: 0; + } + to { + opacity: 0.8; + } +} +.fadeInDown { + animation-name: fadeInDown; +} + +.fadeOutUp { + animation-name: fadeOutUp; +} + +@keyframes modal-in { + from { + background-color: transparent; + } + to { + background-color: rgba(0, 0, 0, 0.6); + } +} +.modal-in { + animation-name: modal-in; +} + +@keyframes spin { + from { + transform: rotate(0deg); + } + to { + transform: rotate(359deg); + } +} +/* Utils */ +.clearfix:after { + content: " "; + display: block; + clear: both; +} + +*[hidden] { + display: none; +} + +.p-lh { + line-height: 1.5; +} + +.card { + background-color: #1e1e1e; + padding: 1rem; + margin-bottom: 2rem; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 5px; +} +.card:last-child { + margin-bottom: 0; +} +.card .card-header { + display: flex; + align-items: center; + justify-content: space-between; + margin-bottom: 1rem; +} +.card .card-header h1, .card .card-header h2, .card .card-header h3, .card .card-header h4, .card .card-header h5, .card .card-header h6 { + margin: 0; +} +.card .card-subtitle { + color: rgba(255, 255, 255, 0.6); + font-weight: 600; + margin: -1rem 0 1rem 0; +} + +.p-toast.p-toast-top-right, .p-toast.p-toast-top-left, .p-toast.p-toast-top-center { + top: 85px; +} + +body .p-overlay-badge { + position: relative; +} +body .p-overlay-badge .p-badge { + position: absolute; + top: 0; + right: 0; + transform: translate(50%, -50%); + transform-origin: 100% 0; + margin: 0; +} + +.height-100 { + height: 100% !important; +} + +.width-100 { + width: 100% !important; +} + +.fs-xsmall { + font-size: 0.715rem !important; +} + +.fs-small { + font-size: 0.858rem !important; +} + +.fs-normal { + font-size: 1rem !important; +} + +.fs-large { + font-size: 1.5rem !important; +} + +.fs-xlarge { + font-size: 2rem !important; +} + +.fs-xxlarge { + font-size: 3rem !important; +} + +.fw-400 { + font-weight: 400 !important; +} + +.fw-500 { + font-weight: 500 !important; +} + +.fw-700 { + font-weight: 700 !important; +} + +.rounded-small { + border-radius: 2px !important; +} + +.rounded-normal { + border-radius: 4px !important; +} + +.rounded-large { + border-radius: 6px !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-none { + border-radius: 0 !important; +} + +.divider-top { + border-top: 1px solid rgba(255, 255, 255, 0.12) !important; +} + +.divider-bottom { + border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important; +} + +.divider-left { + border-left: 1px solid rgba(255, 255, 255, 0.12) !important; +} + +.divider-right { + border-right: 1px solid rgba(255, 255, 255, 0.12) !important; +} + +.muted-text { + color: rgba(255, 255, 255, 0.6) !important; +} + +.text-color { + color: rgba(255, 255, 255, 0.87) !important; +} + +.solid-surface-text-color { + color: #121212 !important; +} + +.white-color { + color: #ffffff !important; +} + +.dark-color { + color: #212121 !important; +} + +.pink-color { + color: #F06292 !important; +} + +.indigo-color { + color: #7986CB !important; +} + +.yellow-color { + color: #FFD54F !important; +} + +.orange-color { + color: #FFB74D !important; +} + +.teal-color { + color: #4DB6AC !important; +} + +.cyan-color { + color: #4DD0E1 !important; +} + +.bluegrey-color { + color: #78909C !important; +} + +.purple-color { + color: #BA68C8 !important; +} + +.deeppurple-color { + color: #9575CD !important; +} + +.blue-color { + color: #64B5F6 !important; +} + +.lightblue-color { + color: #03A9F4 !important; +} + +.green-color { + color: #81C784 !important; +} + +.lightgreen-color { + color: #8BC34A !important; +} + +.lime-color { + color: #DCE775 !important; +} + +.deeporange-color { + color: #FF8A65 !important; +} + +.brown-color { + color: #A1887F !important; +} + +.content-bgcolor { + background-color: #1e1e1e !important; +} + +.content-alt-bgcolor { + background-color: #262626 !important; +} + +.pink-bgcolor { + background-color: #F06292 !important; +} + +.indigo-bgcolor { + background-color: #7986CB !important; +} + +.yellow-bgcolor { + background-color: #FFD54F !important; +} + +.orange-bgcolor { + background-color: #FFB74D !important; +} + +.teal-bgcolor { + background-color: #4DB6AC !important; +} + +.cyan-bgcolor { + background-color: #4DD0E1 !important; +} + +.bluegrey-bgcolor { + background-color: #78909C !important; +} + +.purple-bgcolor { + background-color: #BA68C8 !important; +} + +.deeppurple-bgcolor { + background-color: #9575CD !important; +} + +.blue-bgcolor { + background-color: #64B5F6 !important; +} + +.lightblue-bgcolor { + background-color: #03A9F4 !important; +} + +.green-bgcolor { + background-color: #81C784 !important; +} + +.lightgreen-bgcolor { + background-color: #8BC34A !important; +} + +.lime-bgcolor { + background-color: #DCE775 !important; +} + +.deeporange-bgcolor { + background-color: #FF8A65 !important; +} + +.brown-bgcolor { + background-color: #A1887F !important; +} + +.badge-dot { + width: 0.5rem; + min-width: 0.5rem; + height: 0.5rem; + border-radius: 50%; + padding: 0; +} + +.layout-wrapper.layout-rtl { + direction: rtl; +} +.layout-wrapper.layout-rtl .menu-wrapper { + left: auto; + right: 0; +} +.layout-wrapper.layout-rtl .menu-wrapper .layout-menu-container .layout-menu li.layout-root-menuitem > div { + padding-left: 0; + padding-right: 1rem; +} +.layout-wrapper.layout-rtl .menu-wrapper .layout-menu-container .layout-menu li > a .p-badge, +.layout-wrapper.layout-rtl .menu-wrapper .layout-menu-container .layout-menu li > a .layout-submenu-toggler { + margin-left: 0; + margin-right: auto; +} +.layout-wrapper.layout-rtl .menu-wrapper .layout-menu-container .layout-menu li > a .layout-menuitem-text { + margin-right: 0.75rem; + margin-left: 0; +} +.layout-wrapper.layout-rtl .menu-wrapper .layout-menu-container .layout-menu li > ul > li ul li a { + padding-left: 0.5rem; + padding-right: 1.75rem; +} +.layout-wrapper.layout-rtl .menu-wrapper .layout-menu-container .layout-menu li > ul > li ul li ul li a { + padding-left: 0.5rem; + padding-right: 2.625rem; +} +.layout-wrapper.layout-rtl .menu-wrapper .layout-menu-container .layout-menu li > ul > li ul li ul li ul li a { + padding-left: 0.5rem; + padding-right: 3.5rem; +} +.layout-wrapper.layout-rtl .menu-wrapper .layout-menu-container .layout-menu li > ul > li ul li ul li ul li ul li a { + padding-left: 0.5rem; + padding-right: 4.375rem; +} +.layout-wrapper.layout-rtl .menu-wrapper .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item a i { + margin-right: 0; + margin-left: 0.75rem; +} +.layout-wrapper.layout-rtl .layout-topbar .layout-topbar-left .layout-menu-button > i { + transform: rotate(180deg); +} +@media (min-width: 992px) { + .layout-wrapper.layout-rtl.layout-menu-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul { + left: auto; + right: 0; + } + .layout-wrapper.layout-rtl.layout-menu-overlay .menu-wrapper { + transform: translate3d(17rem, 0px, 0px); + } + .layout-wrapper.layout-rtl.layout-menu-overlay.layout-menu-active .menu-wrapper { + transform: translate3d(0px, 0px, 0px); + } + .layout-wrapper.layout-rtl.layout-menu-overlay.layout-menu-active .layout-topbar .layout-topbar-left .layout-menu-button > i { + transform: rotate(0deg); + } + .layout-wrapper.layout-rtl.layout-menu-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul { + left: auto; + right: 4.5rem; + } + .layout-wrapper.layout-rtl.layout-menu-slim.layout-wrapper .layout-main { + margin-left: 0; + margin-right: 4.5rem; + } + .layout-wrapper.layout-rtl.layout-menu-static .menu-wrapper { + transform: translate3d(17rem, 0px, 0px); + } + .layout-wrapper.layout-rtl.layout-menu-static .layout-main { + transition: margin-right 0.2s; + } + .layout-wrapper.layout-rtl.layout-menu-static.layout-menu-active .menu-wrapper { + transform: translate3d(0px, 0px, 0px); + } + .layout-wrapper.layout-rtl.layout-menu-static.layout-menu-active .layout-topbar .layout-topbar-left .layout-menu-button > i { + transform: rotate(0deg); + } + .layout-wrapper.layout-rtl.layout-menu-static.layout-menu-active .layout-main { + margin-left: 0; + margin-right: 17rem; + } +} +@media (max-width: 991px) { + .layout-wrapper.layout-rtl .menu-wrapper { + transform: translate3d(17rem, 0px, 0px); + } + .layout-wrapper.layout-rtl.layout-menu-mobile-active .menu-wrapper { + transform: translate3d(0px, 0px, 0px); + } + .layout-wrapper.layout-rtl.layout-menu-mobile-active .layout-topbar .layout-topbar-left .layout-menu-button > i { + transform: rotate(0deg); + } +} + +.layout-wrapper.layout-rtl { + direction: rtl; +} +.layout-wrapper.layout-rtl .layout-topbar { + left: auto; + right: 0; +} +.layout-wrapper.layout-rtl .layout-topbar .layout-topbar-left .layout-topbar-logo { + padding-right: 0; + padding-left: 1.25rem; +} +.layout-wrapper.layout-rtl .layout-topbar .layout-topbar-left .layout-menu-button { + left: auto; + right: 15.75rem; +} +.layout-wrapper.layout-rtl .layout-topbar .layout-topbar-left .layout-topbar-mobile-button { + margin: 0 auto 0 0.5rem; +} +.layout-wrapper.layout-rtl .layout-topbar .layout-topbar-right { + padding-left: 0; + padding-right: 2rem; +} +.layout-wrapper.layout-rtl .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item .layout-topbar-action-panel { + right: auto; + left: 0; +} +.layout-wrapper.layout-rtl .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel { + left: auto; + right: 0; +} +.layout-wrapper.layout-rtl .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + margin-left: 0; + margin-right: 0.5rem; +} +@media (max-width: 991px) { + .layout-wrapper.layout-rtl .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu .p-megamenu-panel { + left: 1rem; + right: 1rem; + } + .layout-wrapper.layout-rtl .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item .layout-topbar-action-panel { + left: 1em; + right: 1em; + } +} + +.layout-wrapper.layout-rtl .layout-megamenu.p-megamenu .p-menuitem-link .p-menuitem-icon { + margin-right: 0; + margin-left: 0.5rem; +} +.layout-wrapper.layout-rtl .layout-config-button.p-button { + right: auto; + left: 0; + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.layout-wrapper.layout-rtl .layout-config-button.p-button .p-button-icon { + font-size: 2rem; +} +.layout-wrapper.layout-rtl .widget-bestsellers > li .bestseller-item .item-button { + margin-left: 0; + margin-right: auto; +} +.layout-wrapper.layout-rtl .widget-chat .write-message .p-inputgroup-addon:first-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 30px; + border-bottom-right-radius: 30px; + border-left-width: 0; +} +.layout-wrapper.layout-rtl .widget-chat .write-message .p-inputgroup-addon:last-child { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + border-top-left-radius: 30px; + border-bottom-left-radius: 30px; +} + +.layout-topbar { + position: fixed; + top: 0; + left: 0; + z-index: 998; + width: 100%; + height: 4rem; + transition: width 0.2s; + display: flex; +} +.layout-topbar ul { + margin: 0; + padding: 0; + border: 0; + outline: 0; + text-decoration: none; + list-style-type: none; +} +.layout-topbar .layout-topbar-left { + display: flex; + align-items: center; + height: 100%; + position: relative; +} +.layout-topbar .layout-topbar-left .layout-topbar-logo { + width: 17rem; + height: 100%; + padding-right: 1.25rem; + display: flex; + align-items: center; + justify-content: center; +} +.layout-topbar .layout-topbar-left .layout-menu-button { + position: absolute; + top: 50%; + left: 15.75rem; + width: 2.5rem; + height: 2.5rem; + margin-top: -1.25rem; + display: flex; + align-items: center; + justify-content: center; + cursor: pointer; + border-radius: 50%; +} +.layout-topbar .layout-topbar-left .layout-menu-button i { + transition: transform 0.2s; +} +.layout-topbar .layout-topbar-left .layout-topbar-mobile-button { + display: none; + align-items: center; + padding: 0 0.8rem; + margin: 0 0.5rem 0 auto; + border-radius: 50%; + height: 3.2rem; + cursor: pointer; +} +.layout-topbar .layout-topbar-right { + display: flex; + flex-grow: 1; + align-items: center; + justify-content: space-between; + padding-left: 2rem; + height: 100%; +} +.layout-topbar .layout-topbar-right .layout-topbar-actions-left { + display: flex; + align-items: center; + height: 100%; +} +.layout-topbar .layout-topbar-right .layout-topbar-actions-right { + height: 100%; +} +.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items { + display: flex; + flex-direction: row; + justify-content: center; + height: 100%; +} +.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item { + display: flex; + align-items: center; + position: relative; +} +.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item .layout-topbar-action { + user-select: none; + padding: 0 0.8rem; + margin: 0 0.4rem; + border-radius: 4px; + height: 3.2rem; + min-width: 3.2rem; + display: flex; + align-items: center; + cursor: pointer; +} +.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item .layout-topbar-action-panel { + position: absolute; + top: 4rem; + right: 0; + z-index: 1000; + min-width: 25rem; + padding: 1rem 0; + transform-origin: top; +} +.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item .layout-topbar-action-panel .layout-topbar-action-item { + cursor: pointer; + padding: 1rem; +} +.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel { + height: 4rem; + width: 100%; + position: fixed; + top: 0; + left: 0; + z-index: 1000; + transform-origin: top; +} +.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + border-radius: 0; + border: 0 none; +} +.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:focus { + outline: 0 none; + box-shadow: none; +} +.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel i { + font-weight: bold; +} +.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon { + border: 0 none; +} +.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:first-child, +.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:first-child, +.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:first-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:last-child, +.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:last-child, +.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:last-child { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +@media (max-width: 991px) { + .layout-topbar { + height: auto; + display: flex; + flex-direction: column; + } + .layout-topbar .layout-topbar-left { + height: 4rem; + width: 100%; + justify-content: flex-start; + } + .layout-topbar .layout-topbar-left .layout-topbar-mobile-button { + display: flex; + } + .layout-topbar .layout-topbar-right { + display: none; + flex-direction: column-reverse; + padding: 0; + transform-origin: top; + animation-name: overlayEnter; + animation-timing-function: cubic-bezier(0, 0, 0.2, 1); + animation-duration: 0.12s; + } + .layout-topbar .layout-topbar-right.layout-topbar-mobile-active { + display: flex; + } + .layout-topbar .layout-topbar-right .layout-topbar-actions-left { + height: 4rem; + display: flex; + justify-content: space-between; + } + .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu .p-megamenu-panel { + position: fixed; + left: 1rem; + right: 1rem; + max-height: calc(100vh - 168px); + overflow-y: scroll; + } + .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu .p-megamenu-panel .p-megamenu-grid { + flex-wrap: wrap; + } + .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu .p-megamenu-panel .p-megamenu-grid > [class*=p-megamenu-col-] { + flex: 1 1 auto; + width: auto; + } + .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu .p-megamenu-panel .p-megamenu-grid .p-megamenu-submenu { + width: auto; + min-width: 12.5rem; + } + .layout-topbar .layout-topbar-right .layout-topbar-actions-right { + height: 4rem; + width: 100%; + } + .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items { + width: 100%; + justify-content: space-between; + } + .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item .layout-topbar-action-panel { + position: fixed; + top: 8rem; + left: 1em; + right: 1em; + } +} +@media (min-width: 992px) { + .layout-menu-horizontal .layout-topbar .layout-topbar-left .layout-menu-button, +.layout-menu-slim .layout-topbar .layout-topbar-left .layout-menu-button { + display: none; + } +} +.layout-topbar-blue { + --topbar-bg-color:#1565C0; + --topbar-text-color: #ffffff; +} +.layout-topbar-blue .layout-topbar { + color: #ffffff; + background-color: #1565C0; +} +.layout-topbar-blue .layout-topbar a { + color: #ffffff; +} +.layout-topbar-blue .layout-topbar a:hover { + background-color: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-blue .layout-topbar .layout-topbar-left { + background-color: #0D47A1; +} +.layout-topbar-blue .layout-topbar .layout-topbar-left .layout-menu-button { + color: #212121; + background-color: #FBC02D; +} +.layout-topbar-blue .layout-topbar .layout-topbar-left .layout-menu-button:hover { + background-color: rgba(251, 192, 45, 0.7); + transition: background-color 0.2s; +} +.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu { + background: none; +} +.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text, +.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon, +.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #ffffff; +} +.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel { + background-color: #262626; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a { + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover { + background-color: transparent; + transition: none; +} +.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover { + background-color: rgba(255, 255, 255, 0.04); + transition: background-color 0.2s; +} +.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:first-child, +.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:first-child, +.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:first-child { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:last-child, +.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:last-child, +.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:last-child { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon .p-button-text { + color: rgba(255, 255, 255, 0.87); +} + +.layout-topbar-lightblue { + --topbar-bg-color:#0288D1; + --topbar-text-color: #ffffff; +} +.layout-topbar-lightblue .layout-topbar { + color: #ffffff; + background-color: #0288D1; +} +.layout-topbar-lightblue .layout-topbar a { + color: #ffffff; +} +.layout-topbar-lightblue .layout-topbar a:hover { + background-color: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-lightblue .layout-topbar .layout-topbar-left { + background-color: #0277BD; +} +.layout-topbar-lightblue .layout-topbar .layout-topbar-left .layout-menu-button { + color: #212121; + background-color: #FDD835; +} +.layout-topbar-lightblue .layout-topbar .layout-topbar-left .layout-menu-button:hover { + background-color: rgba(253, 216, 53, 0.7); + transition: background-color 0.2s; +} +.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu { + background: none; +} +.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text, +.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon, +.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #ffffff; +} +.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel { + background-color: #262626; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a { + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover { + background-color: transparent; + transition: none; +} +.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover { + background-color: rgba(255, 255, 255, 0.04); + transition: background-color 0.2s; +} +.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:first-child, +.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:first-child, +.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:first-child { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:last-child, +.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:last-child, +.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:last-child { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon .p-button-text { + color: rgba(255, 255, 255, 0.87); +} + +.layout-topbar-white { + --topbar-bg-color:#ffffff; + --topbar-text-color: #616161; +} +.layout-topbar-white .layout-topbar { + color: #616161; + background-color: #ffffff; +} +.layout-topbar-white .layout-topbar a { + color: #616161; +} +.layout-topbar-white .layout-topbar a:hover { + background-color: rgba(0, 0, 0, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-white .layout-topbar .layout-topbar-left { + background-color: #ffffff; +} +.layout-topbar-white .layout-topbar .layout-topbar-left .layout-menu-button { + color: #212121; + background-color: #ffffff; +} +.layout-topbar-white .layout-topbar .layout-topbar-left .layout-menu-button:hover { + background-color: rgba(255, 255, 255, 0.7); + transition: background-color 0.2s; +} +.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu { + background: none; +} +.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text, +.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon, +.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #616161; +} +.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel { + background-color: #262626; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a { + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover { + background-color: transparent; + transition: none; +} +.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover { + background-color: rgba(255, 255, 255, 0.04); + transition: background-color 0.2s; +} +.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:first-child, +.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:first-child, +.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:first-child { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:last-child, +.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:last-child, +.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:last-child { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon .p-button-text { + color: rgba(255, 255, 255, 0.87); +} + +.layout-topbar-dark { + --topbar-bg-color:#1e1e1e; + --topbar-text-color: #ffffff; +} +.layout-topbar-dark .layout-topbar { + color: #ffffff; + background-color: #1e1e1e; +} +.layout-topbar-dark .layout-topbar a { + color: #ffffff; +} +.layout-topbar-dark .layout-topbar a:hover { + background-color: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-dark .layout-topbar .layout-topbar-left { + background-color: #1e1e1e; +} +.layout-topbar-dark .layout-topbar .layout-topbar-left .layout-menu-button { + color: #ffffff; + background-color: #E91E63; +} +.layout-topbar-dark .layout-topbar .layout-topbar-left .layout-menu-button:hover { + background-color: rgba(233, 30, 99, 0.7); + transition: background-color 0.2s; +} +.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu { + background: none; +} +.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text, +.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon, +.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #ffffff; +} +.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel { + background-color: #262626; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a { + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover { + background-color: transparent; + transition: none; +} +.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover { + background-color: rgba(255, 255, 255, 0.04); + transition: background-color 0.2s; +} +.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:first-child, +.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:first-child, +.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:first-child { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:last-child, +.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:last-child, +.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:last-child { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon .p-button-text { + color: rgba(255, 255, 255, 0.87); +} + +.layout-topbar-deeppurple { + --topbar-bg-color:#4527A0; + --topbar-text-color: #ffffff; +} +.layout-topbar-deeppurple .layout-topbar { + color: #ffffff; + background-color: #4527A0; +} +.layout-topbar-deeppurple .layout-topbar a { + color: #ffffff; +} +.layout-topbar-deeppurple .layout-topbar a:hover { + background-color: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-deeppurple .layout-topbar .layout-topbar-left { + background-color: #311B92; +} +.layout-topbar-deeppurple .layout-topbar .layout-topbar-left .layout-menu-button { + color: #212121; + background-color: #F9A825; +} +.layout-topbar-deeppurple .layout-topbar .layout-topbar-left .layout-menu-button:hover { + background-color: rgba(249, 168, 37, 0.7); + transition: background-color 0.2s; +} +.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu { + background: none; +} +.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text, +.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon, +.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #ffffff; +} +.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel { + background-color: #262626; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a { + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover { + background-color: transparent; + transition: none; +} +.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover { + background-color: rgba(255, 255, 255, 0.04); + transition: background-color 0.2s; +} +.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:first-child, +.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:first-child, +.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:first-child { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:last-child, +.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:last-child, +.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:last-child { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon .p-button-text { + color: rgba(255, 255, 255, 0.87); +} + +.layout-topbar-purple { + --topbar-bg-color:#6A1B9A; + --topbar-text-color: #ffffff; +} +.layout-topbar-purple .layout-topbar { + color: #ffffff; + background-color: #6A1B9A; +} +.layout-topbar-purple .layout-topbar a { + color: #ffffff; +} +.layout-topbar-purple .layout-topbar a:hover { + background-color: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-purple .layout-topbar .layout-topbar-left { + background-color: #4A148C; +} +.layout-topbar-purple .layout-topbar .layout-topbar-left .layout-menu-button { + color: #212121; + background-color: #F9A825; +} +.layout-topbar-purple .layout-topbar .layout-topbar-left .layout-menu-button:hover { + background-color: rgba(249, 168, 37, 0.7); + transition: background-color 0.2s; +} +.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu { + background: none; +} +.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text, +.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon, +.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #ffffff; +} +.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel { + background-color: #262626; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a { + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover { + background-color: transparent; + transition: none; +} +.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover { + background-color: rgba(255, 255, 255, 0.04); + transition: background-color 0.2s; +} +.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:first-child, +.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:first-child, +.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:first-child { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:last-child, +.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:last-child, +.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:last-child { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon .p-button-text { + color: rgba(255, 255, 255, 0.87); +} + +.layout-topbar-pink { + --topbar-bg-color:#AD1457; + --topbar-text-color: #ffffff; +} +.layout-topbar-pink .layout-topbar { + color: #ffffff; + background-color: #AD1457; +} +.layout-topbar-pink .layout-topbar a { + color: #ffffff; +} +.layout-topbar-pink .layout-topbar a:hover { + background-color: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-pink .layout-topbar .layout-topbar-left { + background-color: #880E4F; +} +.layout-topbar-pink .layout-topbar .layout-topbar-left .layout-menu-button { + color: #212121; + background-color: #F9A825; +} +.layout-topbar-pink .layout-topbar .layout-topbar-left .layout-menu-button:hover { + background-color: rgba(249, 168, 37, 0.7); + transition: background-color 0.2s; +} +.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu { + background: none; +} +.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text, +.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon, +.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #ffffff; +} +.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel { + background-color: #262626; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a { + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover { + background-color: transparent; + transition: none; +} +.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover { + background-color: rgba(255, 255, 255, 0.04); + transition: background-color 0.2s; +} +.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:first-child, +.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:first-child, +.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:first-child { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:last-child, +.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:last-child, +.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:last-child { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon .p-button-text { + color: rgba(255, 255, 255, 0.87); +} + +.layout-topbar-cyan { + --topbar-bg-color:#0097A7; + --topbar-text-color: #ffffff; +} +.layout-topbar-cyan .layout-topbar { + color: #ffffff; + background-color: #0097A7; +} +.layout-topbar-cyan .layout-topbar a { + color: #ffffff; +} +.layout-topbar-cyan .layout-topbar a:hover { + background-color: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-cyan .layout-topbar .layout-topbar-left { + background-color: #006064; +} +.layout-topbar-cyan .layout-topbar .layout-topbar-left .layout-menu-button { + color: #ffffff; + background-color: #E64A19; +} +.layout-topbar-cyan .layout-topbar .layout-topbar-left .layout-menu-button:hover { + background-color: rgba(230, 74, 25, 0.7); + transition: background-color 0.2s; +} +.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu { + background: none; +} +.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text, +.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon, +.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #ffffff; +} +.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel { + background-color: #262626; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a { + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover { + background-color: transparent; + transition: none; +} +.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover { + background-color: rgba(255, 255, 255, 0.04); + transition: background-color 0.2s; +} +.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:first-child, +.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:first-child, +.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:first-child { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:last-child, +.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:last-child, +.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:last-child { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon .p-button-text { + color: rgba(255, 255, 255, 0.87); +} + +.layout-topbar-teal { + --topbar-bg-color:#00796B; + --topbar-text-color: #ffffff; +} +.layout-topbar-teal .layout-topbar { + color: #ffffff; + background-color: #00796B; +} +.layout-topbar-teal .layout-topbar a { + color: #ffffff; +} +.layout-topbar-teal .layout-topbar a:hover { + background-color: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-teal .layout-topbar .layout-topbar-left { + background-color: #004D40; +} +.layout-topbar-teal .layout-topbar .layout-topbar-left .layout-menu-button { + color: #ffffff; + background-color: #D32F2F; +} +.layout-topbar-teal .layout-topbar .layout-topbar-left .layout-menu-button:hover { + background-color: rgba(211, 47, 47, 0.7); + transition: background-color 0.2s; +} +.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu { + background: none; +} +.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text, +.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon, +.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #ffffff; +} +.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel { + background-color: #262626; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a { + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover { + background-color: transparent; + transition: none; +} +.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover { + background-color: rgba(255, 255, 255, 0.04); + transition: background-color 0.2s; +} +.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:first-child, +.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:first-child, +.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:first-child { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:last-child, +.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:last-child, +.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:last-child { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon .p-button-text { + color: rgba(255, 255, 255, 0.87); +} + +.layout-topbar-green { + --topbar-bg-color:#43A047; + --topbar-text-color: #ffffff; +} +.layout-topbar-green .layout-topbar { + color: #ffffff; + background-color: #43A047; +} +.layout-topbar-green .layout-topbar a { + color: #ffffff; +} +.layout-topbar-green .layout-topbar a:hover { + background-color: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-green .layout-topbar .layout-topbar-left { + background-color: #2E7D32; +} +.layout-topbar-green .layout-topbar .layout-topbar-left .layout-menu-button { + color: #ffffff; + background-color: #F4511E; +} +.layout-topbar-green .layout-topbar .layout-topbar-left .layout-menu-button:hover { + background-color: rgba(244, 81, 30, 0.7); + transition: background-color 0.2s; +} +.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu { + background: none; +} +.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text, +.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon, +.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #ffffff; +} +.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel { + background-color: #262626; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a { + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover { + background-color: transparent; + transition: none; +} +.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover { + background-color: rgba(255, 255, 255, 0.04); + transition: background-color 0.2s; +} +.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:first-child, +.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:first-child, +.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:first-child { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:last-child, +.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:last-child, +.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:last-child { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon .p-button-text { + color: rgba(255, 255, 255, 0.87); +} + +.layout-topbar-lightgreen { + --topbar-bg-color:#689F38; + --topbar-text-color: #ffffff; +} +.layout-topbar-lightgreen .layout-topbar { + color: #ffffff; + background-color: #689F38; +} +.layout-topbar-lightgreen .layout-topbar a { + color: #ffffff; +} +.layout-topbar-lightgreen .layout-topbar a:hover { + background-color: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-lightgreen .layout-topbar .layout-topbar-left { + background-color: #558B2F; +} +.layout-topbar-lightgreen .layout-topbar .layout-topbar-left .layout-menu-button { + color: #ffffff; + background-color: #F57C00; +} +.layout-topbar-lightgreen .layout-topbar .layout-topbar-left .layout-menu-button:hover { + background-color: rgba(245, 124, 0, 0.7); + transition: background-color 0.2s; +} +.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu { + background: none; +} +.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text, +.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon, +.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #ffffff; +} +.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel { + background-color: #262626; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a { + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover { + background-color: transparent; + transition: none; +} +.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover { + background-color: rgba(255, 255, 255, 0.04); + transition: background-color 0.2s; +} +.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:first-child, +.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:first-child, +.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:first-child { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:last-child, +.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:last-child, +.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:last-child { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon .p-button-text { + color: rgba(255, 255, 255, 0.87); +} + +.layout-topbar-lime { + --topbar-bg-color:#AFB42B; + --topbar-text-color: #212121; +} +.layout-topbar-lime .layout-topbar { + color: #212121; + background-color: #AFB42B; +} +.layout-topbar-lime .layout-topbar a { + color: #212121; +} +.layout-topbar-lime .layout-topbar a:hover { + background-color: rgba(0, 0, 0, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-lime .layout-topbar .layout-topbar-left { + background-color: #9E9D24; +} +.layout-topbar-lime .layout-topbar .layout-topbar-left .layout-menu-button { + color: #212121; + background-color: #F57C00; +} +.layout-topbar-lime .layout-topbar .layout-topbar-left .layout-menu-button:hover { + background-color: rgba(245, 124, 0, 0.7); + transition: background-color 0.2s; +} +.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu { + background: none; +} +.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text, +.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon, +.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #212121; +} +.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel { + background-color: #262626; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a { + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover { + background-color: transparent; + transition: none; +} +.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover { + background-color: rgba(255, 255, 255, 0.04); + transition: background-color 0.2s; +} +.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:first-child, +.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:first-child, +.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:first-child { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:last-child, +.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:last-child, +.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:last-child { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon .p-button-text { + color: rgba(255, 255, 255, 0.87); +} + +.layout-topbar-yellow { + --topbar-bg-color:#FBC02D; + --topbar-text-color: #212121; +} +.layout-topbar-yellow .layout-topbar { + color: #212121; + background-color: #FBC02D; +} +.layout-topbar-yellow .layout-topbar a { + color: #212121; +} +.layout-topbar-yellow .layout-topbar a:hover { + background-color: rgba(0, 0, 0, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-yellow .layout-topbar .layout-topbar-left { + background-color: #F9A825; +} +.layout-topbar-yellow .layout-topbar .layout-topbar-left .layout-menu-button { + color: #ffffff; + background-color: #212121; +} +.layout-topbar-yellow .layout-topbar .layout-topbar-left .layout-menu-button:hover { + background-color: rgba(33, 33, 33, 0.7); + transition: background-color 0.2s; +} +.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu { + background: none; +} +.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text, +.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon, +.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #212121; +} +.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel { + background-color: #262626; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a { + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover { + background-color: transparent; + transition: none; +} +.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover { + background-color: rgba(255, 255, 255, 0.04); + transition: background-color 0.2s; +} +.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:first-child, +.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:first-child, +.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:first-child { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:last-child, +.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:last-child, +.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:last-child { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon .p-button-text { + color: rgba(255, 255, 255, 0.87); +} + +.layout-topbar-amber { + --topbar-bg-color:#FFA000; + --topbar-text-color: #212121; +} +.layout-topbar-amber .layout-topbar { + color: #212121; + background-color: #FFA000; +} +.layout-topbar-amber .layout-topbar a { + color: #212121; +} +.layout-topbar-amber .layout-topbar a:hover { + background-color: rgba(0, 0, 0, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-amber .layout-topbar .layout-topbar-left { + background-color: #FF8F00; +} +.layout-topbar-amber .layout-topbar .layout-topbar-left .layout-menu-button { + color: #ffffff; + background-color: #212121; +} +.layout-topbar-amber .layout-topbar .layout-topbar-left .layout-menu-button:hover { + background-color: rgba(33, 33, 33, 0.7); + transition: background-color 0.2s; +} +.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu { + background: none; +} +.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text, +.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon, +.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #212121; +} +.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel { + background-color: #262626; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a { + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover { + background-color: transparent; + transition: none; +} +.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover { + background-color: rgba(255, 255, 255, 0.04); + transition: background-color 0.2s; +} +.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:first-child, +.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:first-child, +.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:first-child { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:last-child, +.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:last-child, +.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:last-child { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon .p-button-text { + color: rgba(255, 255, 255, 0.87); +} + +.layout-topbar-orange { + --topbar-bg-color:#FB8C00; + --topbar-text-color: #212121; +} +.layout-topbar-orange .layout-topbar { + color: #212121; + background-color: #FB8C00; +} +.layout-topbar-orange .layout-topbar a { + color: #212121; +} +.layout-topbar-orange .layout-topbar a:hover { + background-color: rgba(0, 0, 0, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-orange .layout-topbar .layout-topbar-left { + background-color: #EF6C00; +} +.layout-topbar-orange .layout-topbar .layout-topbar-left .layout-menu-button { + color: #ffffff; + background-color: #212121; +} +.layout-topbar-orange .layout-topbar .layout-topbar-left .layout-menu-button:hover { + background-color: rgba(33, 33, 33, 0.7); + transition: background-color 0.2s; +} +.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu { + background: none; +} +.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text, +.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon, +.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #212121; +} +.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel { + background-color: #262626; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a { + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover { + background-color: transparent; + transition: none; +} +.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover { + background-color: rgba(255, 255, 255, 0.04); + transition: background-color 0.2s; +} +.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:first-child, +.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:first-child, +.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:first-child { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:last-child, +.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:last-child, +.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:last-child { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon .p-button-text { + color: rgba(255, 255, 255, 0.87); +} + +.layout-topbar-deeporange { + --topbar-bg-color:#D84315; + --topbar-text-color: #ffffff; +} +.layout-topbar-deeporange .layout-topbar { + color: #ffffff; + background-color: #D84315; +} +.layout-topbar-deeporange .layout-topbar a { + color: #ffffff; +} +.layout-topbar-deeporange .layout-topbar a:hover { + background-color: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-deeporange .layout-topbar .layout-topbar-left { + background-color: #BF360C; +} +.layout-topbar-deeporange .layout-topbar .layout-topbar-left .layout-menu-button { + color: #212121; + background-color: #00BCD4; +} +.layout-topbar-deeporange .layout-topbar .layout-topbar-left .layout-menu-button:hover { + background-color: rgba(0, 188, 212, 0.7); + transition: background-color 0.2s; +} +.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu { + background: none; +} +.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text, +.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon, +.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #ffffff; +} +.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel { + background-color: #262626; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a { + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover { + background-color: transparent; + transition: none; +} +.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover { + background-color: rgba(255, 255, 255, 0.04); + transition: background-color 0.2s; +} +.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:first-child, +.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:first-child, +.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:first-child { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:last-child, +.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:last-child, +.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:last-child { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon .p-button-text { + color: rgba(255, 255, 255, 0.87); +} + +.layout-topbar-brown { + --topbar-bg-color:#5D4037; + --topbar-text-color: #ffffff; +} +.layout-topbar-brown .layout-topbar { + color: #ffffff; + background-color: #5D4037; +} +.layout-topbar-brown .layout-topbar a { + color: #ffffff; +} +.layout-topbar-brown .layout-topbar a:hover { + background-color: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-brown .layout-topbar .layout-topbar-left { + background-color: #4E342E; +} +.layout-topbar-brown .layout-topbar .layout-topbar-left .layout-menu-button { + color: #212121; + background-color: #F9A825; +} +.layout-topbar-brown .layout-topbar .layout-topbar-left .layout-menu-button:hover { + background-color: rgba(249, 168, 37, 0.7); + transition: background-color 0.2s; +} +.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu { + background: none; +} +.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text, +.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon, +.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #ffffff; +} +.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel { + background-color: #262626; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a { + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover { + background-color: transparent; + transition: none; +} +.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover { + background-color: rgba(255, 255, 255, 0.04); + transition: background-color 0.2s; +} +.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:first-child, +.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:first-child, +.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:first-child { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:last-child, +.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:last-child, +.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:last-child { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon .p-button-text { + color: rgba(255, 255, 255, 0.87); +} + +.layout-topbar-grey { + --topbar-bg-color:#616161; + --topbar-text-color: #ffffff; +} +.layout-topbar-grey .layout-topbar { + color: #ffffff; + background-color: #616161; +} +.layout-topbar-grey .layout-topbar a { + color: #ffffff; +} +.layout-topbar-grey .layout-topbar a:hover { + background-color: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-grey .layout-topbar .layout-topbar-left { + background-color: #424242; +} +.layout-topbar-grey .layout-topbar .layout-topbar-left .layout-menu-button { + color: #ffffff; + background-color: #0097A7; +} +.layout-topbar-grey .layout-topbar .layout-topbar-left .layout-menu-button:hover { + background-color: rgba(0, 151, 167, 0.7); + transition: background-color 0.2s; +} +.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu { + background: none; +} +.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text, +.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon, +.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #ffffff; +} +.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel { + background-color: #262626; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a { + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover { + background-color: transparent; + transition: none; +} +.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover { + background-color: rgba(255, 255, 255, 0.04); + transition: background-color 0.2s; +} +.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:first-child, +.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:first-child, +.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:first-child { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:last-child, +.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:last-child, +.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:last-child { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon .p-button-text { + color: rgba(255, 255, 255, 0.87); +} + +.layout-topbar-bluegrey { + --topbar-bg-color:#546E7A; + --topbar-text-color: #ffffff; +} +.layout-topbar-bluegrey .layout-topbar { + color: #ffffff; + background-color: #546E7A; +} +.layout-topbar-bluegrey .layout-topbar a { + color: #ffffff; +} +.layout-topbar-bluegrey .layout-topbar a:hover { + background-color: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-bluegrey .layout-topbar .layout-topbar-left { + background-color: #37474F; +} +.layout-topbar-bluegrey .layout-topbar .layout-topbar-left .layout-menu-button { + color: #ffffff; + background-color: #0097A7; +} +.layout-topbar-bluegrey .layout-topbar .layout-topbar-left .layout-menu-button:hover { + background-color: rgba(0, 151, 167, 0.7); + transition: background-color 0.2s; +} +.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu { + background: none; +} +.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text, +.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon, +.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #ffffff; +} +.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel { + background-color: #262626; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a { + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover { + background-color: transparent; + transition: none; +} +.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover { + background-color: rgba(255, 255, 255, 0.04); + transition: background-color 0.2s; +} +.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:first-child, +.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:first-child, +.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:first-child { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:last-child, +.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:last-child, +.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:last-child { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon .p-button-text { + color: rgba(255, 255, 255, 0.87); +} + +.layout-topbar-indigo { + --topbar-bg-color:#3F51B5; + --topbar-text-color: #ffffff; +} +.layout-topbar-indigo .layout-topbar { + color: #ffffff; + background-color: #3F51B5; +} +.layout-topbar-indigo .layout-topbar a { + color: #ffffff; +} +.layout-topbar-indigo .layout-topbar a:hover { + background-color: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-indigo .layout-topbar .layout-topbar-left { + background-color: #283593; +} +.layout-topbar-indigo .layout-topbar .layout-topbar-left .layout-menu-button { + color: #ffffff; + background-color: #E91E63; +} +.layout-topbar-indigo .layout-topbar .layout-topbar-left .layout-menu-button:hover { + background-color: rgba(233, 30, 99, 0.7); + transition: background-color 0.2s; +} +.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu { + background: none; +} +.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text, +.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon, +.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #ffffff; +} +.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel { + background-color: #262626; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a { + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover { + background-color: transparent; + transition: none; +} +.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover { + background-color: rgba(255, 255, 255, 0.04); + transition: background-color 0.2s; +} +.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:first-child, +.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:first-child, +.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:first-child { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:last-child, +.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:last-child, +.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:last-child { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon .p-button-text { + color: rgba(255, 255, 255, 0.87); +} + +.layout-rightmenu.p-sidebar { + top: 4rem; + height: calc(100% - 4rem); + overflow: auto; + transition: transform 0.2s; +} +.layout-rightmenu.p-sidebar .p-sidebar-header, +.layout-rightmenu.p-sidebar .p-sidebar-content { + padding: 0; +} +.layout-rightmenu .online-members img:hover { + cursor: pointer; +} +.layout-rightmenu .next-events li { + border-radius: 5px; +} +.layout-rightmenu .next-events li:hover { + background-color: rgba(255, 255, 255, 0.04); + cursor: pointer; +} + +@media (max-width: 991px) { + .layout-wrapper.layout-topbar-mobile-active .layout-rightmenu { + top: 12rem; + height: calc(100% - 12rem); + } +} +.menu-wrapper { + height: calc(100% - 4rem); + width: 17rem; + position: fixed; + left: 0; + top: 4rem; + z-index: 997; + transform: none; +} +.menu-wrapper ul { + margin: 0; + padding: 0; + border: 0; + outline: 0; + text-decoration: none; + list-style-type: none; +} +.menu-wrapper .layout-menu-container { + display: flex; + flex-direction: column; + height: 100%; +} +.menu-wrapper .layout-menu-container app-menu { + overflow-y: auto; +} +.menu-wrapper .layout-menu-container .layout-menu { + padding-bottom: 2rem; +} +.menu-wrapper .layout-menu-container .layout-menu li { + border-radius: 4px; +} +.menu-wrapper .layout-menu-container .layout-menu li.layout-root-menuitem > a { + display: none; +} +.menu-wrapper .layout-menu-container .layout-menu li.layout-root-menuitem > div { + padding-left: 1rem; + margin-bottom: 0.5rem; + margin-top: 1.5rem; +} +.menu-wrapper .layout-menu-container .layout-menu li.layout-root-menuitem > div > .layout-menuitem-text { + font-size: 0.857rem; + font-weight: 600; + text-transform: uppercase; +} +.menu-wrapper .layout-menu-container .layout-menu li > a { + display: flex; + align-items: center; + padding: 0.75rem; + border-radius: 4px; + cursor: pointer; + user-select: none; + transition: background-color 0.2s, color 0.2s; +} +.menu-wrapper .layout-menu-container .layout-menu li > a .layout-menuitem-text { + margin-left: 0.75rem; +} +.menu-wrapper .layout-menu-container .layout-menu li > a .p-badge { + margin-left: auto; + min-width: 1.143rem; + height: 1.143rem; + line-height: 1.143rem; +} +.menu-wrapper .layout-menu-container .layout-menu li > a .layout-submenu-toggler { + margin-left: auto; +} +.menu-wrapper .layout-menu-container .layout-menu li > a.rotated-icon .layout-menuitem-icon { + transform: rotate(90deg); +} +.menu-wrapper .layout-menu-container .layout-menu li > a .p-badge + .layout-submenu-toggler { + margin-left: 0.5rem; +} +.menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a .layout-submenu-toggler { + transition: all 0.2s; + transform: rotate(-180deg); +} +.menu-wrapper .layout-menu-container .layout-menu li > ul { + padding: 0 0.5rem; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul li ul { + padding: 0 0 0.25rem; + overflow: hidden; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul > li { + margin-top: 0.2rem; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul > li.layout-root-menuitem > a { + display: flex; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul > li ul li a { + padding-left: 1.75rem; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul > li ul li ul li a { + padding-left: 2.625rem; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul > li ul li ul li ul li a { + padding-left: 3.5rem; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul > li ul li ul li ul li ul li a { + padding-left: 4.375rem; +} + +@media (min-width: 992px) { + .layout-menu-static .menu-wrapper { + transform: translate3d(-17rem, 0px, 0px); + transition: transform 0.2s; + } + .layout-menu-static .layout-main { + transition: margin-left 0.2s; + } + .layout-menu-static.layout-menu-active .menu-wrapper { + transform: translate3d(0px, 0px, 0px); + } + .layout-menu-static.layout-menu-active .layout-topbar .layout-topbar-left .layout-menu-button > i { + transform: rotate(180deg); + } + .layout-menu-static.layout-menu-active .layout-main { + margin-left: 17rem; + } +} +@media (min-width: 992px) { + .layout-menu-overlay .menu-wrapper { + transform: translate3d(-17rem, 0px, 0px); + transition: transform 0.2s; + transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); + } + .layout-menu-overlay.layout-menu-active .menu-wrapper { + transform: translate3d(0px, 0px, 0px); + } + .layout-menu-overlay.layout-menu-active .layout-topbar .layout-topbar-left .layout-menu-button > i { + transform: rotate(180deg); + } + .layout-menu-overlay .layout-topbar .layout-topbar-wrapper .layout-topbar-right .menu-button { + display: flex; + } +} +@media (min-width: 992px) { + .layout-menu-horizontal .menu-wrapper { + width: 100%; + height: 3rem; + } + .layout-menu-horizontal .menu-wrapper .layout-menu-container { + flex-direction: row; + } + .layout-menu-horizontal .menu-wrapper .layout-menu-container app-menu { + overflow-y: visible; + flex-grow: 1; + } + .layout-menu-horizontal .menu-wrapper .layout-menu-container .layout-menu { + display: flex; + flex-direction: row; + align-items: center; + height: 100%; + margin: 0px 1rem; + padding-bottom: 0px; + } + .layout-menu-horizontal .menu-wrapper .layout-menu-container .layout-menu > li { + position: relative; + } + .layout-menu-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > a { + margin-right: 1rem; + display: flex; + align-items: center; + } + .layout-menu-horizontal .menu-wrapper .layout-menu-container .layout-menu > li.layout-root-menuitem > div { + display: none; + } + .layout-menu-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul { + display: none; + position: absolute; + top: 2.75rem; + left: 0px; + z-index: 100; + padding: 0.5rem; + overflow: auto; + max-height: 32rem; + min-width: 16rem; + border-radius: 5px; + } + .layout-menu-horizontal .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > ul { + display: block; + } + .layout-menu-horizontal .menu-wrapper .layout-menu-container .layout-inline-menu { + border: 0 none; + } + .layout-menu-horizontal .menu-wrapper .layout-menu-container .layout-inline-menu > .layout-inline-menu-action { + height: 3rem; + } + .layout-menu-horizontal.layout-wrapper .layout-main { + padding-top: 7rem; + } +} +@media (min-width: 992px) { + .layout-menu-slim .menu-wrapper { + width: 4.5rem; + } + .layout-menu-slim .menu-wrapper .layout-menu-container app-menu { + overflow-y: visible; + flex-grow: 1; + } + .layout-menu-slim .menu-wrapper .layout-menu-container .layout-menu { + display: flex; + flex-direction: column; + padding-top: 1rem; + } + .layout-menu-slim .menu-wrapper .layout-menu-container .layout-menu > li { + position: relative; + } + .layout-menu-slim .menu-wrapper .layout-menu-container .layout-menu > li > a { + display: flex; + justify-content: center; + } + .layout-menu-slim .menu-wrapper .layout-menu-container .layout-menu > li > a i { + font-size: 1.5rem; + } + .layout-menu-slim .menu-wrapper .layout-menu-container .layout-menu > li > a .layout-submenu-toggler, +.layout-menu-slim .menu-wrapper .layout-menu-container .layout-menu > li > a .layout-menuitem-text { + display: none; + } + .layout-menu-slim .menu-wrapper .layout-menu-container .layout-menu > li.layout-root-menuitem > div { + display: none; + } + .layout-menu-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul { + display: none; + position: absolute; + top: 0; + left: 4.5rem; + z-index: 100; + padding: 0.5rem; + overflow: auto; + max-height: 32rem; + min-width: 16.5rem; + border-radius: 2px; + } + .layout-menu-slim .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > ul { + display: block; + } + .layout-menu-slim .menu-wrapper .layout-menu-container .layout-inline-menu { + height: 100%; + } + .layout-menu-slim .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel { + padding: 0; + } + .layout-menu-slim.layout-wrapper .layout-main { + margin-left: 4.5rem; + } +} +.menu-wrapper .layout-inline-menu { + display: flex; + flex-direction: column; + justify-content: center; + border-width: 1px 0 1px 0; + border-style: solid; +} +.menu-wrapper .layout-inline-menu.layout-inline-menu-active .layout-inline-menu-icon { + transform: rotate(-180deg); +} +.menu-wrapper .layout-inline-menu .layout-inline-menu-action { + cursor: pointer; +} +.menu-wrapper .layout-inline-menu .layout-inline-menu-action-panel { + padding: 0 0.5rem; + transform-origin: top; +} +.menu-wrapper .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item { + margin-top: 0.2rem; + border-radius: 5px; + transition: all 0.2s; + cursor: pointer; + user-select: none; +} +.menu-wrapper .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item:last-child { + margin-bottom: 0.5rem; +} +.menu-wrapper .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item a { + padding: 0.75rem; +} +.menu-wrapper .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item a i { + margin-right: 0.75rem; +} + +@media (max-width: 991px) { + .layout-wrapper .menu-wrapper { + top: 4rem; + height: calc(100% - 4rem); + transform: translate3d(-17rem, 0px, 0px); + transition: transform 0.2s; + transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); + } + .layout-wrapper.layout-topbar-mobile-active .menu-wrapper { + top: 12rem; + height: calc(100% - 12rem); + } + .layout-wrapper.layout-menu-mobile-active { + overflow: hidden; + height: 100vh; + } + .layout-wrapper.layout-menu-mobile-active .menu-wrapper { + transform: translate3d(0px, 0px, 0px); + } + .layout-wrapper.layout-menu-mobile-active .layout-topbar .layout-topbar-left .layout-menu-button > i { + transform: rotate(180deg); + } + .layout-wrapper.layout-menu-mobile-active .layout-mask { + display: block; + } +} +.layout-menu-light { + --menu-bg-color:#FDFEFF; + --menu-text-color: #657380; +} +.layout-menu-light .menu-wrapper { + background-color: #FDFEFF; + box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.2), 4px 0 5px 0 rgba(0, 0, 0, 0.14), 1px 0 10px 0 rgba(0, 0, 0, 0.12); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > div .layout-menuitem-text { + color: #657380; +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul { + background-color: #FDFEFF; +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu li a { + color: #515C66; +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu li a i { + color: #515C66; +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu li a:hover { + background-color: rgba(0, 0, 0, 0.04); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a { + background-color: var(--primary-lightest-color); + color: var(--primary-menu-text-color); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a > i { + color: var(--primary-menu-text-color); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink { + background-color: var(--primary-lightest-color); + color: var(--primary-menu-text-color); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink > i { + color: var(--primary-menu-text-color); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-inline-menu { + border-color: #e4e4e4; +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-inline-menu a { + color: #515C66; +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action, +.layout-menu-light .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item { + color: #515C66; +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action i, +.layout-menu-light .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item i { + color: #515C66; +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action:hover, +.layout-menu-light .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item:hover { + background-color: rgba(0, 0, 0, 0.04); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel { + background-color: #FDFEFF; +} +@media (min-width: 992px) { + .layout-menu-light.layout-menu-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul, .layout-menu-light.layout-menu-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .layout-menu-light.layout-menu-horizontal .layout-inline-menu .layout-inline-menu-action-panel { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } +} + +.layout-menu-dark { + --menu-bg-color:#1e1e1e; + --menu-text-color: rgba(255, 255, 255, 0.6); +} +.layout-menu-dark .menu-wrapper { + background-color: #1e1e1e; + box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.2), 4px 0 5px 0 rgba(0, 0, 0, 0.14), 1px 0 10px 0 rgba(0, 0, 0, 0.12); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > div .layout-menuitem-text { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul { + background-color: #1e1e1e; +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu li a { + color: rgba(255, 255, 255, 0.87); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu li a i { + color: rgba(255, 255, 255, 0.87); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu li a:hover { + background-color: rgba(255, 255, 255, 0.04); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a { + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a > i { + color: rgba(255, 255, 255, 0.87); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink { + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink > i { + color: rgba(255, 255, 255, 0.87); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-inline-menu { + border-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-inline-menu a { + color: rgba(255, 255, 255, 0.87); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action, +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item { + color: rgba(255, 255, 255, 0.87); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action i, +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item i { + color: rgba(255, 255, 255, 0.87); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action:hover, +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item:hover { + background-color: rgba(255, 255, 255, 0.04); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel { + background-color: #1e1e1e; +} +@media (min-width: 992px) { + .layout-menu-dark.layout-menu-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul, .layout-menu-dark.layout-menu-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .layout-menu-dark.layout-menu-horizontal .layout-inline-menu .layout-inline-menu-action-panel { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } +} + +.layout-menu-indigo { + --menu-bg-color:#1A237E; + --menu-text-color: #ffffff; +} +.layout-menu-indigo .menu-wrapper { + background-color: #1A237E; + box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.2), 4px 0 5px 0 rgba(0, 0, 0, 0.14), 1px 0 10px 0 rgba(0, 0, 0, 0.12); +} +.layout-menu-indigo .menu-wrapper .layout-menu-container .layout-menu > li > div .layout-menuitem-text { + color: #ffffff; +} +.layout-menu-indigo .menu-wrapper .layout-menu-container .layout-menu > li > ul { + background-color: #1A237E; +} +.layout-menu-indigo .menu-wrapper .layout-menu-container .layout-menu li a { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-indigo .menu-wrapper .layout-menu-container .layout-menu li a i { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-indigo .menu-wrapper .layout-menu-container .layout-menu li a:hover { + background-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-indigo .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a { + background-color: rgba(255, 255, 255, 0.24); + color: #ffffff; +} +.layout-menu-indigo .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a > i { + color: #ffffff; +} +.layout-menu-indigo .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink { + background-color: rgba(255, 255, 255, 0.24); + color: #ffffff; +} +.layout-menu-indigo .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink > i { + color: #ffffff; +} +.layout-menu-indigo .menu-wrapper .layout-menu-container .layout-inline-menu { + border-color: rgba(255, 255, 255, 0.24); +} +.layout-menu-indigo .menu-wrapper .layout-menu-container .layout-inline-menu a { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-indigo .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action, +.layout-menu-indigo .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-indigo .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action i, +.layout-menu-indigo .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item i { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-indigo .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action:hover, +.layout-menu-indigo .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item:hover { + background-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-indigo .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel { + background-color: #1A237E; +} +@media (min-width: 992px) { + .layout-menu-indigo.layout-menu-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul, .layout-menu-indigo.layout-menu-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .layout-menu-indigo.layout-menu-horizontal .layout-inline-menu .layout-inline-menu-action-panel { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } +} + +.layout-menu-bluegrey { + --menu-bg-color:#37474F; + --menu-text-color: #ffffff; +} +.layout-menu-bluegrey .menu-wrapper { + background-color: #37474F; + box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.2), 4px 0 5px 0 rgba(0, 0, 0, 0.14), 1px 0 10px 0 rgba(0, 0, 0, 0.12); +} +.layout-menu-bluegrey .menu-wrapper .layout-menu-container .layout-menu > li > div .layout-menuitem-text { + color: #ffffff; +} +.layout-menu-bluegrey .menu-wrapper .layout-menu-container .layout-menu > li > ul { + background-color: #37474F; +} +.layout-menu-bluegrey .menu-wrapper .layout-menu-container .layout-menu li a { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-bluegrey .menu-wrapper .layout-menu-container .layout-menu li a i { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-bluegrey .menu-wrapper .layout-menu-container .layout-menu li a:hover { + background-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-bluegrey .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a { + background-color: rgba(255, 255, 255, 0.24); + color: #ffffff; +} +.layout-menu-bluegrey .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a > i { + color: #ffffff; +} +.layout-menu-bluegrey .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink { + background-color: rgba(255, 255, 255, 0.24); + color: #ffffff; +} +.layout-menu-bluegrey .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink > i { + color: #ffffff; +} +.layout-menu-bluegrey .menu-wrapper .layout-menu-container .layout-inline-menu { + border-color: rgba(255, 255, 255, 0.24); +} +.layout-menu-bluegrey .menu-wrapper .layout-menu-container .layout-inline-menu a { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-bluegrey .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action, +.layout-menu-bluegrey .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-bluegrey .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action i, +.layout-menu-bluegrey .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item i { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-bluegrey .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action:hover, +.layout-menu-bluegrey .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item:hover { + background-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-bluegrey .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel { + background-color: #37474F; +} +@media (min-width: 992px) { + .layout-menu-bluegrey.layout-menu-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul, .layout-menu-bluegrey.layout-menu-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .layout-menu-bluegrey.layout-menu-horizontal .layout-inline-menu .layout-inline-menu-action-panel { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } +} + +.layout-menu-brown { + --menu-bg-color:#4E342E; + --menu-text-color: #ffffff; +} +.layout-menu-brown .menu-wrapper { + background-color: #4E342E; + box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.2), 4px 0 5px 0 rgba(0, 0, 0, 0.14), 1px 0 10px 0 rgba(0, 0, 0, 0.12); +} +.layout-menu-brown .menu-wrapper .layout-menu-container .layout-menu > li > div .layout-menuitem-text { + color: #ffffff; +} +.layout-menu-brown .menu-wrapper .layout-menu-container .layout-menu > li > ul { + background-color: #4E342E; +} +.layout-menu-brown .menu-wrapper .layout-menu-container .layout-menu li a { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-brown .menu-wrapper .layout-menu-container .layout-menu li a i { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-brown .menu-wrapper .layout-menu-container .layout-menu li a:hover { + background-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-brown .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a { + background-color: rgba(255, 255, 255, 0.24); + color: #ffffff; +} +.layout-menu-brown .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a > i { + color: #ffffff; +} +.layout-menu-brown .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink { + background-color: rgba(255, 255, 255, 0.24); + color: #ffffff; +} +.layout-menu-brown .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink > i { + color: #ffffff; +} +.layout-menu-brown .menu-wrapper .layout-menu-container .layout-inline-menu { + border-color: rgba(255, 255, 255, 0.24); +} +.layout-menu-brown .menu-wrapper .layout-menu-container .layout-inline-menu a { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-brown .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action, +.layout-menu-brown .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-brown .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action i, +.layout-menu-brown .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item i { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-brown .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action:hover, +.layout-menu-brown .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item:hover { + background-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-brown .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel { + background-color: #4E342E; +} +@media (min-width: 992px) { + .layout-menu-brown.layout-menu-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul, .layout-menu-brown.layout-menu-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .layout-menu-brown.layout-menu-horizontal .layout-inline-menu .layout-inline-menu-action-panel { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } +} + +.layout-menu-cyan { + --menu-bg-color:#006064; + --menu-text-color: #ffffff; +} +.layout-menu-cyan .menu-wrapper { + background-color: #006064; + box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.2), 4px 0 5px 0 rgba(0, 0, 0, 0.14), 1px 0 10px 0 rgba(0, 0, 0, 0.12); +} +.layout-menu-cyan .menu-wrapper .layout-menu-container .layout-menu > li > div .layout-menuitem-text { + color: #ffffff; +} +.layout-menu-cyan .menu-wrapper .layout-menu-container .layout-menu > li > ul { + background-color: #006064; +} +.layout-menu-cyan .menu-wrapper .layout-menu-container .layout-menu li a { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-cyan .menu-wrapper .layout-menu-container .layout-menu li a i { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-cyan .menu-wrapper .layout-menu-container .layout-menu li a:hover { + background-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-cyan .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a { + background-color: rgba(255, 255, 255, 0.24); + color: #ffffff; +} +.layout-menu-cyan .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a > i { + color: #ffffff; +} +.layout-menu-cyan .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink { + background-color: rgba(255, 255, 255, 0.24); + color: #ffffff; +} +.layout-menu-cyan .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink > i { + color: #ffffff; +} +.layout-menu-cyan .menu-wrapper .layout-menu-container .layout-inline-menu { + border-color: rgba(255, 255, 255, 0.24); +} +.layout-menu-cyan .menu-wrapper .layout-menu-container .layout-inline-menu a { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-cyan .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action, +.layout-menu-cyan .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-cyan .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action i, +.layout-menu-cyan .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item i { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-cyan .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action:hover, +.layout-menu-cyan .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item:hover { + background-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-cyan .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel { + background-color: #006064; +} +@media (min-width: 992px) { + .layout-menu-cyan.layout-menu-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul, .layout-menu-cyan.layout-menu-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .layout-menu-cyan.layout-menu-horizontal .layout-inline-menu .layout-inline-menu-action-panel { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } +} + +.layout-menu-green { + --menu-bg-color:#2E7D32; + --menu-text-color: #ffffff; +} +.layout-menu-green .menu-wrapper { + background-color: #2E7D32; + box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.2), 4px 0 5px 0 rgba(0, 0, 0, 0.14), 1px 0 10px 0 rgba(0, 0, 0, 0.12); +} +.layout-menu-green .menu-wrapper .layout-menu-container .layout-menu > li > div .layout-menuitem-text { + color: #ffffff; +} +.layout-menu-green .menu-wrapper .layout-menu-container .layout-menu > li > ul { + background-color: #2E7D32; +} +.layout-menu-green .menu-wrapper .layout-menu-container .layout-menu li a { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-green .menu-wrapper .layout-menu-container .layout-menu li a i { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-green .menu-wrapper .layout-menu-container .layout-menu li a:hover { + background-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-green .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a { + background-color: rgba(255, 255, 255, 0.24); + color: #ffffff; +} +.layout-menu-green .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a > i { + color: #ffffff; +} +.layout-menu-green .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink { + background-color: rgba(255, 255, 255, 0.24); + color: #ffffff; +} +.layout-menu-green .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink > i { + color: #ffffff; +} +.layout-menu-green .menu-wrapper .layout-menu-container .layout-inline-menu { + border-color: rgba(255, 255, 255, 0.24); +} +.layout-menu-green .menu-wrapper .layout-menu-container .layout-inline-menu a { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-green .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action, +.layout-menu-green .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-green .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action i, +.layout-menu-green .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item i { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-green .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action:hover, +.layout-menu-green .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item:hover { + background-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-green .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel { + background-color: #2E7D32; +} +@media (min-width: 992px) { + .layout-menu-green.layout-menu-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul, .layout-menu-green.layout-menu-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .layout-menu-green.layout-menu-horizontal .layout-inline-menu .layout-inline-menu-action-panel { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } +} + +.layout-menu-deeppurple { + --menu-bg-color:#4527A0; + --menu-text-color: #ffffff; +} +.layout-menu-deeppurple .menu-wrapper { + background-color: #4527A0; + box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.2), 4px 0 5px 0 rgba(0, 0, 0, 0.14), 1px 0 10px 0 rgba(0, 0, 0, 0.12); +} +.layout-menu-deeppurple .menu-wrapper .layout-menu-container .layout-menu > li > div .layout-menuitem-text { + color: #ffffff; +} +.layout-menu-deeppurple .menu-wrapper .layout-menu-container .layout-menu > li > ul { + background-color: #4527A0; +} +.layout-menu-deeppurple .menu-wrapper .layout-menu-container .layout-menu li a { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-deeppurple .menu-wrapper .layout-menu-container .layout-menu li a i { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-deeppurple .menu-wrapper .layout-menu-container .layout-menu li a:hover { + background-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-deeppurple .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a { + background-color: rgba(255, 255, 255, 0.24); + color: #ffffff; +} +.layout-menu-deeppurple .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a > i { + color: #ffffff; +} +.layout-menu-deeppurple .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink { + background-color: rgba(255, 255, 255, 0.24); + color: #ffffff; +} +.layout-menu-deeppurple .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink > i { + color: #ffffff; +} +.layout-menu-deeppurple .menu-wrapper .layout-menu-container .layout-inline-menu { + border-color: rgba(255, 255, 255, 0.24); +} +.layout-menu-deeppurple .menu-wrapper .layout-menu-container .layout-inline-menu a { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-deeppurple .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action, +.layout-menu-deeppurple .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-deeppurple .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action i, +.layout-menu-deeppurple .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item i { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-deeppurple .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action:hover, +.layout-menu-deeppurple .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item:hover { + background-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-deeppurple .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel { + background-color: #4527A0; +} +@media (min-width: 992px) { + .layout-menu-deeppurple.layout-menu-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul, .layout-menu-deeppurple.layout-menu-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .layout-menu-deeppurple.layout-menu-horizontal .layout-inline-menu .layout-inline-menu-action-panel { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } +} + +.layout-menu-deeporange { + --menu-bg-color:#BF360C; + --menu-text-color: #ffffff; +} +.layout-menu-deeporange .menu-wrapper { + background-color: #BF360C; + box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.2), 4px 0 5px 0 rgba(0, 0, 0, 0.14), 1px 0 10px 0 rgba(0, 0, 0, 0.12); +} +.layout-menu-deeporange .menu-wrapper .layout-menu-container .layout-menu > li > div .layout-menuitem-text { + color: #ffffff; +} +.layout-menu-deeporange .menu-wrapper .layout-menu-container .layout-menu > li > ul { + background-color: #BF360C; +} +.layout-menu-deeporange .menu-wrapper .layout-menu-container .layout-menu li a { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-deeporange .menu-wrapper .layout-menu-container .layout-menu li a i { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-deeporange .menu-wrapper .layout-menu-container .layout-menu li a:hover { + background-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-deeporange .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a { + background-color: rgba(255, 255, 255, 0.24); + color: #ffffff; +} +.layout-menu-deeporange .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a > i { + color: #ffffff; +} +.layout-menu-deeporange .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink { + background-color: rgba(255, 255, 255, 0.24); + color: #ffffff; +} +.layout-menu-deeporange .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink > i { + color: #ffffff; +} +.layout-menu-deeporange .menu-wrapper .layout-menu-container .layout-inline-menu { + border-color: rgba(255, 255, 255, 0.24); +} +.layout-menu-deeporange .menu-wrapper .layout-menu-container .layout-inline-menu a { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-deeporange .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action, +.layout-menu-deeporange .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-deeporange .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action i, +.layout-menu-deeporange .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item i { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-deeporange .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action:hover, +.layout-menu-deeporange .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item:hover { + background-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-deeporange .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel { + background-color: #BF360C; +} +@media (min-width: 992px) { + .layout-menu-deeporange.layout-menu-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul, .layout-menu-deeporange.layout-menu-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .layout-menu-deeporange.layout-menu-horizontal .layout-inline-menu .layout-inline-menu-action-panel { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } +} + +.layout-menu-pink { + --menu-bg-color:#880E4F; + --menu-text-color: #ffffff; +} +.layout-menu-pink .menu-wrapper { + background-color: #880E4F; + box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.2), 4px 0 5px 0 rgba(0, 0, 0, 0.14), 1px 0 10px 0 rgba(0, 0, 0, 0.12); +} +.layout-menu-pink .menu-wrapper .layout-menu-container .layout-menu > li > div .layout-menuitem-text { + color: #ffffff; +} +.layout-menu-pink .menu-wrapper .layout-menu-container .layout-menu > li > ul { + background-color: #880E4F; +} +.layout-menu-pink .menu-wrapper .layout-menu-container .layout-menu li a { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-pink .menu-wrapper .layout-menu-container .layout-menu li a i { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-pink .menu-wrapper .layout-menu-container .layout-menu li a:hover { + background-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-pink .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a { + background-color: rgba(255, 255, 255, 0.24); + color: #ffffff; +} +.layout-menu-pink .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a > i { + color: #ffffff; +} +.layout-menu-pink .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink { + background-color: rgba(255, 255, 255, 0.24); + color: #ffffff; +} +.layout-menu-pink .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink > i { + color: #ffffff; +} +.layout-menu-pink .menu-wrapper .layout-menu-container .layout-inline-menu { + border-color: rgba(255, 255, 255, 0.24); +} +.layout-menu-pink .menu-wrapper .layout-menu-container .layout-inline-menu a { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-pink .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action, +.layout-menu-pink .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-pink .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action i, +.layout-menu-pink .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item i { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-pink .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action:hover, +.layout-menu-pink .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item:hover { + background-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-pink .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel { + background-color: #880E4F; +} +@media (min-width: 992px) { + .layout-menu-pink.layout-menu-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul, .layout-menu-pink.layout-menu-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .layout-menu-pink.layout-menu-horizontal .layout-inline-menu .layout-inline-menu-action-panel { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } +} + +.layout-menu-purple { + --menu-bg-color:#6A1B9A; + --menu-text-color: #ffffff; +} +.layout-menu-purple .menu-wrapper { + background-color: #6A1B9A; + box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.2), 4px 0 5px 0 rgba(0, 0, 0, 0.14), 1px 0 10px 0 rgba(0, 0, 0, 0.12); +} +.layout-menu-purple .menu-wrapper .layout-menu-container .layout-menu > li > div .layout-menuitem-text { + color: #ffffff; +} +.layout-menu-purple .menu-wrapper .layout-menu-container .layout-menu > li > ul { + background-color: #6A1B9A; +} +.layout-menu-purple .menu-wrapper .layout-menu-container .layout-menu li a { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-purple .menu-wrapper .layout-menu-container .layout-menu li a i { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-purple .menu-wrapper .layout-menu-container .layout-menu li a:hover { + background-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-purple .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a { + background-color: rgba(255, 255, 255, 0.24); + color: #ffffff; +} +.layout-menu-purple .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a > i { + color: #ffffff; +} +.layout-menu-purple .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink { + background-color: rgba(255, 255, 255, 0.24); + color: #ffffff; +} +.layout-menu-purple .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink > i { + color: #ffffff; +} +.layout-menu-purple .menu-wrapper .layout-menu-container .layout-inline-menu { + border-color: rgba(255, 255, 255, 0.24); +} +.layout-menu-purple .menu-wrapper .layout-menu-container .layout-inline-menu a { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-purple .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action, +.layout-menu-purple .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-purple .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action i, +.layout-menu-purple .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item i { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-purple .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action:hover, +.layout-menu-purple .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item:hover { + background-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-purple .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel { + background-color: #6A1B9A; +} +@media (min-width: 992px) { + .layout-menu-purple.layout-menu-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul, .layout-menu-purple.layout-menu-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .layout-menu-purple.layout-menu-horizontal .layout-inline-menu .layout-inline-menu-action-panel { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } +} + +.layout-menu-teal { + --menu-bg-color:#00695C; + --menu-text-color: #ffffff; +} +.layout-menu-teal .menu-wrapper { + background-color: #00695C; + box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.2), 4px 0 5px 0 rgba(0, 0, 0, 0.14), 1px 0 10px 0 rgba(0, 0, 0, 0.12); +} +.layout-menu-teal .menu-wrapper .layout-menu-container .layout-menu > li > div .layout-menuitem-text { + color: #ffffff; +} +.layout-menu-teal .menu-wrapper .layout-menu-container .layout-menu > li > ul { + background-color: #00695C; +} +.layout-menu-teal .menu-wrapper .layout-menu-container .layout-menu li a { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-teal .menu-wrapper .layout-menu-container .layout-menu li a i { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-teal .menu-wrapper .layout-menu-container .layout-menu li a:hover { + background-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-teal .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a { + background-color: rgba(255, 255, 255, 0.24); + color: #ffffff; +} +.layout-menu-teal .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a > i { + color: #ffffff; +} +.layout-menu-teal .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink { + background-color: rgba(255, 255, 255, 0.24); + color: #ffffff; +} +.layout-menu-teal .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink > i { + color: #ffffff; +} +.layout-menu-teal .menu-wrapper .layout-menu-container .layout-inline-menu { + border-color: rgba(255, 255, 255, 0.24); +} +.layout-menu-teal .menu-wrapper .layout-menu-container .layout-inline-menu a { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-teal .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action, +.layout-menu-teal .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-teal .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action i, +.layout-menu-teal .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item i { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-teal .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action:hover, +.layout-menu-teal .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item:hover { + background-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-teal .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel { + background-color: #00695C; +} +@media (min-width: 992px) { + .layout-menu-teal.layout-menu-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul, .layout-menu-teal.layout-menu-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .layout-menu-teal.layout-menu-horizontal .layout-inline-menu .layout-inline-menu-action-panel { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } +} + +.layout-megamenu.p-megamenu { + border: 0 none; + padding: 0; +} + +.p-datatable-products .p-datatable-tbody > tr > td .p-column-title { + display: none; +} + +@media (max-width: 991px) { + .p-datatable.p-datatable-products .p-datatable-thead > tr > th, +.p-datatable.p-datatable-products .p-datatable-tfoot > tr > td { + display: none !important; + } + .p-datatable.p-datatable-products .p-datatable-tbody > tr { + border-bottom: 1px solid var(--surface-d); + } + .p-datatable.p-datatable-products .p-datatable-tbody > tr > td { + text-align: left; + display: flex; + border: 0 none !important; + width: 100% !important; + border: 0 none; + align-items: center; + } + .p-datatable.p-datatable-products .p-datatable-tbody > tr > td .p-column-title { + min-width: 30%; + display: block; + font-weight: bold; + } + + .layout-rtl .p-datatable.p-datatable-products .p-datatable-tbody > tr > td { + text-align: right; + float: right; + clear: right; + } + .layout-rtl .p-datatable.p-datatable-products .p-datatable-tbody > tr > td .p-column-title { + margin: -0.4rem -0.4rem -0.4rem 1rem; + } +} +.pages-body { + height: 100vh; +} +.pages-body .topbar { + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); + background-color: #1565C0; + z-index: 100; +} +.pages-body .topbar .topbar-left img { + height: 2rem; +} +.pages-body .topbar .p-button.p-button-text.p-button-plain { + color: #ffffff; +} +.pages-body .pages-panel { + text-align: center; + z-index: 200; +} +.pages-body .pages-panel.card { + border: 1.5px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; +} +.pages-body .pages-panel.card img { + width: 100%; +} +.pages-body .pages-panel.card > .card { + background-color: #262626; +} +.pages-body .pages-panel .pages-header { + margin-top: -3rem; + color: var(--primary-color-text); + border: 1.5px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + margin-left: auto; + margin-right: auto; +} +.pages-body .pages-panel .pages-header h2 { + margin: 0; +} +.pages-body .pages-panel .pages-detail { + color: rgba(255, 255, 255, 0.6); +} +.pages-body.login-page { + background: url("../images/pages/login-bg.jpg"); + background-size: cover; +} +.pages-body.login-page .pages-panel .pages-header { + background: #0097A7; +} +.pages-body.login-page .pages-panel .input-panel { + width: 100%; +} +.pages-body.login-page .pages-panel .input-panel .p-inputtext { + width: 100%; +} +.pages-body.login-page .pages-panel .login-button > * { + width: 100%; +} +.pages-body.contact-page .map iframe { + border: 0; + position: absolute; + float: left; + clear: both; + width: 100%; + height: 45vh; + z-index: 0; + opacity: 0.5; +} +.pages-body.contact-page .map span { + position: absolute; + float: left; + clear: both; + width: 100%; + height: 45vh; + z-index: -1; + background: linear-gradient(180deg, #040B0F 0%, rgba(7, 14, 18, 0) 100%); +} +.pages-body.contact-page i { + color: white; +} +.pages-body.contact-page .pages-panel { + text-align: left; + width: 75%; + max-width: 1050px; + margin: auto; + position: absolute; + top: 33%; + left: 0; + right: 0; +} +.pages-body.contact-page .pages-panel .title { + font-weight: 500; + margin-bottom: 0; +} +.pages-body.contact-page .pages-panel .card .contact-input { + width: 100%; +} +.pages-body.contact-page .pages-panel .card .right-panel i { + font-size: 2rem; + padding: 0.5rem; + border-radius: 4px; +} +.pages-body.contact-page .pages-panel .card .right-panel i.pi-home { + color: #1565C0; + background: #BBDEFB; + background-size: auto; +} +.pages-body.contact-page .pages-panel .card .right-panel i.pi-briefcase { + color: #00838f; + background: #B2DFDB; + background-size: auto; +} +.pages-body.error-page { + background: url("../images/pages/error-bg.jpg"); + background-size: cover; +} +.pages-body.error-page .pages-panel .pages-header { + background: #D81B60; +} +.pages-body.notfound-page { + background: url("../images/pages/404-bg.jpg"); + background-size: cover; +} +.pages-body.notfound-page .pages-panel .pages-header { + background: #455A64; +} +.pages-body.accessdenied-page { + background: url("../images/pages/accessDenied-bg.jpg"); + background-size: cover; +} +.pages-body.accessdenied-page .pages-panel .pages-header { + background: #FB8C00; +} + +@media screen and (max-width: 768px) { + .pages-body.contact-page .pages-panel { + padding-bottom: 10em; + } + .pages-body.contact-page .pages-panel .p-button { + width: 100%; + } + .pages-body.contact-page .pages-panel .card .right-panel { + text-align: center; + } +} +.landing-container .landing-color-button { + position: fixed; + bottom: 3rem; + right: 3rem; + z-index: 9999; +} +.landing-container h1, .landing-container h2, .landing-container h3, .landing-container h4, .landing-container h5, .landing-container h6 { + font-weight: 400; +} +.landing-container ul { + margin: 0; + padding: 0; + border: 0; + outline: 0; + text-decoration: none; + list-style-type: none; +} +.landing-container .section { + padding: 2rem 15rem; +} +.landing-container #header { + width: 100%; + min-height: 400px; + background: url("../images/landing/landing-header.png") top left no-repeat #f7f7f7; + background-size: cover; +} +.landing-container #header .header-menu-container a { + color: #ffffff; + cursor: pointer; +} +.landing-container #header .header-menu-container #menu { + display: flex; + align-items: center; + flex-direction: row; +} +.landing-container #header .header-text { + flex-grow: 1; +} +.landing-container #features .feature-button { + width: 100px; + height: 100px; +} +.landing-container #promotion { + background: url("../images/landing/promotion.png") top left no-repeat; + background-size: 100% auto; +} +.landing-container #pricing .pricing-content { + width: 100%; +} +.landing-container #pricing .pricing-content .card { + height: 100%; +} +.landing-container #pricing .pricing-content .options { + padding: 2rem 4rem; +} +.landing-container #pricing .pricing-content .options li { + display: flex; + align-items: center; +} +.landing-container #pricing .pricing-content .options i, .landing-container #pricing .pricing-content .options span { + padding: 1rem; +} +.landing-container #pricing .pricing-content .options span { + font-size: 1.2rem; +} +.landing-container #footer { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} +.landing-container #footer a { + color: rgba(255, 255, 255, 0.87); +} +.landing-container #footer li { + padding: 0.25rem; +} + +@media screen and (min-width: 990px) { + .landing-container #header .header-menu-container { + box-shadow: none; + } + .landing-container #header .header-menu-container #menu { + box-shadow: none; + } +} +@media screen and (max-width: 991px) { + .landing-container .section { + padding: 2rem; + } + .landing-container #header .header-menu-container { + z-index: 100; + position: fixed; + top: 0; + left: 0; + width: 100%; + background: #212121; + padding: 2rem 5rem; + } + .landing-container #header .header-menu-container #menu { + display: none; + z-index: 100; + position: fixed; + top: 6rem; + right: 5rem; + width: 250px; + background-color: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + animation-duration: 0.2s; + } + .landing-container #header .header-menu-container #menu a { + color: rgba(255, 255, 255, 0.87); + } + .landing-container #header .header-menu-container #menu > li { + width: 100%; + } + .landing-container #header .header-menu-container #menu > li:hover { + background-color: rgba(255, 255, 255, 0.04); + transition: background-color 0.2s; + } + .landing-container #header .header-menu-container #menu.menu-active { + display: flex; + flex-direction: column; + align-items: flex-start; + justify-content: stretch; + } +} +.overview-box .overview-status { + font-weight: 500; + border-radius: 2px; + color: #121212; +} + +.widget-list { + margin: 0; + padding: 0; + border: 0; + outline: 0; + text-decoration: none; + list-style-type: none; +} +.widget-list > li { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} +.widget-list > li:last-child { + border-bottom: 0 none; +} +.widget-list > li .person-item img { + width: 2.5rem; + height: 2.5rem; +} +.widget-list > li .widget-list-item-radius, +.widget-list > li .person-tag { + border-radius: 2px; + color: #121212; + font-weight: 500; +} +.widget-list > li .p-progressbar { + height: 6px; + border-radius: 10px; + background: #262626; +} +.widget-list > li .p-progressbar-value { + background: #FFB74D; +} + +.widget-expenses .card-subheader { + font-size: 0.9rem; + color: rgba(255, 255, 255, 0.6); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} +.widget-expenses .item { + padding: 0.5rem; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} +.widget-expenses .item:last-child { + border: 0 none; +} +.widget-expenses .item .type { + color: #0097A7; + font-size: 1.5rem; +} +.widget-expenses .item .value { + font-weight: 500; +} +.widget-expenses .item .subtext { + color: rgba(255, 255, 255, 0.6); +} +.widget-expenses .item .item-button a { + color: rgba(255, 255, 255, 0.6); +} + +.widget-traffic .left { + padding: 1rem; +} +.widget-traffic .left .total .title { + color: rgba(255, 255, 255, 0.6); +} +.widget-traffic .left .total .value { + font-size: 2rem; + font-weight: 500; +} +.widget-traffic .left .info .title { + color: rgba(255, 255, 255, 0.6); +} +.widget-traffic .left .info .value { + font-weight: 500; +} +.widget-traffic .left .info .percent { + font-size: 0.9rem; + font-weight: 500; + line-height: 1.5; +} +.widget-traffic .left .info .percent i.type-green { + color: #0097A7; +} +.widget-traffic .left .info .percent i.type-orange { + color: #EF6C00; +} +.widget-traffic .left .info .percent i.type-gray { + color: #455A64; +} + +.widget-insights .card-subheader { + font-size: 0.9rem; + color: rgba(255, 255, 255, 0.6); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.widget-social .info { + text-align: right; +} +.widget-social .info .value { + font-size: 2rem; +} +.widget-social .info .subtext { + color: rgba(255, 255, 255, 0.6); +} +.widget-social .left, .widget-social .right { + width: 50%; + text-align: center; + padding: 1rem; +} +.widget-social .left .title, .widget-social .right .title { + font-weight: 500; +} +.widget-social .left .value, .widget-social .right .value { + color: rgba(255, 255, 255, 0.6); +} +.widget-social .left { + border-right: 1px solid rgba(255, 255, 255, 0.12); +} +.widget-social .p-progressbar { + height: 6px; + border-radius: 10px; + background: #262626; +} +.widget-social .p-progressbar-value { + background: #FFB300; +} +.widget-social .stats { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.widget-overlay { + position: relative; +} +.widget-overlay .overlay-header { + position: relative; + height: 20rem; + top: -3rem; + background-color: #1e1e1e; + border-radius: 4px; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); +} +.widget-overlay .description { + line-height: 1.5; +} + +.widget-topsearchs .item { + padding: 1rem; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} +.widget-topsearchs .item .value { + font-weight: 500; +} +.widget-topsearchs .item .value.type-green { + color: #4DD0E1; +} +.widget-topsearchs .item .value.type-yellow { + color: #EF6C00; +} +.widget-topsearchs .item .value.type-pink { + color: #F06292; +} +.widget-topsearchs .item:nth-child(even) { + background-color: #262626; +} +.widget-topsearchs .item:last-child { + border-bottom: 0 none; +} + +.widget-timeline .p-timeline.p-timeline-vertical .p-timeline-event-opposite { + flex: 0; + padding: 0; +} +.widget-timeline .p-timeline-event-separator .marker-icon { + color: white; +} +.widget-timeline .p-timeline-event-separator .custom-marker { + border-radius: 4px; +} + +.widget-activity { + margin: 0; + padding: 0; + border: 0; + outline: 0; + text-decoration: none; + list-style-type: none; +} +.widget-activity > li { + padding: 1rem 0; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} +.widget-activity > li:last-child { + border-bottom: 0 none; +} +.widget-activity > li:nth-child(1) .p-progressbar-value { + background: #FFD54F; +} +.widget-activity > li:nth-child(2) .p-progressbar-value { + background: #F06292; +} +.widget-activity > li:nth-child(3) .p-progressbar-value { + background: #4DD0E1; +} +.widget-activity > li:nth-child(4) .p-progressbar-value { + background: #4DD0E1; +} +.widget-activity > li:nth-child(5) .p-progressbar-value { + background: #4DD0E1; +} +.widget-activity > li:nth-child(6) .p-progressbar-value { + background: #F06292; +} +.widget-activity > li .activity-item .activity-title { + font-weight: 500; +} +.widget-activity > li .activity-item .activity-subtext { + font-size: 0.85rem; + color: rgba(255, 255, 255, 0.6); +} +.widget-activity > li .activity-item .p-progressbar { + height: 6px; + border-radius: 10px; + background: #262626; +} + +.widget-bestsellers { + margin: 0; + padding: 0; + border: 0; + outline: 0; + text-decoration: none; + list-style-type: none; +} +.widget-bestsellers > li { + padding: 1rem 0; +} +.widget-bestsellers > li:last-child { + border-bottom: 0 none; +} +.widget-bestsellers > li .bestseller-item { + background-color: #262626; + border-radius: 4px; + height: 3.5rem; + transition: box-shadow 0.2s; +} +.widget-bestsellers > li .bestseller-item img { + width: 32px; + height: 32px; + border-radius: 50%; +} +.widget-bestsellers > li .bestseller-item a { + color: rgba(255, 255, 255, 0.6); +} +.widget-bestsellers > li .bestseller-item .item-button { + margin-left: auto; +} +.widget-bestsellers > li .bestseller-item:hover { + cursor: pointer; + background-color: rgba(255, 255, 255, 0.04); + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); +} + +.widget-map .map-container { + background-image: url("../../layout/images/widgets/map.jpg"); + width: 100%; + min-height: 20rem; + background-size: cover; +} + +.widget-chat ul { + margin: 0; + padding: 0; + border: 0; + outline: 0; + text-decoration: none; + list-style-type: none; + padding: 1rem 1rem 0; + height: 420px; + overflow-y: auto; +} +.widget-chat ul li img { + width: 32px; +} +.widget-chat ul li .message { + color: #121212; +} +.widget-chat ul li.from .message { + padding: 1rem; + border-radius: 30px; +} +.widget-chat ul li.own { + text-align: right; +} +.widget-chat ul li.own .message { + padding: 1rem; + border-radius: 30px; +} +.widget-chat .write-message { + border-radius: 30px; +} +.widget-chat .write-message .p-inputgroup-addon { + padding: 0; + overflow: hidden; +} +.widget-chat .write-message .p-inputgroup-addon:first-child { + border-top-left-radius: 30px; + border-bottom-left-radius: 30px; +} +.widget-chat .write-message .p-inputgroup-addon:last-child { + border-top-right-radius: 30px; + border-bottom-right-radius: 30px; +} +.widget-chat .write-message .p-inputgroup-addon > .p-button { + height: calc(2.5rem + 2px); + border-radius: 0; +} +.widget-chat .write-message .emoji { + width: 90%; +} +.widget-chat .write-message .emoji .emoji-button { + border-radius: 50%; + width: 2.5rem; + height: 2.5rem; + min-width: 0; +} +.widget-chat .write-message .emoji .emoji-button .p-button-label { + color: yellow !important; + font-size: 1.5rem; +} +@media (min-width: 990px) { + .widget-chat .write-message .emoji { + width: 40%; + margin-left: -38%; + } +} + +.widget-pricing { + width: 100%; +} +.widget-pricing .card { + height: 100%; +} +.widget-pricing .options { + padding: 1rem 2rem; +} +.widget-pricing .options li { + display: flex; + align-items: center; +} +.widget-pricing .options i, .widget-pricing .options span { + padding: 1rem; +} +.widget-pricing .options span { + font-size: 1.2rem; +} + +html { + height: 100%; + font-size: 14px; +} + +body { + font-family: Roboto, "Helvetica Neue", sans-serif; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + padding: 0; + margin: 0; + background-color: #121212; + min-height: 100%; +} +body a { + text-decoration: none; + color: rgba(255, 255, 255, 0.6); +} + +.layout-mask { + display: none; + position: fixed; + top: 0; + left: 0; + z-index: 996; + width: 100%; + height: 100%; + animation-duration: 0.2s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} + +.layout-wrapper .layout-main { + padding-top: 4rem; + display: flex; + flex-direction: column; + justify-content: space-between; + min-height: 100vh; +} +.layout-wrapper .layout-main .layout-content { + padding: 2rem; + padding-top: 1rem; + flex: 1 1 0; +} + +.layout-ajax-loader-icon { + position: fixed; + right: 2rem; + bottom: 2rem; + font-size: 2rem; + color: rgba(255, 255, 255, 0.6); + z-index: 999; +} + +.layout-footer { + background-color: #1e1e1e; +} + +.layout-config { + transition: transform 0.2s; +} +.layout-config .p-sidebar-content, +.layout-config .layout-config-panel { + height: 100%; +} +.layout-config .p-sidebar-header, +.layout-config .p-sidebar-content { + padding: 0; +} +.layout-config .layout-config-options { + height: 100%; + overflow-y: auto; +} +.layout-config .layout-config-options .layout-config-color-option { + width: 1.75rem; + height: 1.75rem; + display: block; + position: relative; +} +.layout-config .layout-config-options .layout-config-color-option.p-disabled { + opacity: 0.1; +} +.layout-config .layout-config-options .layout-config-color-option .color { + display: inline-block; + width: 100%; + height: 100%; + border-radius: 4px; + border: 1px solid rgba(255, 255, 255, 0.12); +} +.layout-config .layout-config-options .layout-config-color-option .check { + position: absolute; + left: 0; + top: 0; + z-index: 1; + pointer-events: none; + width: 100%; + height: 100%; +} +.layout-config p { + color: var(--text-color-secondary); +} +.layout-config .scale-icon { + color: var(--surface-d); +} +.layout-config .scale-icon.scale-active { + color: var(--primary-color); +} + +.layout-config-button.p-button { + position: fixed; + top: 35%; + right: 0; + width: auto; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.layout-config-button.p-button .p-button-icon { + font-size: 2rem; +} + +.layout-help-page .layout-help-page-header { + position: relative; +} +.layout-help-page .layout-help-page-header .layout-help-page-header-text { + position: absolute; + left: 2rem; + top: 50%; + margin-top: -1.75rem; + color: #ffffff; +} +.layout-help-page .layout-help-page-header .layout-help-page-search { + position: absolute; + left: 2rem; + bottom: -1rem; + border-radius: 4px; + width: calc(100% - 4rem); +} +.layout-help-page .layout-help-page-header .layout-help-page-search .p-inputtext { + border: 0 none; +} + +@media print { + body * { + visibility: hidden; + } + + .layout-invoice-content { + position: absolute; + left: 0; + top: 0; + } + .layout-invoice-content * { + visibility: visible; + box-shadow: none; + color: #212121 !important; + border-color: #e4e4e4 !important; + background-color: transparent; + } +} +.layout-breadcrumb-container { + background-color: #1e1e1e; +} +.layout-breadcrumb-container .layout-breadcrumb { + background: transparent; + border: 0 none; + border-radius: 0; +} +.layout-breadcrumb-container .layout-breadcrumb-buttons .p-button { + width: 2.5rem; + height: 2.5rem; +} + +.wizard-body { + height: 100vh; + background: url("../../layout/images/extensions/background@2x.jpg") center; + background-size: cover; + background-repeat: no-repeat; + background-attachment: fixed; +} +.wizard-body .wizard-wrapper { + display: flex; + flex-direction: column; + height: 100%; +} +.wizard-body .wizard-wrapper .wizard-topbar { + background-color: #3949ab; + z-index: 1000; + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); + height: 75px; + padding: 0 10%; + display: flex; + justify-content: space-between; + align-items: center; + flex-basis: 75px; + flex-grow: 0; + flex-shrink: 0; +} +.wizard-body .wizard-wrapper .wizard-topbar .logo { + display: inline-block; + vertical-align: middle; + width: 200px; + height: 30px; + background: url("../../layout/images/logo.png") top left no-repeat; +} +.wizard-body .wizard-wrapper .wizard-topbar .profile { + display: flex; + justify-content: center; + align-items: center; + flex-direction: row; +} +.wizard-body .wizard-wrapper .wizard-topbar .profile .profile-text { + margin-right: 15px; + text-align: right; +} +.wizard-body .wizard-wrapper .wizard-topbar .profile .profile-text h1 { + font-size: 16px; + color: #ffffff; + margin: 0; +} +.wizard-body .wizard-wrapper .wizard-topbar .profile .profile-text p { + font-size: 16px; + opacity: 0.6; + margin: 0; + color: rgba(255, 255, 255, 0.7); +} +.wizard-body .wizard-wrapper .wizard-topbar .profile .profile-image { + display: inline-block; + vertical-align: middle; + width: 40px; +} +.wizard-body .wizard-wrapper .wizard-content { + height: calc(100% - 75px); + min-height: 600px; + display: flex; + align-items: center; + justify-content: center; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card { + background-color: #fafafa; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.14); + height: 550px; + width: 54.33%; + display: flex; + flex-direction: column; + flex-grow: 0; + flex-shrink: 0; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-header { + width: 100%; + background-color: #3f51b5; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); + position: relative; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-header .tab { + background-color: #3f51b5; + text-align: center; + cursor: pointer; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-header .tab i { + width: 20px; + opacity: 0.38; + color: #ffffff; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-header .tab .title { + color: #ffffff; + opacity: 0.38; + font-size: 16px; + line-height: 1.5em; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-header .tab .icon { + line-height: 1.5em; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-header .tab.selected-tab { + transition-duration: 0.6s; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-header .tab.selected-tab i { + opacity: 1; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-header .tab.selected-tab .title { + opacity: 1; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-header .tab-bar { + position: absolute; + bottom: 0; + left: 0; + height: 2px; + width: 33.3333%; + transition: 0.5s cubic-bezier(0.35, 0, 0.25, 1); + background-color: #ffffff; + visibility: visible; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-header .tab-bar.tab-bar-register { + width: 33.3333%; + left: 0; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-header .tab-bar.tab-bar-tier { + width: 33.3333%; + left: 33.3333%; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-header .tab-bar.tab-bar-payment { + width: 33.3333%; + left: 66.6667%; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content { + padding: 30px; + display: none; + overflow: auto; + height: 100%; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content > .grid { + height: 100%; + width: 100%; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content h1 { + font-size: 12px; + color: rgba(0, 0, 0, 0.6); + letter-spacing: 2px; + margin: 0; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.active-content { + display: flex; + flex-grow: 1; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.register .forms .p-inputgroup { + margin-top: 25px; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.register .forms .p-inputgroup input { + width: 100%; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.register .forms .p-dropdown { + margin-top: 25px; + width: 100%; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.register .forms .p-dropdown .p-dropdown-trigger { + right: 10px; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.register .forms .calendar { + margin-top: 14px; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.register .forms .calendar .p-calendar { + width: 100%; + position: relative; + padding: 1px; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.register .forms .calendar .p-calendar input { + width: 100%; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.register .continue-button.p-button { + width: 100%; + margin-top: 25px; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.tier .card { + min-height: 400px; + padding: 0; + position: relative; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.tier .card .card-header { + color: #ffffff; + font-size: 18px; + padding: 15px 10px; + background-color: #3f51b5; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.tier .card .card-header h1 { + color: #ffffff; + font-size: 24px; + display: inline; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.tier .card .card-content { + font-size: 14px; + padding: 10px; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.tier .card .card-content i { + color: #3f51b5; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.tier .card .card-content .card-row { + height: 40px; + width: 100%; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.tier .card .card-content .tier-button-wrapper { + position: absolute; + bottom: 15px; + right: 10px; + left: 0px; + width: auto; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.tier .card .card-content .tier-button-wrapper .tier-button.p-button { + width: 100%; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.tier .card.pro .card-header { + background-color: #e91e63; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.tier .card.pro .card-content i { + color: #e91e63; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.tier .card.pro .card-content .tier-button.p-button { + background-color: #e91e63; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.tier .card.pro-plus .card-header { + background-color: #607d8b; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.tier .card.pro-plus .card-content i { + color: #607d8b; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.tier .card.pro-plus .card-content .tier-button.p-button { + background-color: #607d8b; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.payment { + padding: 0; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.payment .payment-info { + padding: 70px 35px; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.payment .payment-info .p-float-label input { + width: 100%; + padding-bottom: 15px; + background-color: transparent; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.payment .payment-info .p-checkbox-label { + margin-left: 0.5em; + font-size: 14px; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.payment .payment-info #customPanel { + width: 100%; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.payment .payment-info .check-info { + margin-top: 10px; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.payment .order-info { + padding: 15px; + background-color: #e0e0e0; + border-left: solid 1px #bdbdbd; + font-size: 14px; + color: #757575; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.payment .order-info .order-basic, .wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.payment .order-info .order-pro, .wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.payment .order-info .order-pro-plus, .wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.payment .order-info .order-default { + display: none; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.payment .order-info .selected-order { + display: block; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.payment .order-info h1 { + margin-top: 15px; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.payment .order-info .price { + font-weight: 700; + text-align: right; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.payment .order-info .total { + border-top: 1px solid #bdbdbd; + padding: 15px 0px; + margin-top: 30px; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.payment .order-info .buy-button.p-button { + width: 100%; + margin: 68px 0; +} + +@media (max-width: 1024px) { + .wizard-body .wizard-wrapper .wizard-content .wizard-card { + width: 90%; + } +} +@media (max-width: 640px) { + .wizard-body .wizard-wrapper .wizard-topbar { + height: 150px; + padding: 0 5%; + flex-direction: column; + justify-content: space-around; + flex-basis: 150px; + } + .wizard-body .wizard-wrapper .wizard-topbar .logo { + align-self: flex-start; + } + .wizard-body .wizard-wrapper .wizard-topbar .profile { + align-self: flex-end; + } + .wizard-body .wizard-wrapper .wizard-content { + height: calc(100% - 150px); + } +} +/* Add your customizations of layout here */ diff --git a/src/assets/layout/css/layout-dark.scss b/src/assets/layout/css/layout-dark.scss new file mode 100644 index 00000000..c4be0cbd --- /dev/null +++ b/src/assets/layout/css/layout-dark.scss @@ -0,0 +1 @@ +@import '../../sass/layout/core/_layout_dark'; diff --git a/src/assets/layout/css/layout-light.css b/src/assets/layout/css/layout-light.css new file mode 100644 index 00000000..79f03322 --- /dev/null +++ b/src/assets/layout/css/layout-light.css @@ -0,0 +1,4739 @@ +:root { + --divider-color:#E4E4E4; +} + +/* Add your variable customizations of layout here */ +h1, h2, h3, h4, h5, h6 { + margin: 1.5rem 0 1rem 0; + font-family: inherit; + font-weight: 600; + line-height: 1.2; + color: inherit; +} +h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { + margin-top: 0; +} + +h1 { + font-size: 2.5rem; +} + +h2 { + font-size: 2rem; +} + +h3 { + font-size: 1.75rem; +} + +h4 { + font-size: 1.5rem; +} + +h5 { + font-size: 1.25rem; +} + +h6 { + font-size: 1rem; +} + +mark { + background: #FFF8E1; + padding: 0.25rem 0.4rem; + border-radius: 5px; + font-family: monospace; +} + +blockquote { + margin: 1rem 0; + padding: 0 2rem; + border-left: 4px solid #90A4AE; +} + +hr { + border-top: solid #E4E4E4; + border-width: 1px 0 0 0; + margin: 1rem 0; +} + +p { + margin: 0 0 1rem 0; + line-height: 1.5; +} +p:last-child { + margin-bottom: 0; +} + +.splash-screen { + width: 100%; + min-height: 100%; + background-color: var(--primary-color); + position: absolute; +} + +.splash-loader-container { + text-align: center; + position: absolute; + top: 50%; + left: 50%; + margin-left: -32px; + margin-top: -32px; +} + +.splash-loader { + animation: rotator 1.4s linear infinite; +} + +@keyframes rotator { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(270deg); + } +} +.splash-path { + stroke-dasharray: 187; + stroke-dashoffset: 0; + transform-origin: center; + animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite; +} + +@keyframes colors { + 0% { + stroke: #4285F4; + } + 25% { + stroke: #DE3E35; + } + 50% { + stroke: #F7C223; + } + 75% { + stroke: #1B9A59; + } + 100% { + stroke: #4285F4; + } +} +@keyframes dash { + 0% { + stroke-dashoffset: 187; + } + 50% { + stroke-dashoffset: 46.75; + transform: rotate(135deg); + } + 100% { + stroke-dashoffset: 187; + transform: rotate(450deg); + } +} +/* roboto-regular - latin-ext_latin */ +@font-face { + font-family: "Roboto"; + font-style: normal; + font-weight: 400; + src: local("Roboto"), local("Roboto-Regular"), url("../../layout/fonts/roboto-v20-latin-ext_latin-regular.woff2") format("woff2"), url("../../layout/fonts/roboto-v20-latin-ext_latin-regular.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +/* roboto-500 - latin-ext_latin */ +@font-face { + font-family: "Roboto"; + font-style: normal; + font-weight: 500; + src: local("Roboto Medium"), local("Roboto-Medium"), url("../../layout/fonts/roboto-v20-latin-ext_latin-500.woff2") format("woff2"), url("../../layout/fonts/roboto-v20-latin-ext_latin-500.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +/* roboto-700 - latin-ext_latin */ +@font-face { + font-family: "Roboto"; + font-style: normal; + font-weight: 700; + src: local("Roboto Bold"), local("Roboto-Bold"), url("../../layout/fonts/roboto-v20-latin-ext_latin-700.woff2") format("woff2"), url("../../layout/fonts/roboto-v20-latin-ext_latin-700.woff") format("woff"); + /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +@keyframes overlayEnter { + from { + opacity: 0; + transform: scaleY(0.8); + } + to { + opacity: 1; + transform: none; + } +} +@keyframes fadeInDown { + from { + opacity: 0; + transform: translate3d(0, -20px, 0); + } + to { + opacity: 1; + transform: none; + } +} +@keyframes fadeOutUp { + from { + opacity: 1; + } + to { + opacity: 0; + transform: translate3d(0, -20px, 0); + } +} +@keyframes fadeinmask { + from { + opacity: 0; + } + to { + opacity: 0.8; + } +} +.fadeInDown { + animation-name: fadeInDown; +} + +.fadeOutUp { + animation-name: fadeOutUp; +} + +@keyframes modal-in { + from { + background-color: transparent; + } + to { + background-color: rgba(0, 0, 0, 0.6); + } +} +.modal-in { + animation-name: modal-in; +} + +@keyframes spin { + from { + transform: rotate(0deg); + } + to { + transform: rotate(359deg); + } +} +/* Utils */ +.clearfix:after { + content: " "; + display: block; + clear: both; +} + +*[hidden] { + display: none; +} + +.p-lh { + line-height: 1.5; +} + +.card { + background-color: #ffffff; + padding: 1rem; + margin-bottom: 2rem; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 5px; +} +.card:last-child { + margin-bottom: 0; +} +.card .card-header { + display: flex; + align-items: center; + justify-content: space-between; + margin-bottom: 1rem; +} +.card .card-header h1, .card .card-header h2, .card .card-header h3, .card .card-header h4, .card .card-header h5, .card .card-header h6 { + margin: 0; +} +.card .card-subtitle { + color: #616161; + font-weight: 600; + margin: -1rem 0 1rem 0; +} + +.p-toast.p-toast-top-right, .p-toast.p-toast-top-left, .p-toast.p-toast-top-center { + top: 85px; +} + +body .p-overlay-badge { + position: relative; +} +body .p-overlay-badge .p-badge { + position: absolute; + top: 0; + right: 0; + transform: translate(50%, -50%); + transform-origin: 100% 0; + margin: 0; +} + +.height-100 { + height: 100% !important; +} + +.width-100 { + width: 100% !important; +} + +.fs-xsmall { + font-size: 0.715rem !important; +} + +.fs-small { + font-size: 0.858rem !important; +} + +.fs-normal { + font-size: 1rem !important; +} + +.fs-large { + font-size: 1.5rem !important; +} + +.fs-xlarge { + font-size: 2rem !important; +} + +.fs-xxlarge { + font-size: 3rem !important; +} + +.fw-400 { + font-weight: 400 !important; +} + +.fw-500 { + font-weight: 500 !important; +} + +.fw-700 { + font-weight: 700 !important; +} + +.rounded-small { + border-radius: 2px !important; +} + +.rounded-normal { + border-radius: 4px !important; +} + +.rounded-large { + border-radius: 6px !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-none { + border-radius: 0 !important; +} + +.divider-top { + border-top: 1px solid #E4E4E4 !important; +} + +.divider-bottom { + border-bottom: 1px solid #E4E4E4 !important; +} + +.divider-left { + border-left: 1px solid #E4E4E4 !important; +} + +.divider-right { + border-right: 1px solid #E4E4E4 !important; +} + +.muted-text { + color: #616161 !important; +} + +.text-color { + color: #212121 !important; +} + +.solid-surface-text-color { + color: #ffffff !important; +} + +.white-color { + color: #ffffff !important; +} + +.dark-color { + color: #212121 !important; +} + +.pink-color { + color: #E91E63 !important; +} + +.indigo-color { + color: #3F51B5 !important; +} + +.yellow-color { + color: #FFC107 !important; +} + +.orange-color { + color: #FF9800 !important; +} + +.teal-color { + color: #009688 !important; +} + +.cyan-color { + color: #00ACC1 !important; +} + +.bluegrey-color { + color: #546E7A !important; +} + +.purple-color { + color: #9C27B0 !important; +} + +.deeppurple-color { + color: #673AB7 !important; +} + +.blue-color { + color: #2196F3 !important; +} + +.lightblue-color { + color: #03A9F4 !important; +} + +.green-color { + color: #4CAF50 !important; +} + +.lightgreen-color { + color: #8BC34A !important; +} + +.lime-color { + color: #CDDC39 !important; +} + +.deeporange-color { + color: #FF5722 !important; +} + +.brown-color { + color: #795548 !important; +} + +.content-bgcolor { + background-color: #ffffff !important; +} + +.content-alt-bgcolor { + background-color: #ECEFF1 !important; +} + +.pink-bgcolor { + background-color: #E91E63 !important; +} + +.indigo-bgcolor { + background-color: #3F51B5 !important; +} + +.yellow-bgcolor { + background-color: #FFC107 !important; +} + +.orange-bgcolor { + background-color: #FF9800 !important; +} + +.teal-bgcolor { + background-color: #009688 !important; +} + +.cyan-bgcolor { + background-color: #00ACC1 !important; +} + +.bluegrey-bgcolor { + background-color: #546E7A !important; +} + +.purple-bgcolor { + background-color: #9C27B0 !important; +} + +.deeppurple-bgcolor { + background-color: #673AB7 !important; +} + +.blue-bgcolor { + background-color: #2196F3 !important; +} + +.lightblue-bgcolor { + background-color: #03A9F4 !important; +} + +.green-bgcolor { + background-color: #4CAF50 !important; +} + +.lightgreen-bgcolor { + background-color: #8BC34A !important; +} + +.lime-bgcolor { + background-color: #CDDC39 !important; +} + +.deeporange-bgcolor { + background-color: #FF5722 !important; +} + +.brown-bgcolor { + background-color: #795548 !important; +} + +.badge-dot { + width: 0.5rem; + min-width: 0.5rem; + height: 0.5rem; + border-radius: 50%; + padding: 0; +} + +.layout-wrapper.layout-rtl { + direction: rtl; +} +.layout-wrapper.layout-rtl .menu-wrapper { + left: auto; + right: 0; +} +.layout-wrapper.layout-rtl .menu-wrapper .layout-menu-container .layout-menu li.layout-root-menuitem > div { + padding-left: 0; + padding-right: 1rem; +} +.layout-wrapper.layout-rtl .menu-wrapper .layout-menu-container .layout-menu li > a .p-badge, +.layout-wrapper.layout-rtl .menu-wrapper .layout-menu-container .layout-menu li > a .layout-submenu-toggler { + margin-left: 0; + margin-right: auto; +} +.layout-wrapper.layout-rtl .menu-wrapper .layout-menu-container .layout-menu li > a .layout-menuitem-text { + margin-right: 0.75rem; + margin-left: 0; +} +.layout-wrapper.layout-rtl .menu-wrapper .layout-menu-container .layout-menu li > ul > li ul li a { + padding-left: 0.5rem; + padding-right: 1.75rem; +} +.layout-wrapper.layout-rtl .menu-wrapper .layout-menu-container .layout-menu li > ul > li ul li ul li a { + padding-left: 0.5rem; + padding-right: 2.625rem; +} +.layout-wrapper.layout-rtl .menu-wrapper .layout-menu-container .layout-menu li > ul > li ul li ul li ul li a { + padding-left: 0.5rem; + padding-right: 3.5rem; +} +.layout-wrapper.layout-rtl .menu-wrapper .layout-menu-container .layout-menu li > ul > li ul li ul li ul li ul li a { + padding-left: 0.5rem; + padding-right: 4.375rem; +} +.layout-wrapper.layout-rtl .menu-wrapper .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item a i { + margin-right: 0; + margin-left: 0.75rem; +} +.layout-wrapper.layout-rtl .layout-topbar .layout-topbar-left .layout-menu-button > i { + transform: rotate(180deg); +} +@media (min-width: 992px) { + .layout-wrapper.layout-rtl.layout-menu-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul { + left: auto; + right: 0; + } + .layout-wrapper.layout-rtl.layout-menu-overlay .menu-wrapper { + transform: translate3d(17rem, 0px, 0px); + } + .layout-wrapper.layout-rtl.layout-menu-overlay.layout-menu-active .menu-wrapper { + transform: translate3d(0px, 0px, 0px); + } + .layout-wrapper.layout-rtl.layout-menu-overlay.layout-menu-active .layout-topbar .layout-topbar-left .layout-menu-button > i { + transform: rotate(0deg); + } + .layout-wrapper.layout-rtl.layout-menu-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul { + left: auto; + right: 4.5rem; + } + .layout-wrapper.layout-rtl.layout-menu-slim.layout-wrapper .layout-main { + margin-left: 0; + margin-right: 4.5rem; + } + .layout-wrapper.layout-rtl.layout-menu-static .menu-wrapper { + transform: translate3d(17rem, 0px, 0px); + } + .layout-wrapper.layout-rtl.layout-menu-static .layout-main { + transition: margin-right 0.2s; + } + .layout-wrapper.layout-rtl.layout-menu-static.layout-menu-active .menu-wrapper { + transform: translate3d(0px, 0px, 0px); + } + .layout-wrapper.layout-rtl.layout-menu-static.layout-menu-active .layout-topbar .layout-topbar-left .layout-menu-button > i { + transform: rotate(0deg); + } + .layout-wrapper.layout-rtl.layout-menu-static.layout-menu-active .layout-main { + margin-left: 0; + margin-right: 17rem; + } +} +@media (max-width: 991px) { + .layout-wrapper.layout-rtl .menu-wrapper { + transform: translate3d(17rem, 0px, 0px); + } + .layout-wrapper.layout-rtl.layout-menu-mobile-active .menu-wrapper { + transform: translate3d(0px, 0px, 0px); + } + .layout-wrapper.layout-rtl.layout-menu-mobile-active .layout-topbar .layout-topbar-left .layout-menu-button > i { + transform: rotate(0deg); + } +} + +.layout-wrapper.layout-rtl { + direction: rtl; +} +.layout-wrapper.layout-rtl .layout-topbar { + left: auto; + right: 0; +} +.layout-wrapper.layout-rtl .layout-topbar .layout-topbar-left .layout-topbar-logo { + padding-right: 0; + padding-left: 1.25rem; +} +.layout-wrapper.layout-rtl .layout-topbar .layout-topbar-left .layout-menu-button { + left: auto; + right: 15.75rem; +} +.layout-wrapper.layout-rtl .layout-topbar .layout-topbar-left .layout-topbar-mobile-button { + margin: 0 auto 0 0.5rem; +} +.layout-wrapper.layout-rtl .layout-topbar .layout-topbar-right { + padding-left: 0; + padding-right: 2rem; +} +.layout-wrapper.layout-rtl .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item .layout-topbar-action-panel { + right: auto; + left: 0; +} +.layout-wrapper.layout-rtl .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel { + left: auto; + right: 0; +} +.layout-wrapper.layout-rtl .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + margin-left: 0; + margin-right: 0.5rem; +} +@media (max-width: 991px) { + .layout-wrapper.layout-rtl .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu .p-megamenu-panel { + left: 1rem; + right: 1rem; + } + .layout-wrapper.layout-rtl .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item .layout-topbar-action-panel { + left: 1em; + right: 1em; + } +} + +.layout-wrapper.layout-rtl .layout-megamenu.p-megamenu .p-menuitem-link .p-menuitem-icon { + margin-right: 0; + margin-left: 0.5rem; +} +.layout-wrapper.layout-rtl .layout-config-button.p-button { + right: auto; + left: 0; + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.layout-wrapper.layout-rtl .layout-config-button.p-button .p-button-icon { + font-size: 2rem; +} +.layout-wrapper.layout-rtl .widget-bestsellers > li .bestseller-item .item-button { + margin-left: 0; + margin-right: auto; +} +.layout-wrapper.layout-rtl .widget-chat .write-message .p-inputgroup-addon:first-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 30px; + border-bottom-right-radius: 30px; + border-left-width: 0; +} +.layout-wrapper.layout-rtl .widget-chat .write-message .p-inputgroup-addon:last-child { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + border-top-left-radius: 30px; + border-bottom-left-radius: 30px; +} + +.layout-topbar { + position: fixed; + top: 0; + left: 0; + z-index: 998; + width: 100%; + height: 4rem; + transition: width 0.2s; + display: flex; +} +.layout-topbar ul { + margin: 0; + padding: 0; + border: 0; + outline: 0; + text-decoration: none; + list-style-type: none; +} +.layout-topbar .layout-topbar-left { + display: flex; + align-items: center; + height: 100%; + position: relative; +} +.layout-topbar .layout-topbar-left .layout-topbar-logo { + width: 17rem; + height: 100%; + padding-right: 1.25rem; + display: flex; + align-items: center; + justify-content: center; +} +.layout-topbar .layout-topbar-left .layout-menu-button { + position: absolute; + top: 50%; + left: 15.75rem; + width: 2.5rem; + height: 2.5rem; + margin-top: -1.25rem; + display: flex; + align-items: center; + justify-content: center; + cursor: pointer; + border-radius: 50%; +} +.layout-topbar .layout-topbar-left .layout-menu-button i { + transition: transform 0.2s; +} +.layout-topbar .layout-topbar-left .layout-topbar-mobile-button { + display: none; + align-items: center; + padding: 0 0.8rem; + margin: 0 0.5rem 0 auto; + border-radius: 50%; + height: 3.2rem; + cursor: pointer; +} +.layout-topbar .layout-topbar-right { + display: flex; + flex-grow: 1; + align-items: center; + justify-content: space-between; + padding-left: 2rem; + height: 100%; +} +.layout-topbar .layout-topbar-right .layout-topbar-actions-left { + display: flex; + align-items: center; + height: 100%; +} +.layout-topbar .layout-topbar-right .layout-topbar-actions-right { + height: 100%; +} +.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items { + display: flex; + flex-direction: row; + justify-content: center; + height: 100%; +} +.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item { + display: flex; + align-items: center; + position: relative; +} +.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item .layout-topbar-action { + user-select: none; + padding: 0 0.8rem; + margin: 0 0.4rem; + border-radius: 4px; + height: 3.2rem; + min-width: 3.2rem; + display: flex; + align-items: center; + cursor: pointer; +} +.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item .layout-topbar-action-panel { + position: absolute; + top: 4rem; + right: 0; + z-index: 1000; + min-width: 25rem; + padding: 1rem 0; + transform-origin: top; +} +.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item .layout-topbar-action-panel .layout-topbar-action-item { + cursor: pointer; + padding: 1rem; +} +.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel { + height: 4rem; + width: 100%; + position: fixed; + top: 0; + left: 0; + z-index: 1000; + transform-origin: top; +} +.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + border-radius: 0; + border: 0 none; +} +.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:focus { + outline: 0 none; + box-shadow: none; +} +.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel i { + font-weight: bold; +} +.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon { + border: 0 none; +} +.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:first-child, +.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:first-child, +.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:first-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:last-child, +.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:last-child, +.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:last-child { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +@media (max-width: 991px) { + .layout-topbar { + height: auto; + display: flex; + flex-direction: column; + } + .layout-topbar .layout-topbar-left { + height: 4rem; + width: 100%; + justify-content: flex-start; + } + .layout-topbar .layout-topbar-left .layout-topbar-mobile-button { + display: flex; + } + .layout-topbar .layout-topbar-right { + display: none; + flex-direction: column-reverse; + padding: 0; + transform-origin: top; + animation-name: overlayEnter; + animation-timing-function: cubic-bezier(0, 0, 0.2, 1); + animation-duration: 0.12s; + } + .layout-topbar .layout-topbar-right.layout-topbar-mobile-active { + display: flex; + } + .layout-topbar .layout-topbar-right .layout-topbar-actions-left { + height: 4rem; + display: flex; + justify-content: space-between; + } + .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu .p-megamenu-panel { + position: fixed; + left: 1rem; + right: 1rem; + max-height: calc(100vh - 168px); + overflow-y: scroll; + } + .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu .p-megamenu-panel .p-megamenu-grid { + flex-wrap: wrap; + } + .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu .p-megamenu-panel .p-megamenu-grid > [class*=p-megamenu-col-] { + flex: 1 1 auto; + width: auto; + } + .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu .p-megamenu-panel .p-megamenu-grid .p-megamenu-submenu { + width: auto; + min-width: 12.5rem; + } + .layout-topbar .layout-topbar-right .layout-topbar-actions-right { + height: 4rem; + width: 100%; + } + .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items { + width: 100%; + justify-content: space-between; + } + .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item .layout-topbar-action-panel { + position: fixed; + top: 8rem; + left: 1em; + right: 1em; + } +} +@media (min-width: 992px) { + .layout-menu-horizontal .layout-topbar .layout-topbar-left .layout-menu-button, +.layout-menu-slim .layout-topbar .layout-topbar-left .layout-menu-button { + display: none; + } +} +.layout-topbar-blue { + --topbar-bg-color:#1565C0; + --topbar-text-color: #ffffff; +} +.layout-topbar-blue .layout-topbar { + color: #ffffff; + background-color: #1565C0; +} +.layout-topbar-blue .layout-topbar a { + color: #ffffff; +} +.layout-topbar-blue .layout-topbar a:hover { + background-color: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-blue .layout-topbar .layout-topbar-left { + background-color: #0D47A1; +} +.layout-topbar-blue .layout-topbar .layout-topbar-left .layout-menu-button { + color: #212121; + background-color: #FBC02D; +} +.layout-topbar-blue .layout-topbar .layout-topbar-left .layout-menu-button:hover { + background-color: rgba(251, 192, 45, 0.7); + transition: background-color 0.2s; +} +.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu { + background: none; +} +.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text, +.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon, +.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #ffffff; +} +.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel { + background-color: #ffffff; + color: #212121; +} +.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a { + color: #212121; +} +.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover { + background-color: transparent; + transition: none; +} +.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover { + background-color: rgba(0, 0, 0, 0.04); + transition: background-color 0.2s; +} +.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:first-child, +.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:first-child, +.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:first-child { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:last-child, +.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:last-child, +.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:last-child { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon .p-button-text { + color: #212121; +} + +.layout-topbar-lightblue { + --topbar-bg-color:#0288D1; + --topbar-text-color: #ffffff; +} +.layout-topbar-lightblue .layout-topbar { + color: #ffffff; + background-color: #0288D1; +} +.layout-topbar-lightblue .layout-topbar a { + color: #ffffff; +} +.layout-topbar-lightblue .layout-topbar a:hover { + background-color: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-lightblue .layout-topbar .layout-topbar-left { + background-color: #0277BD; +} +.layout-topbar-lightblue .layout-topbar .layout-topbar-left .layout-menu-button { + color: #212121; + background-color: #FDD835; +} +.layout-topbar-lightblue .layout-topbar .layout-topbar-left .layout-menu-button:hover { + background-color: rgba(253, 216, 53, 0.7); + transition: background-color 0.2s; +} +.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu { + background: none; +} +.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text, +.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon, +.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #ffffff; +} +.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel { + background-color: #ffffff; + color: #212121; +} +.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a { + color: #212121; +} +.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover { + background-color: transparent; + transition: none; +} +.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover { + background-color: rgba(0, 0, 0, 0.04); + transition: background-color 0.2s; +} +.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:first-child, +.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:first-child, +.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:first-child { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:last-child, +.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:last-child, +.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:last-child { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon .p-button-text { + color: #212121; +} + +.layout-topbar-white { + --topbar-bg-color:#ffffff; + --topbar-text-color: #616161; +} +.layout-topbar-white .layout-topbar { + color: #616161; + background-color: #ffffff; +} +.layout-topbar-white .layout-topbar a { + color: #616161; +} +.layout-topbar-white .layout-topbar a:hover { + background-color: rgba(0, 0, 0, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-white .layout-topbar .layout-topbar-left { + background-color: #ffffff; +} +.layout-topbar-white .layout-topbar .layout-topbar-left .layout-menu-button { + color: #212121; + background-color: #ffffff; +} +.layout-topbar-white .layout-topbar .layout-topbar-left .layout-menu-button:hover { + background-color: rgba(255, 255, 255, 0.7); + transition: background-color 0.2s; +} +.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu { + background: none; +} +.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text, +.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon, +.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #616161; +} +.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel { + background-color: #ffffff; + color: #212121; +} +.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a { + color: #212121; +} +.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover { + background-color: transparent; + transition: none; +} +.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover { + background-color: rgba(0, 0, 0, 0.04); + transition: background-color 0.2s; +} +.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:first-child, +.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:first-child, +.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:first-child { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:last-child, +.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:last-child, +.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:last-child { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon .p-button-text { + color: #212121; +} + +.layout-topbar-dark { + --topbar-bg-color:#1e1e1e; + --topbar-text-color: #ffffff; +} +.layout-topbar-dark .layout-topbar { + color: #ffffff; + background-color: #1e1e1e; +} +.layout-topbar-dark .layout-topbar a { + color: #ffffff; +} +.layout-topbar-dark .layout-topbar a:hover { + background-color: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-dark .layout-topbar .layout-topbar-left { + background-color: #1e1e1e; +} +.layout-topbar-dark .layout-topbar .layout-topbar-left .layout-menu-button { + color: #ffffff; + background-color: #E91E63; +} +.layout-topbar-dark .layout-topbar .layout-topbar-left .layout-menu-button:hover { + background-color: rgba(233, 30, 99, 0.7); + transition: background-color 0.2s; +} +.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu { + background: none; +} +.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text, +.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon, +.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #ffffff; +} +.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel { + background-color: #ffffff; + color: #212121; +} +.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a { + color: #212121; +} +.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover { + background-color: transparent; + transition: none; +} +.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover { + background-color: rgba(0, 0, 0, 0.04); + transition: background-color 0.2s; +} +.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:first-child, +.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:first-child, +.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:first-child { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:last-child, +.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:last-child, +.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:last-child { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon .p-button-text { + color: #212121; +} + +.layout-topbar-deeppurple { + --topbar-bg-color:#4527A0; + --topbar-text-color: #ffffff; +} +.layout-topbar-deeppurple .layout-topbar { + color: #ffffff; + background-color: #4527A0; +} +.layout-topbar-deeppurple .layout-topbar a { + color: #ffffff; +} +.layout-topbar-deeppurple .layout-topbar a:hover { + background-color: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-deeppurple .layout-topbar .layout-topbar-left { + background-color: #311B92; +} +.layout-topbar-deeppurple .layout-topbar .layout-topbar-left .layout-menu-button { + color: #212121; + background-color: #F9A825; +} +.layout-topbar-deeppurple .layout-topbar .layout-topbar-left .layout-menu-button:hover { + background-color: rgba(249, 168, 37, 0.7); + transition: background-color 0.2s; +} +.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu { + background: none; +} +.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text, +.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon, +.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #ffffff; +} +.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel { + background-color: #ffffff; + color: #212121; +} +.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a { + color: #212121; +} +.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover { + background-color: transparent; + transition: none; +} +.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover { + background-color: rgba(0, 0, 0, 0.04); + transition: background-color 0.2s; +} +.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:first-child, +.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:first-child, +.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:first-child { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:last-child, +.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:last-child, +.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:last-child { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon .p-button-text { + color: #212121; +} + +.layout-topbar-purple { + --topbar-bg-color:#6A1B9A; + --topbar-text-color: #ffffff; +} +.layout-topbar-purple .layout-topbar { + color: #ffffff; + background-color: #6A1B9A; +} +.layout-topbar-purple .layout-topbar a { + color: #ffffff; +} +.layout-topbar-purple .layout-topbar a:hover { + background-color: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-purple .layout-topbar .layout-topbar-left { + background-color: #4A148C; +} +.layout-topbar-purple .layout-topbar .layout-topbar-left .layout-menu-button { + color: #212121; + background-color: #F9A825; +} +.layout-topbar-purple .layout-topbar .layout-topbar-left .layout-menu-button:hover { + background-color: rgba(249, 168, 37, 0.7); + transition: background-color 0.2s; +} +.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu { + background: none; +} +.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text, +.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon, +.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #ffffff; +} +.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel { + background-color: #ffffff; + color: #212121; +} +.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a { + color: #212121; +} +.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover { + background-color: transparent; + transition: none; +} +.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover { + background-color: rgba(0, 0, 0, 0.04); + transition: background-color 0.2s; +} +.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:first-child, +.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:first-child, +.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:first-child { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:last-child, +.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:last-child, +.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:last-child { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon .p-button-text { + color: #212121; +} + +.layout-topbar-pink { + --topbar-bg-color:#AD1457; + --topbar-text-color: #ffffff; +} +.layout-topbar-pink .layout-topbar { + color: #ffffff; + background-color: #AD1457; +} +.layout-topbar-pink .layout-topbar a { + color: #ffffff; +} +.layout-topbar-pink .layout-topbar a:hover { + background-color: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-pink .layout-topbar .layout-topbar-left { + background-color: #880E4F; +} +.layout-topbar-pink .layout-topbar .layout-topbar-left .layout-menu-button { + color: #212121; + background-color: #F9A825; +} +.layout-topbar-pink .layout-topbar .layout-topbar-left .layout-menu-button:hover { + background-color: rgba(249, 168, 37, 0.7); + transition: background-color 0.2s; +} +.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu { + background: none; +} +.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text, +.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon, +.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #ffffff; +} +.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel { + background-color: #ffffff; + color: #212121; +} +.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a { + color: #212121; +} +.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover { + background-color: transparent; + transition: none; +} +.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover { + background-color: rgba(0, 0, 0, 0.04); + transition: background-color 0.2s; +} +.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:first-child, +.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:first-child, +.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:first-child { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:last-child, +.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:last-child, +.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:last-child { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon .p-button-text { + color: #212121; +} + +.layout-topbar-cyan { + --topbar-bg-color:#0097A7; + --topbar-text-color: #ffffff; +} +.layout-topbar-cyan .layout-topbar { + color: #ffffff; + background-color: #0097A7; +} +.layout-topbar-cyan .layout-topbar a { + color: #ffffff; +} +.layout-topbar-cyan .layout-topbar a:hover { + background-color: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-cyan .layout-topbar .layout-topbar-left { + background-color: #006064; +} +.layout-topbar-cyan .layout-topbar .layout-topbar-left .layout-menu-button { + color: #ffffff; + background-color: #E64A19; +} +.layout-topbar-cyan .layout-topbar .layout-topbar-left .layout-menu-button:hover { + background-color: rgba(230, 74, 25, 0.7); + transition: background-color 0.2s; +} +.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu { + background: none; +} +.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text, +.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon, +.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #ffffff; +} +.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel { + background-color: #ffffff; + color: #212121; +} +.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a { + color: #212121; +} +.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover { + background-color: transparent; + transition: none; +} +.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover { + background-color: rgba(0, 0, 0, 0.04); + transition: background-color 0.2s; +} +.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:first-child, +.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:first-child, +.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:first-child { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:last-child, +.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:last-child, +.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:last-child { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon .p-button-text { + color: #212121; +} + +.layout-topbar-teal { + --topbar-bg-color:#00796B; + --topbar-text-color: #ffffff; +} +.layout-topbar-teal .layout-topbar { + color: #ffffff; + background-color: #00796B; +} +.layout-topbar-teal .layout-topbar a { + color: #ffffff; +} +.layout-topbar-teal .layout-topbar a:hover { + background-color: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-teal .layout-topbar .layout-topbar-left { + background-color: #004D40; +} +.layout-topbar-teal .layout-topbar .layout-topbar-left .layout-menu-button { + color: #ffffff; + background-color: #D32F2F; +} +.layout-topbar-teal .layout-topbar .layout-topbar-left .layout-menu-button:hover { + background-color: rgba(211, 47, 47, 0.7); + transition: background-color 0.2s; +} +.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu { + background: none; +} +.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text, +.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon, +.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #ffffff; +} +.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel { + background-color: #ffffff; + color: #212121; +} +.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a { + color: #212121; +} +.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover { + background-color: transparent; + transition: none; +} +.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover { + background-color: rgba(0, 0, 0, 0.04); + transition: background-color 0.2s; +} +.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:first-child, +.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:first-child, +.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:first-child { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:last-child, +.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:last-child, +.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:last-child { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon .p-button-text { + color: #212121; +} + +.layout-topbar-green { + --topbar-bg-color:#43A047; + --topbar-text-color: #ffffff; +} +.layout-topbar-green .layout-topbar { + color: #ffffff; + background-color: #43A047; +} +.layout-topbar-green .layout-topbar a { + color: #ffffff; +} +.layout-topbar-green .layout-topbar a:hover { + background-color: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-green .layout-topbar .layout-topbar-left { + background-color: #2E7D32; +} +.layout-topbar-green .layout-topbar .layout-topbar-left .layout-menu-button { + color: #ffffff; + background-color: #F4511E; +} +.layout-topbar-green .layout-topbar .layout-topbar-left .layout-menu-button:hover { + background-color: rgba(244, 81, 30, 0.7); + transition: background-color 0.2s; +} +.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu { + background: none; +} +.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text, +.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon, +.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #ffffff; +} +.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel { + background-color: #ffffff; + color: #212121; +} +.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a { + color: #212121; +} +.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover { + background-color: transparent; + transition: none; +} +.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover { + background-color: rgba(0, 0, 0, 0.04); + transition: background-color 0.2s; +} +.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:first-child, +.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:first-child, +.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:first-child { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:last-child, +.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:last-child, +.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:last-child { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon .p-button-text { + color: #212121; +} + +.layout-topbar-lightgreen { + --topbar-bg-color:#689F38; + --topbar-text-color: #ffffff; +} +.layout-topbar-lightgreen .layout-topbar { + color: #ffffff; + background-color: #689F38; +} +.layout-topbar-lightgreen .layout-topbar a { + color: #ffffff; +} +.layout-topbar-lightgreen .layout-topbar a:hover { + background-color: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-lightgreen .layout-topbar .layout-topbar-left { + background-color: #558B2F; +} +.layout-topbar-lightgreen .layout-topbar .layout-topbar-left .layout-menu-button { + color: #ffffff; + background-color: #F57C00; +} +.layout-topbar-lightgreen .layout-topbar .layout-topbar-left .layout-menu-button:hover { + background-color: rgba(245, 124, 0, 0.7); + transition: background-color 0.2s; +} +.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu { + background: none; +} +.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text, +.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon, +.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #ffffff; +} +.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel { + background-color: #ffffff; + color: #212121; +} +.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a { + color: #212121; +} +.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover { + background-color: transparent; + transition: none; +} +.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover { + background-color: rgba(0, 0, 0, 0.04); + transition: background-color 0.2s; +} +.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:first-child, +.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:first-child, +.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:first-child { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:last-child, +.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:last-child, +.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:last-child { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon .p-button-text { + color: #212121; +} + +.layout-topbar-lime { + --topbar-bg-color:#AFB42B; + --topbar-text-color: #212121; +} +.layout-topbar-lime .layout-topbar { + color: #212121; + background-color: #AFB42B; +} +.layout-topbar-lime .layout-topbar a { + color: #212121; +} +.layout-topbar-lime .layout-topbar a:hover { + background-color: rgba(0, 0, 0, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-lime .layout-topbar .layout-topbar-left { + background-color: #9E9D24; +} +.layout-topbar-lime .layout-topbar .layout-topbar-left .layout-menu-button { + color: #212121; + background-color: #F57C00; +} +.layout-topbar-lime .layout-topbar .layout-topbar-left .layout-menu-button:hover { + background-color: rgba(245, 124, 0, 0.7); + transition: background-color 0.2s; +} +.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu { + background: none; +} +.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text, +.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon, +.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #212121; +} +.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel { + background-color: #ffffff; + color: #212121; +} +.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a { + color: #212121; +} +.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover { + background-color: transparent; + transition: none; +} +.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover { + background-color: rgba(0, 0, 0, 0.04); + transition: background-color 0.2s; +} +.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:first-child, +.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:first-child, +.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:first-child { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:last-child, +.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:last-child, +.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:last-child { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon .p-button-text { + color: #212121; +} + +.layout-topbar-yellow { + --topbar-bg-color:#FBC02D; + --topbar-text-color: #212121; +} +.layout-topbar-yellow .layout-topbar { + color: #212121; + background-color: #FBC02D; +} +.layout-topbar-yellow .layout-topbar a { + color: #212121; +} +.layout-topbar-yellow .layout-topbar a:hover { + background-color: rgba(0, 0, 0, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-yellow .layout-topbar .layout-topbar-left { + background-color: #F9A825; +} +.layout-topbar-yellow .layout-topbar .layout-topbar-left .layout-menu-button { + color: #ffffff; + background-color: #212121; +} +.layout-topbar-yellow .layout-topbar .layout-topbar-left .layout-menu-button:hover { + background-color: rgba(33, 33, 33, 0.7); + transition: background-color 0.2s; +} +.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu { + background: none; +} +.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text, +.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon, +.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #212121; +} +.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel { + background-color: #ffffff; + color: #212121; +} +.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a { + color: #212121; +} +.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover { + background-color: transparent; + transition: none; +} +.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover { + background-color: rgba(0, 0, 0, 0.04); + transition: background-color 0.2s; +} +.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:first-child, +.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:first-child, +.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:first-child { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:last-child, +.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:last-child, +.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:last-child { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon .p-button-text { + color: #212121; +} + +.layout-topbar-amber { + --topbar-bg-color:#FFA000; + --topbar-text-color: #212121; +} +.layout-topbar-amber .layout-topbar { + color: #212121; + background-color: #FFA000; +} +.layout-topbar-amber .layout-topbar a { + color: #212121; +} +.layout-topbar-amber .layout-topbar a:hover { + background-color: rgba(0, 0, 0, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-amber .layout-topbar .layout-topbar-left { + background-color: #FF8F00; +} +.layout-topbar-amber .layout-topbar .layout-topbar-left .layout-menu-button { + color: #ffffff; + background-color: #212121; +} +.layout-topbar-amber .layout-topbar .layout-topbar-left .layout-menu-button:hover { + background-color: rgba(33, 33, 33, 0.7); + transition: background-color 0.2s; +} +.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu { + background: none; +} +.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text, +.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon, +.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #212121; +} +.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel { + background-color: #ffffff; + color: #212121; +} +.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a { + color: #212121; +} +.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover { + background-color: transparent; + transition: none; +} +.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover { + background-color: rgba(0, 0, 0, 0.04); + transition: background-color 0.2s; +} +.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:first-child, +.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:first-child, +.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:first-child { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:last-child, +.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:last-child, +.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:last-child { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon .p-button-text { + color: #212121; +} + +.layout-topbar-orange { + --topbar-bg-color:#FB8C00; + --topbar-text-color: #212121; +} +.layout-topbar-orange .layout-topbar { + color: #212121; + background-color: #FB8C00; +} +.layout-topbar-orange .layout-topbar a { + color: #212121; +} +.layout-topbar-orange .layout-topbar a:hover { + background-color: rgba(0, 0, 0, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-orange .layout-topbar .layout-topbar-left { + background-color: #EF6C00; +} +.layout-topbar-orange .layout-topbar .layout-topbar-left .layout-menu-button { + color: #ffffff; + background-color: #212121; +} +.layout-topbar-orange .layout-topbar .layout-topbar-left .layout-menu-button:hover { + background-color: rgba(33, 33, 33, 0.7); + transition: background-color 0.2s; +} +.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu { + background: none; +} +.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text, +.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon, +.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #212121; +} +.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel { + background-color: #ffffff; + color: #212121; +} +.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a { + color: #212121; +} +.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover { + background-color: transparent; + transition: none; +} +.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover { + background-color: rgba(0, 0, 0, 0.04); + transition: background-color 0.2s; +} +.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:first-child, +.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:first-child, +.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:first-child { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:last-child, +.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:last-child, +.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:last-child { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon .p-button-text { + color: #212121; +} + +.layout-topbar-deeporange { + --topbar-bg-color:#D84315; + --topbar-text-color: #ffffff; +} +.layout-topbar-deeporange .layout-topbar { + color: #ffffff; + background-color: #D84315; +} +.layout-topbar-deeporange .layout-topbar a { + color: #ffffff; +} +.layout-topbar-deeporange .layout-topbar a:hover { + background-color: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-deeporange .layout-topbar .layout-topbar-left { + background-color: #BF360C; +} +.layout-topbar-deeporange .layout-topbar .layout-topbar-left .layout-menu-button { + color: #212121; + background-color: #00BCD4; +} +.layout-topbar-deeporange .layout-topbar .layout-topbar-left .layout-menu-button:hover { + background-color: rgba(0, 188, 212, 0.7); + transition: background-color 0.2s; +} +.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu { + background: none; +} +.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text, +.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon, +.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #ffffff; +} +.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel { + background-color: #ffffff; + color: #212121; +} +.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a { + color: #212121; +} +.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover { + background-color: transparent; + transition: none; +} +.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover { + background-color: rgba(0, 0, 0, 0.04); + transition: background-color 0.2s; +} +.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:first-child, +.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:first-child, +.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:first-child { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:last-child, +.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:last-child, +.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:last-child { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon .p-button-text { + color: #212121; +} + +.layout-topbar-brown { + --topbar-bg-color:#5D4037; + --topbar-text-color: #ffffff; +} +.layout-topbar-brown .layout-topbar { + color: #ffffff; + background-color: #5D4037; +} +.layout-topbar-brown .layout-topbar a { + color: #ffffff; +} +.layout-topbar-brown .layout-topbar a:hover { + background-color: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-brown .layout-topbar .layout-topbar-left { + background-color: #4E342E; +} +.layout-topbar-brown .layout-topbar .layout-topbar-left .layout-menu-button { + color: #212121; + background-color: #F9A825; +} +.layout-topbar-brown .layout-topbar .layout-topbar-left .layout-menu-button:hover { + background-color: rgba(249, 168, 37, 0.7); + transition: background-color 0.2s; +} +.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu { + background: none; +} +.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text, +.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon, +.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #ffffff; +} +.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel { + background-color: #ffffff; + color: #212121; +} +.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a { + color: #212121; +} +.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover { + background-color: transparent; + transition: none; +} +.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover { + background-color: rgba(0, 0, 0, 0.04); + transition: background-color 0.2s; +} +.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:first-child, +.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:first-child, +.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:first-child { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:last-child, +.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:last-child, +.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:last-child { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon .p-button-text { + color: #212121; +} + +.layout-topbar-grey { + --topbar-bg-color:#616161; + --topbar-text-color: #ffffff; +} +.layout-topbar-grey .layout-topbar { + color: #ffffff; + background-color: #616161; +} +.layout-topbar-grey .layout-topbar a { + color: #ffffff; +} +.layout-topbar-grey .layout-topbar a:hover { + background-color: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-grey .layout-topbar .layout-topbar-left { + background-color: #424242; +} +.layout-topbar-grey .layout-topbar .layout-topbar-left .layout-menu-button { + color: #ffffff; + background-color: #0097A7; +} +.layout-topbar-grey .layout-topbar .layout-topbar-left .layout-menu-button:hover { + background-color: rgba(0, 151, 167, 0.7); + transition: background-color 0.2s; +} +.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu { + background: none; +} +.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text, +.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon, +.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #ffffff; +} +.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel { + background-color: #ffffff; + color: #212121; +} +.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a { + color: #212121; +} +.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover { + background-color: transparent; + transition: none; +} +.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover { + background-color: rgba(0, 0, 0, 0.04); + transition: background-color 0.2s; +} +.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:first-child, +.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:first-child, +.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:first-child { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:last-child, +.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:last-child, +.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:last-child { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon .p-button-text { + color: #212121; +} + +.layout-topbar-bluegrey { + --topbar-bg-color:#546E7A; + --topbar-text-color: #ffffff; +} +.layout-topbar-bluegrey .layout-topbar { + color: #ffffff; + background-color: #546E7A; +} +.layout-topbar-bluegrey .layout-topbar a { + color: #ffffff; +} +.layout-topbar-bluegrey .layout-topbar a:hover { + background-color: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-bluegrey .layout-topbar .layout-topbar-left { + background-color: #37474F; +} +.layout-topbar-bluegrey .layout-topbar .layout-topbar-left .layout-menu-button { + color: #ffffff; + background-color: #0097A7; +} +.layout-topbar-bluegrey .layout-topbar .layout-topbar-left .layout-menu-button:hover { + background-color: rgba(0, 151, 167, 0.7); + transition: background-color 0.2s; +} +.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu { + background: none; +} +.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text, +.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon, +.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #ffffff; +} +.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel { + background-color: #ffffff; + color: #212121; +} +.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a { + color: #212121; +} +.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover { + background-color: transparent; + transition: none; +} +.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover { + background-color: rgba(0, 0, 0, 0.04); + transition: background-color 0.2s; +} +.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:first-child, +.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:first-child, +.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:first-child { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:last-child, +.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:last-child, +.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:last-child { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon .p-button-text { + color: #212121; +} + +.layout-topbar-indigo { + --topbar-bg-color:#3F51B5; + --topbar-text-color: #ffffff; +} +.layout-topbar-indigo .layout-topbar { + color: #ffffff; + background-color: #3F51B5; +} +.layout-topbar-indigo .layout-topbar a { + color: #ffffff; +} +.layout-topbar-indigo .layout-topbar a:hover { + background-color: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-indigo .layout-topbar .layout-topbar-left { + background-color: #283593; +} +.layout-topbar-indigo .layout-topbar .layout-topbar-left .layout-menu-button { + color: #ffffff; + background-color: #E91E63; +} +.layout-topbar-indigo .layout-topbar .layout-topbar-left .layout-menu-button:hover { + background-color: rgba(233, 30, 99, 0.7); + transition: background-color 0.2s; +} +.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu { + background: none; +} +.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text, +.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon, +.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: #ffffff; +} +.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel { + background-color: #ffffff; + color: #212121; +} +.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a { + color: #212121; +} +.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover { + background-color: transparent; + transition: none; +} +.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover { + background-color: rgba(0, 0, 0, 0.04); + transition: background-color 0.2s; +} +.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:first-child, +.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:first-child, +.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:first-child { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon:last-child, +.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup button:last-child, +.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup input:last-child { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .p-inputgroup-addon .p-button-text { + color: #212121; +} + +.layout-rightmenu.p-sidebar { + top: 4rem; + height: calc(100% - 4rem); + overflow: auto; + transition: transform 0.2s; +} +.layout-rightmenu.p-sidebar .p-sidebar-header, +.layout-rightmenu.p-sidebar .p-sidebar-content { + padding: 0; +} +.layout-rightmenu .online-members img:hover { + cursor: pointer; +} +.layout-rightmenu .next-events li { + border-radius: 5px; +} +.layout-rightmenu .next-events li:hover { + background-color: rgba(0, 0, 0, 0.04); + cursor: pointer; +} + +@media (max-width: 991px) { + .layout-wrapper.layout-topbar-mobile-active .layout-rightmenu { + top: 12rem; + height: calc(100% - 12rem); + } +} +.menu-wrapper { + height: calc(100% - 4rem); + width: 17rem; + position: fixed; + left: 0; + top: 4rem; + z-index: 997; + transform: none; +} +.menu-wrapper ul { + margin: 0; + padding: 0; + border: 0; + outline: 0; + text-decoration: none; + list-style-type: none; +} +.menu-wrapper .layout-menu-container { + display: flex; + flex-direction: column; + height: 100%; +} +.menu-wrapper .layout-menu-container app-menu { + overflow-y: auto; +} +.menu-wrapper .layout-menu-container .layout-menu { + padding-bottom: 2rem; +} +.menu-wrapper .layout-menu-container .layout-menu li { + border-radius: 4px; +} +.menu-wrapper .layout-menu-container .layout-menu li.layout-root-menuitem > a { + display: none; +} +.menu-wrapper .layout-menu-container .layout-menu li.layout-root-menuitem > div { + padding-left: 1rem; + margin-bottom: 0.5rem; + margin-top: 1.5rem; +} +.menu-wrapper .layout-menu-container .layout-menu li.layout-root-menuitem > div > .layout-menuitem-text { + font-size: 0.857rem; + font-weight: 600; + text-transform: uppercase; +} +.menu-wrapper .layout-menu-container .layout-menu li > a { + display: flex; + align-items: center; + padding: 0.75rem; + border-radius: 4px; + cursor: pointer; + user-select: none; + transition: background-color 0.2s, color 0.2s; +} +.menu-wrapper .layout-menu-container .layout-menu li > a .layout-menuitem-text { + margin-left: 0.75rem; +} +.menu-wrapper .layout-menu-container .layout-menu li > a .p-badge { + margin-left: auto; + min-width: 1.143rem; + height: 1.143rem; + line-height: 1.143rem; +} +.menu-wrapper .layout-menu-container .layout-menu li > a .layout-submenu-toggler { + margin-left: auto; +} +.menu-wrapper .layout-menu-container .layout-menu li > a.rotated-icon .layout-menuitem-icon { + transform: rotate(90deg); +} +.menu-wrapper .layout-menu-container .layout-menu li > a .p-badge + .layout-submenu-toggler { + margin-left: 0.5rem; +} +.menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a .layout-submenu-toggler { + transition: all 0.2s; + transform: rotate(-180deg); +} +.menu-wrapper .layout-menu-container .layout-menu li > ul { + padding: 0 0.5rem; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul li ul { + padding: 0 0 0.25rem; + overflow: hidden; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul > li { + margin-top: 0.2rem; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul > li.layout-root-menuitem > a { + display: flex; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul > li ul li a { + padding-left: 1.75rem; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul > li ul li ul li a { + padding-left: 2.625rem; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul > li ul li ul li ul li a { + padding-left: 3.5rem; +} +.menu-wrapper .layout-menu-container .layout-menu li > ul > li ul li ul li ul li ul li a { + padding-left: 4.375rem; +} + +@media (min-width: 992px) { + .layout-menu-static .menu-wrapper { + transform: translate3d(-17rem, 0px, 0px); + transition: transform 0.2s; + } + .layout-menu-static .layout-main { + transition: margin-left 0.2s; + } + .layout-menu-static.layout-menu-active .menu-wrapper { + transform: translate3d(0px, 0px, 0px); + } + .layout-menu-static.layout-menu-active .layout-topbar .layout-topbar-left .layout-menu-button > i { + transform: rotate(180deg); + } + .layout-menu-static.layout-menu-active .layout-main { + margin-left: 17rem; + } +} +@media (min-width: 992px) { + .layout-menu-overlay .menu-wrapper { + transform: translate3d(-17rem, 0px, 0px); + transition: transform 0.2s; + transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); + } + .layout-menu-overlay.layout-menu-active .menu-wrapper { + transform: translate3d(0px, 0px, 0px); + } + .layout-menu-overlay.layout-menu-active .layout-topbar .layout-topbar-left .layout-menu-button > i { + transform: rotate(180deg); + } + .layout-menu-overlay .layout-topbar .layout-topbar-wrapper .layout-topbar-right .menu-button { + display: flex; + } +} +@media (min-width: 992px) { + .layout-menu-horizontal .menu-wrapper { + width: 100%; + height: 3rem; + } + .layout-menu-horizontal .menu-wrapper .layout-menu-container { + flex-direction: row; + } + .layout-menu-horizontal .menu-wrapper .layout-menu-container app-menu { + overflow-y: visible; + flex-grow: 1; + } + .layout-menu-horizontal .menu-wrapper .layout-menu-container .layout-menu { + display: flex; + flex-direction: row; + align-items: center; + height: 100%; + margin: 0px 1rem; + padding-bottom: 0px; + } + .layout-menu-horizontal .menu-wrapper .layout-menu-container .layout-menu > li { + position: relative; + } + .layout-menu-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > a { + margin-right: 1rem; + display: flex; + align-items: center; + } + .layout-menu-horizontal .menu-wrapper .layout-menu-container .layout-menu > li.layout-root-menuitem > div { + display: none; + } + .layout-menu-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul { + display: none; + position: absolute; + top: 2.75rem; + left: 0px; + z-index: 100; + padding: 0.5rem; + overflow: auto; + max-height: 32rem; + min-width: 16rem; + border-radius: 5px; + } + .layout-menu-horizontal .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > ul { + display: block; + } + .layout-menu-horizontal .menu-wrapper .layout-menu-container .layout-inline-menu { + border: 0 none; + } + .layout-menu-horizontal .menu-wrapper .layout-menu-container .layout-inline-menu > .layout-inline-menu-action { + height: 3rem; + } + .layout-menu-horizontal.layout-wrapper .layout-main { + padding-top: 7rem; + } +} +@media (min-width: 992px) { + .layout-menu-slim .menu-wrapper { + width: 4.5rem; + } + .layout-menu-slim .menu-wrapper .layout-menu-container app-menu { + overflow-y: visible; + flex-grow: 1; + } + .layout-menu-slim .menu-wrapper .layout-menu-container .layout-menu { + display: flex; + flex-direction: column; + padding-top: 1rem; + } + .layout-menu-slim .menu-wrapper .layout-menu-container .layout-menu > li { + position: relative; + } + .layout-menu-slim .menu-wrapper .layout-menu-container .layout-menu > li > a { + display: flex; + justify-content: center; + } + .layout-menu-slim .menu-wrapper .layout-menu-container .layout-menu > li > a i { + font-size: 1.5rem; + } + .layout-menu-slim .menu-wrapper .layout-menu-container .layout-menu > li > a .layout-submenu-toggler, +.layout-menu-slim .menu-wrapper .layout-menu-container .layout-menu > li > a .layout-menuitem-text { + display: none; + } + .layout-menu-slim .menu-wrapper .layout-menu-container .layout-menu > li.layout-root-menuitem > div { + display: none; + } + .layout-menu-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul { + display: none; + position: absolute; + top: 0; + left: 4.5rem; + z-index: 100; + padding: 0.5rem; + overflow: auto; + max-height: 32rem; + min-width: 16.5rem; + border-radius: 2px; + } + .layout-menu-slim .menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > ul { + display: block; + } + .layout-menu-slim .menu-wrapper .layout-menu-container .layout-inline-menu { + height: 100%; + } + .layout-menu-slim .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel { + padding: 0; + } + .layout-menu-slim.layout-wrapper .layout-main { + margin-left: 4.5rem; + } +} +.menu-wrapper .layout-inline-menu { + display: flex; + flex-direction: column; + justify-content: center; + border-width: 1px 0 1px 0; + border-style: solid; +} +.menu-wrapper .layout-inline-menu.layout-inline-menu-active .layout-inline-menu-icon { + transform: rotate(-180deg); +} +.menu-wrapper .layout-inline-menu .layout-inline-menu-action { + cursor: pointer; +} +.menu-wrapper .layout-inline-menu .layout-inline-menu-action-panel { + padding: 0 0.5rem; + transform-origin: top; +} +.menu-wrapper .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item { + margin-top: 0.2rem; + border-radius: 5px; + transition: all 0.2s; + cursor: pointer; + user-select: none; +} +.menu-wrapper .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item:last-child { + margin-bottom: 0.5rem; +} +.menu-wrapper .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item a { + padding: 0.75rem; +} +.menu-wrapper .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item a i { + margin-right: 0.75rem; +} + +@media (max-width: 991px) { + .layout-wrapper .menu-wrapper { + top: 4rem; + height: calc(100% - 4rem); + transform: translate3d(-17rem, 0px, 0px); + transition: transform 0.2s; + transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); + } + .layout-wrapper.layout-topbar-mobile-active .menu-wrapper { + top: 12rem; + height: calc(100% - 12rem); + } + .layout-wrapper.layout-menu-mobile-active { + overflow: hidden; + height: 100vh; + } + .layout-wrapper.layout-menu-mobile-active .menu-wrapper { + transform: translate3d(0px, 0px, 0px); + } + .layout-wrapper.layout-menu-mobile-active .layout-topbar .layout-topbar-left .layout-menu-button > i { + transform: rotate(180deg); + } + .layout-wrapper.layout-menu-mobile-active .layout-mask { + display: block; + } +} +.layout-menu-light { + --menu-bg-color:#FDFEFF; + --menu-text-color: #657380; +} +.layout-menu-light .menu-wrapper { + background-color: #FDFEFF; + box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.2), 4px 0 5px 0 rgba(0, 0, 0, 0.14), 1px 0 10px 0 rgba(0, 0, 0, 0.12); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > div .layout-menuitem-text { + color: #657380; +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu > li > ul { + background-color: #FDFEFF; +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu li a { + color: #515C66; +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu li a i { + color: #515C66; +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu li a:hover { + background-color: rgba(0, 0, 0, 0.04); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a { + background-color: var(--primary-lightest-color); + color: var(--primary-menu-text-color); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a > i { + color: var(--primary-menu-text-color); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink { + background-color: var(--primary-lightest-color); + color: var(--primary-menu-text-color); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink > i { + color: var(--primary-menu-text-color); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-inline-menu { + border-color: #e4e4e4; +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-inline-menu a { + color: #515C66; +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action, +.layout-menu-light .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item { + color: #515C66; +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action i, +.layout-menu-light .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item i { + color: #515C66; +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action:hover, +.layout-menu-light .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item:hover { + background-color: rgba(0, 0, 0, 0.04); +} +.layout-menu-light .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel { + background-color: #FDFEFF; +} +@media (min-width: 992px) { + .layout-menu-light.layout-menu-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul, .layout-menu-light.layout-menu-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .layout-menu-light.layout-menu-horizontal .layout-inline-menu .layout-inline-menu-action-panel { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } +} + +.layout-menu-dark { + --menu-bg-color:#1e1e1e; + --menu-text-color: rgba(255, 255, 255, 0.6); +} +.layout-menu-dark .menu-wrapper { + background-color: #1e1e1e; + box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.2), 4px 0 5px 0 rgba(0, 0, 0, 0.14), 1px 0 10px 0 rgba(0, 0, 0, 0.12); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > div .layout-menuitem-text { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu > li > ul { + background-color: #1e1e1e; +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu li a { + color: rgba(255, 255, 255, 0.87); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu li a i { + color: rgba(255, 255, 255, 0.87); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu li a:hover { + background-color: rgba(255, 255, 255, 0.04); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a { + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a > i { + color: rgba(255, 255, 255, 0.87); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink { + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink > i { + color: rgba(255, 255, 255, 0.87); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-inline-menu { + border-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-inline-menu a { + color: rgba(255, 255, 255, 0.87); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action, +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item { + color: rgba(255, 255, 255, 0.87); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action i, +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item i { + color: rgba(255, 255, 255, 0.87); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action:hover, +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item:hover { + background-color: rgba(255, 255, 255, 0.04); +} +.layout-menu-dark .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel { + background-color: #1e1e1e; +} +@media (min-width: 992px) { + .layout-menu-dark.layout-menu-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul, .layout-menu-dark.layout-menu-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .layout-menu-dark.layout-menu-horizontal .layout-inline-menu .layout-inline-menu-action-panel { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } +} + +.layout-menu-indigo { + --menu-bg-color:#1A237E; + --menu-text-color: #ffffff; +} +.layout-menu-indigo .menu-wrapper { + background-color: #1A237E; + box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.2), 4px 0 5px 0 rgba(0, 0, 0, 0.14), 1px 0 10px 0 rgba(0, 0, 0, 0.12); +} +.layout-menu-indigo .menu-wrapper .layout-menu-container .layout-menu > li > div .layout-menuitem-text { + color: #ffffff; +} +.layout-menu-indigo .menu-wrapper .layout-menu-container .layout-menu > li > ul { + background-color: #1A237E; +} +.layout-menu-indigo .menu-wrapper .layout-menu-container .layout-menu li a { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-indigo .menu-wrapper .layout-menu-container .layout-menu li a i { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-indigo .menu-wrapper .layout-menu-container .layout-menu li a:hover { + background-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-indigo .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a { + background-color: rgba(255, 255, 255, 0.24); + color: #ffffff; +} +.layout-menu-indigo .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a > i { + color: #ffffff; +} +.layout-menu-indigo .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink { + background-color: rgba(255, 255, 255, 0.24); + color: #ffffff; +} +.layout-menu-indigo .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink > i { + color: #ffffff; +} +.layout-menu-indigo .menu-wrapper .layout-menu-container .layout-inline-menu { + border-color: rgba(255, 255, 255, 0.24); +} +.layout-menu-indigo .menu-wrapper .layout-menu-container .layout-inline-menu a { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-indigo .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action, +.layout-menu-indigo .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-indigo .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action i, +.layout-menu-indigo .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item i { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-indigo .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action:hover, +.layout-menu-indigo .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item:hover { + background-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-indigo .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel { + background-color: #1A237E; +} +@media (min-width: 992px) { + .layout-menu-indigo.layout-menu-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul, .layout-menu-indigo.layout-menu-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .layout-menu-indigo.layout-menu-horizontal .layout-inline-menu .layout-inline-menu-action-panel { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } +} + +.layout-menu-bluegrey { + --menu-bg-color:#37474F; + --menu-text-color: #ffffff; +} +.layout-menu-bluegrey .menu-wrapper { + background-color: #37474F; + box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.2), 4px 0 5px 0 rgba(0, 0, 0, 0.14), 1px 0 10px 0 rgba(0, 0, 0, 0.12); +} +.layout-menu-bluegrey .menu-wrapper .layout-menu-container .layout-menu > li > div .layout-menuitem-text { + color: #ffffff; +} +.layout-menu-bluegrey .menu-wrapper .layout-menu-container .layout-menu > li > ul { + background-color: #37474F; +} +.layout-menu-bluegrey .menu-wrapper .layout-menu-container .layout-menu li a { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-bluegrey .menu-wrapper .layout-menu-container .layout-menu li a i { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-bluegrey .menu-wrapper .layout-menu-container .layout-menu li a:hover { + background-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-bluegrey .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a { + background-color: rgba(255, 255, 255, 0.24); + color: #ffffff; +} +.layout-menu-bluegrey .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a > i { + color: #ffffff; +} +.layout-menu-bluegrey .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink { + background-color: rgba(255, 255, 255, 0.24); + color: #ffffff; +} +.layout-menu-bluegrey .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink > i { + color: #ffffff; +} +.layout-menu-bluegrey .menu-wrapper .layout-menu-container .layout-inline-menu { + border-color: rgba(255, 255, 255, 0.24); +} +.layout-menu-bluegrey .menu-wrapper .layout-menu-container .layout-inline-menu a { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-bluegrey .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action, +.layout-menu-bluegrey .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-bluegrey .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action i, +.layout-menu-bluegrey .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item i { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-bluegrey .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action:hover, +.layout-menu-bluegrey .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item:hover { + background-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-bluegrey .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel { + background-color: #37474F; +} +@media (min-width: 992px) { + .layout-menu-bluegrey.layout-menu-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul, .layout-menu-bluegrey.layout-menu-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .layout-menu-bluegrey.layout-menu-horizontal .layout-inline-menu .layout-inline-menu-action-panel { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } +} + +.layout-menu-brown { + --menu-bg-color:#4E342E; + --menu-text-color: #ffffff; +} +.layout-menu-brown .menu-wrapper { + background-color: #4E342E; + box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.2), 4px 0 5px 0 rgba(0, 0, 0, 0.14), 1px 0 10px 0 rgba(0, 0, 0, 0.12); +} +.layout-menu-brown .menu-wrapper .layout-menu-container .layout-menu > li > div .layout-menuitem-text { + color: #ffffff; +} +.layout-menu-brown .menu-wrapper .layout-menu-container .layout-menu > li > ul { + background-color: #4E342E; +} +.layout-menu-brown .menu-wrapper .layout-menu-container .layout-menu li a { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-brown .menu-wrapper .layout-menu-container .layout-menu li a i { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-brown .menu-wrapper .layout-menu-container .layout-menu li a:hover { + background-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-brown .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a { + background-color: rgba(255, 255, 255, 0.24); + color: #ffffff; +} +.layout-menu-brown .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a > i { + color: #ffffff; +} +.layout-menu-brown .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink { + background-color: rgba(255, 255, 255, 0.24); + color: #ffffff; +} +.layout-menu-brown .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink > i { + color: #ffffff; +} +.layout-menu-brown .menu-wrapper .layout-menu-container .layout-inline-menu { + border-color: rgba(255, 255, 255, 0.24); +} +.layout-menu-brown .menu-wrapper .layout-menu-container .layout-inline-menu a { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-brown .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action, +.layout-menu-brown .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-brown .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action i, +.layout-menu-brown .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item i { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-brown .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action:hover, +.layout-menu-brown .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item:hover { + background-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-brown .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel { + background-color: #4E342E; +} +@media (min-width: 992px) { + .layout-menu-brown.layout-menu-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul, .layout-menu-brown.layout-menu-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .layout-menu-brown.layout-menu-horizontal .layout-inline-menu .layout-inline-menu-action-panel { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } +} + +.layout-menu-cyan { + --menu-bg-color:#006064; + --menu-text-color: #ffffff; +} +.layout-menu-cyan .menu-wrapper { + background-color: #006064; + box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.2), 4px 0 5px 0 rgba(0, 0, 0, 0.14), 1px 0 10px 0 rgba(0, 0, 0, 0.12); +} +.layout-menu-cyan .menu-wrapper .layout-menu-container .layout-menu > li > div .layout-menuitem-text { + color: #ffffff; +} +.layout-menu-cyan .menu-wrapper .layout-menu-container .layout-menu > li > ul { + background-color: #006064; +} +.layout-menu-cyan .menu-wrapper .layout-menu-container .layout-menu li a { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-cyan .menu-wrapper .layout-menu-container .layout-menu li a i { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-cyan .menu-wrapper .layout-menu-container .layout-menu li a:hover { + background-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-cyan .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a { + background-color: rgba(255, 255, 255, 0.24); + color: #ffffff; +} +.layout-menu-cyan .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a > i { + color: #ffffff; +} +.layout-menu-cyan .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink { + background-color: rgba(255, 255, 255, 0.24); + color: #ffffff; +} +.layout-menu-cyan .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink > i { + color: #ffffff; +} +.layout-menu-cyan .menu-wrapper .layout-menu-container .layout-inline-menu { + border-color: rgba(255, 255, 255, 0.24); +} +.layout-menu-cyan .menu-wrapper .layout-menu-container .layout-inline-menu a { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-cyan .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action, +.layout-menu-cyan .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-cyan .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action i, +.layout-menu-cyan .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item i { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-cyan .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action:hover, +.layout-menu-cyan .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item:hover { + background-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-cyan .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel { + background-color: #006064; +} +@media (min-width: 992px) { + .layout-menu-cyan.layout-menu-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul, .layout-menu-cyan.layout-menu-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .layout-menu-cyan.layout-menu-horizontal .layout-inline-menu .layout-inline-menu-action-panel { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } +} + +.layout-menu-green { + --menu-bg-color:#2E7D32; + --menu-text-color: #ffffff; +} +.layout-menu-green .menu-wrapper { + background-color: #2E7D32; + box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.2), 4px 0 5px 0 rgba(0, 0, 0, 0.14), 1px 0 10px 0 rgba(0, 0, 0, 0.12); +} +.layout-menu-green .menu-wrapper .layout-menu-container .layout-menu > li > div .layout-menuitem-text { + color: #ffffff; +} +.layout-menu-green .menu-wrapper .layout-menu-container .layout-menu > li > ul { + background-color: #2E7D32; +} +.layout-menu-green .menu-wrapper .layout-menu-container .layout-menu li a { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-green .menu-wrapper .layout-menu-container .layout-menu li a i { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-green .menu-wrapper .layout-menu-container .layout-menu li a:hover { + background-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-green .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a { + background-color: rgba(255, 255, 255, 0.24); + color: #ffffff; +} +.layout-menu-green .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a > i { + color: #ffffff; +} +.layout-menu-green .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink { + background-color: rgba(255, 255, 255, 0.24); + color: #ffffff; +} +.layout-menu-green .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink > i { + color: #ffffff; +} +.layout-menu-green .menu-wrapper .layout-menu-container .layout-inline-menu { + border-color: rgba(255, 255, 255, 0.24); +} +.layout-menu-green .menu-wrapper .layout-menu-container .layout-inline-menu a { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-green .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action, +.layout-menu-green .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-green .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action i, +.layout-menu-green .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item i { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-green .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action:hover, +.layout-menu-green .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item:hover { + background-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-green .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel { + background-color: #2E7D32; +} +@media (min-width: 992px) { + .layout-menu-green.layout-menu-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul, .layout-menu-green.layout-menu-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .layout-menu-green.layout-menu-horizontal .layout-inline-menu .layout-inline-menu-action-panel { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } +} + +.layout-menu-deeppurple { + --menu-bg-color:#4527A0; + --menu-text-color: #ffffff; +} +.layout-menu-deeppurple .menu-wrapper { + background-color: #4527A0; + box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.2), 4px 0 5px 0 rgba(0, 0, 0, 0.14), 1px 0 10px 0 rgba(0, 0, 0, 0.12); +} +.layout-menu-deeppurple .menu-wrapper .layout-menu-container .layout-menu > li > div .layout-menuitem-text { + color: #ffffff; +} +.layout-menu-deeppurple .menu-wrapper .layout-menu-container .layout-menu > li > ul { + background-color: #4527A0; +} +.layout-menu-deeppurple .menu-wrapper .layout-menu-container .layout-menu li a { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-deeppurple .menu-wrapper .layout-menu-container .layout-menu li a i { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-deeppurple .menu-wrapper .layout-menu-container .layout-menu li a:hover { + background-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-deeppurple .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a { + background-color: rgba(255, 255, 255, 0.24); + color: #ffffff; +} +.layout-menu-deeppurple .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a > i { + color: #ffffff; +} +.layout-menu-deeppurple .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink { + background-color: rgba(255, 255, 255, 0.24); + color: #ffffff; +} +.layout-menu-deeppurple .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink > i { + color: #ffffff; +} +.layout-menu-deeppurple .menu-wrapper .layout-menu-container .layout-inline-menu { + border-color: rgba(255, 255, 255, 0.24); +} +.layout-menu-deeppurple .menu-wrapper .layout-menu-container .layout-inline-menu a { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-deeppurple .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action, +.layout-menu-deeppurple .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-deeppurple .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action i, +.layout-menu-deeppurple .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item i { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-deeppurple .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action:hover, +.layout-menu-deeppurple .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item:hover { + background-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-deeppurple .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel { + background-color: #4527A0; +} +@media (min-width: 992px) { + .layout-menu-deeppurple.layout-menu-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul, .layout-menu-deeppurple.layout-menu-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .layout-menu-deeppurple.layout-menu-horizontal .layout-inline-menu .layout-inline-menu-action-panel { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } +} + +.layout-menu-deeporange { + --menu-bg-color:#BF360C; + --menu-text-color: #ffffff; +} +.layout-menu-deeporange .menu-wrapper { + background-color: #BF360C; + box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.2), 4px 0 5px 0 rgba(0, 0, 0, 0.14), 1px 0 10px 0 rgba(0, 0, 0, 0.12); +} +.layout-menu-deeporange .menu-wrapper .layout-menu-container .layout-menu > li > div .layout-menuitem-text { + color: #ffffff; +} +.layout-menu-deeporange .menu-wrapper .layout-menu-container .layout-menu > li > ul { + background-color: #BF360C; +} +.layout-menu-deeporange .menu-wrapper .layout-menu-container .layout-menu li a { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-deeporange .menu-wrapper .layout-menu-container .layout-menu li a i { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-deeporange .menu-wrapper .layout-menu-container .layout-menu li a:hover { + background-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-deeporange .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a { + background-color: rgba(255, 255, 255, 0.24); + color: #ffffff; +} +.layout-menu-deeporange .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a > i { + color: #ffffff; +} +.layout-menu-deeporange .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink { + background-color: rgba(255, 255, 255, 0.24); + color: #ffffff; +} +.layout-menu-deeporange .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink > i { + color: #ffffff; +} +.layout-menu-deeporange .menu-wrapper .layout-menu-container .layout-inline-menu { + border-color: rgba(255, 255, 255, 0.24); +} +.layout-menu-deeporange .menu-wrapper .layout-menu-container .layout-inline-menu a { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-deeporange .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action, +.layout-menu-deeporange .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-deeporange .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action i, +.layout-menu-deeporange .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item i { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-deeporange .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action:hover, +.layout-menu-deeporange .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item:hover { + background-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-deeporange .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel { + background-color: #BF360C; +} +@media (min-width: 992px) { + .layout-menu-deeporange.layout-menu-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul, .layout-menu-deeporange.layout-menu-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .layout-menu-deeporange.layout-menu-horizontal .layout-inline-menu .layout-inline-menu-action-panel { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } +} + +.layout-menu-pink { + --menu-bg-color:#880E4F; + --menu-text-color: #ffffff; +} +.layout-menu-pink .menu-wrapper { + background-color: #880E4F; + box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.2), 4px 0 5px 0 rgba(0, 0, 0, 0.14), 1px 0 10px 0 rgba(0, 0, 0, 0.12); +} +.layout-menu-pink .menu-wrapper .layout-menu-container .layout-menu > li > div .layout-menuitem-text { + color: #ffffff; +} +.layout-menu-pink .menu-wrapper .layout-menu-container .layout-menu > li > ul { + background-color: #880E4F; +} +.layout-menu-pink .menu-wrapper .layout-menu-container .layout-menu li a { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-pink .menu-wrapper .layout-menu-container .layout-menu li a i { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-pink .menu-wrapper .layout-menu-container .layout-menu li a:hover { + background-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-pink .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a { + background-color: rgba(255, 255, 255, 0.24); + color: #ffffff; +} +.layout-menu-pink .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a > i { + color: #ffffff; +} +.layout-menu-pink .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink { + background-color: rgba(255, 255, 255, 0.24); + color: #ffffff; +} +.layout-menu-pink .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink > i { + color: #ffffff; +} +.layout-menu-pink .menu-wrapper .layout-menu-container .layout-inline-menu { + border-color: rgba(255, 255, 255, 0.24); +} +.layout-menu-pink .menu-wrapper .layout-menu-container .layout-inline-menu a { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-pink .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action, +.layout-menu-pink .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-pink .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action i, +.layout-menu-pink .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item i { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-pink .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action:hover, +.layout-menu-pink .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item:hover { + background-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-pink .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel { + background-color: #880E4F; +} +@media (min-width: 992px) { + .layout-menu-pink.layout-menu-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul, .layout-menu-pink.layout-menu-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .layout-menu-pink.layout-menu-horizontal .layout-inline-menu .layout-inline-menu-action-panel { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } +} + +.layout-menu-purple { + --menu-bg-color:#6A1B9A; + --menu-text-color: #ffffff; +} +.layout-menu-purple .menu-wrapper { + background-color: #6A1B9A; + box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.2), 4px 0 5px 0 rgba(0, 0, 0, 0.14), 1px 0 10px 0 rgba(0, 0, 0, 0.12); +} +.layout-menu-purple .menu-wrapper .layout-menu-container .layout-menu > li > div .layout-menuitem-text { + color: #ffffff; +} +.layout-menu-purple .menu-wrapper .layout-menu-container .layout-menu > li > ul { + background-color: #6A1B9A; +} +.layout-menu-purple .menu-wrapper .layout-menu-container .layout-menu li a { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-purple .menu-wrapper .layout-menu-container .layout-menu li a i { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-purple .menu-wrapper .layout-menu-container .layout-menu li a:hover { + background-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-purple .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a { + background-color: rgba(255, 255, 255, 0.24); + color: #ffffff; +} +.layout-menu-purple .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a > i { + color: #ffffff; +} +.layout-menu-purple .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink { + background-color: rgba(255, 255, 255, 0.24); + color: #ffffff; +} +.layout-menu-purple .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink > i { + color: #ffffff; +} +.layout-menu-purple .menu-wrapper .layout-menu-container .layout-inline-menu { + border-color: rgba(255, 255, 255, 0.24); +} +.layout-menu-purple .menu-wrapper .layout-menu-container .layout-inline-menu a { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-purple .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action, +.layout-menu-purple .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-purple .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action i, +.layout-menu-purple .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item i { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-purple .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action:hover, +.layout-menu-purple .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item:hover { + background-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-purple .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel { + background-color: #6A1B9A; +} +@media (min-width: 992px) { + .layout-menu-purple.layout-menu-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul, .layout-menu-purple.layout-menu-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .layout-menu-purple.layout-menu-horizontal .layout-inline-menu .layout-inline-menu-action-panel { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } +} + +.layout-menu-teal { + --menu-bg-color:#00695C; + --menu-text-color: #ffffff; +} +.layout-menu-teal .menu-wrapper { + background-color: #00695C; + box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.2), 4px 0 5px 0 rgba(0, 0, 0, 0.14), 1px 0 10px 0 rgba(0, 0, 0, 0.12); +} +.layout-menu-teal .menu-wrapper .layout-menu-container .layout-menu > li > div .layout-menuitem-text { + color: #ffffff; +} +.layout-menu-teal .menu-wrapper .layout-menu-container .layout-menu > li > ul { + background-color: #00695C; +} +.layout-menu-teal .menu-wrapper .layout-menu-container .layout-menu li a { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-teal .menu-wrapper .layout-menu-container .layout-menu li a i { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-teal .menu-wrapper .layout-menu-container .layout-menu li a:hover { + background-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-teal .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a { + background-color: rgba(255, 255, 255, 0.24); + color: #ffffff; +} +.layout-menu-teal .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a > i { + color: #ffffff; +} +.layout-menu-teal .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink { + background-color: rgba(255, 255, 255, 0.24); + color: #ffffff; +} +.layout-menu-teal .menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink > i { + color: #ffffff; +} +.layout-menu-teal .menu-wrapper .layout-menu-container .layout-inline-menu { + border-color: rgba(255, 255, 255, 0.24); +} +.layout-menu-teal .menu-wrapper .layout-menu-container .layout-inline-menu a { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-teal .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action, +.layout-menu-teal .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-teal .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action i, +.layout-menu-teal .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item i { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-teal .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action:hover, +.layout-menu-teal .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item:hover { + background-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-teal .menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel { + background-color: #00695C; +} +@media (min-width: 992px) { + .layout-menu-teal.layout-menu-horizontal .menu-wrapper .layout-menu-container .layout-menu > li > ul, .layout-menu-teal.layout-menu-slim .menu-wrapper .layout-menu-container .layout-menu > li > ul { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .layout-menu-teal.layout-menu-horizontal .layout-inline-menu .layout-inline-menu-action-panel { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } +} + +.layout-megamenu.p-megamenu { + border: 0 none; + padding: 0; +} + +.p-datatable-products .p-datatable-tbody > tr > td .p-column-title { + display: none; +} + +@media (max-width: 991px) { + .p-datatable.p-datatable-products .p-datatable-thead > tr > th, +.p-datatable.p-datatable-products .p-datatable-tfoot > tr > td { + display: none !important; + } + .p-datatable.p-datatable-products .p-datatable-tbody > tr { + border-bottom: 1px solid var(--surface-d); + } + .p-datatable.p-datatable-products .p-datatable-tbody > tr > td { + text-align: left; + display: flex; + border: 0 none !important; + width: 100% !important; + border: 0 none; + align-items: center; + } + .p-datatable.p-datatable-products .p-datatable-tbody > tr > td .p-column-title { + min-width: 30%; + display: block; + font-weight: bold; + } + + .layout-rtl .p-datatable.p-datatable-products .p-datatable-tbody > tr > td { + text-align: right; + float: right; + clear: right; + } + .layout-rtl .p-datatable.p-datatable-products .p-datatable-tbody > tr > td .p-column-title { + margin: -0.4rem -0.4rem -0.4rem 1rem; + } +} +.pages-body { + height: 100vh; +} +.pages-body .topbar { + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); + background-color: #1565C0; + z-index: 100; +} +.pages-body .topbar .topbar-left img { + height: 2rem; +} +.pages-body .topbar .p-button.p-button-text.p-button-plain { + color: #ffffff; +} +.pages-body .pages-panel { + text-align: center; + z-index: 200; +} +.pages-body .pages-panel.card { + border: 1.5px solid #E4E4E4; + border-radius: 6px; +} +.pages-body .pages-panel.card img { + width: 100%; +} +.pages-body .pages-panel.card > .card { + background-color: #ECEFF1; +} +.pages-body .pages-panel .pages-header { + margin-top: -3rem; + color: var(--primary-color-text); + border: 1.5px solid #E4E4E4; + border-radius: 4px; + margin-left: auto; + margin-right: auto; +} +.pages-body .pages-panel .pages-header h2 { + margin: 0; +} +.pages-body .pages-panel .pages-detail { + color: #616161; +} +.pages-body.login-page { + background: url("../images/pages/login-bg.jpg"); + background-size: cover; +} +.pages-body.login-page .pages-panel .pages-header { + background: #0097A7; +} +.pages-body.login-page .pages-panel .input-panel { + width: 100%; +} +.pages-body.login-page .pages-panel .input-panel .p-inputtext { + width: 100%; +} +.pages-body.login-page .pages-panel .login-button > * { + width: 100%; +} +.pages-body.contact-page .map iframe { + border: 0; + position: absolute; + float: left; + clear: both; + width: 100%; + height: 45vh; + z-index: 0; + opacity: 0.5; +} +.pages-body.contact-page .map span { + position: absolute; + float: left; + clear: both; + width: 100%; + height: 45vh; + z-index: -1; + background: linear-gradient(180deg, #040B0F 0%, rgba(7, 14, 18, 0) 100%); +} +.pages-body.contact-page i { + color: white; +} +.pages-body.contact-page .pages-panel { + text-align: left; + width: 75%; + max-width: 1050px; + margin: auto; + position: absolute; + top: 33%; + left: 0; + right: 0; +} +.pages-body.contact-page .pages-panel .title { + font-weight: 500; + margin-bottom: 0; +} +.pages-body.contact-page .pages-panel .card .contact-input { + width: 100%; +} +.pages-body.contact-page .pages-panel .card .right-panel i { + font-size: 2rem; + padding: 0.5rem; + border-radius: 4px; +} +.pages-body.contact-page .pages-panel .card .right-panel i.pi-home { + color: #1565C0; + background: #BBDEFB; + background-size: auto; +} +.pages-body.contact-page .pages-panel .card .right-panel i.pi-briefcase { + color: #00838f; + background: #B2DFDB; + background-size: auto; +} +.pages-body.error-page { + background: url("../images/pages/error-bg.jpg"); + background-size: cover; +} +.pages-body.error-page .pages-panel .pages-header { + background: #D81B60; +} +.pages-body.notfound-page { + background: url("../images/pages/404-bg.jpg"); + background-size: cover; +} +.pages-body.notfound-page .pages-panel .pages-header { + background: #455A64; +} +.pages-body.accessdenied-page { + background: url("../images/pages/accessDenied-bg.jpg"); + background-size: cover; +} +.pages-body.accessdenied-page .pages-panel .pages-header { + background: #FB8C00; +} + +@media screen and (max-width: 768px) { + .pages-body.contact-page .pages-panel { + padding-bottom: 10em; + } + .pages-body.contact-page .pages-panel .p-button { + width: 100%; + } + .pages-body.contact-page .pages-panel .card .right-panel { + text-align: center; + } +} +.landing-container .landing-color-button { + position: fixed; + bottom: 3rem; + right: 3rem; + z-index: 9999; +} +.landing-container h1, .landing-container h2, .landing-container h3, .landing-container h4, .landing-container h5, .landing-container h6 { + font-weight: 400; +} +.landing-container ul { + margin: 0; + padding: 0; + border: 0; + outline: 0; + text-decoration: none; + list-style-type: none; +} +.landing-container .section { + padding: 2rem 15rem; +} +.landing-container #header { + width: 100%; + min-height: 400px; + background: url("../images/landing/landing-header.png") top left no-repeat #f7f7f7; + background-size: cover; +} +.landing-container #header .header-menu-container a { + color: #ffffff; + cursor: pointer; +} +.landing-container #header .header-menu-container #menu { + display: flex; + align-items: center; + flex-direction: row; +} +.landing-container #header .header-text { + flex-grow: 1; +} +.landing-container #features .feature-button { + width: 100px; + height: 100px; +} +.landing-container #promotion { + background: url("../images/landing/promotion.png") top left no-repeat; + background-size: 100% auto; +} +.landing-container #pricing .pricing-content { + width: 100%; +} +.landing-container #pricing .pricing-content .card { + height: 100%; +} +.landing-container #pricing .pricing-content .options { + padding: 2rem 4rem; +} +.landing-container #pricing .pricing-content .options li { + display: flex; + align-items: center; +} +.landing-container #pricing .pricing-content .options i, .landing-container #pricing .pricing-content .options span { + padding: 1rem; +} +.landing-container #pricing .pricing-content .options span { + font-size: 1.2rem; +} +.landing-container #footer { + border-top: 1px solid #E4E4E4; +} +.landing-container #footer a { + color: #212121; +} +.landing-container #footer li { + padding: 0.25rem; +} + +@media screen and (min-width: 990px) { + .landing-container #header .header-menu-container { + box-shadow: none; + } + .landing-container #header .header-menu-container #menu { + box-shadow: none; + } +} +@media screen and (max-width: 991px) { + .landing-container .section { + padding: 2rem; + } + .landing-container #header .header-menu-container { + z-index: 100; + position: fixed; + top: 0; + left: 0; + width: 100%; + background: #212121; + padding: 2rem 5rem; + } + .landing-container #header .header-menu-container #menu { + display: none; + z-index: 100; + position: fixed; + top: 6rem; + right: 5rem; + width: 250px; + background-color: #ffffff; + color: #212121; + animation-duration: 0.2s; + } + .landing-container #header .header-menu-container #menu a { + color: #212121; + } + .landing-container #header .header-menu-container #menu > li { + width: 100%; + } + .landing-container #header .header-menu-container #menu > li:hover { + background-color: rgba(0, 0, 0, 0.04); + transition: background-color 0.2s; + } + .landing-container #header .header-menu-container #menu.menu-active { + display: flex; + flex-direction: column; + align-items: flex-start; + justify-content: stretch; + } +} +.overview-box .overview-status { + font-weight: 500; + border-radius: 2px; + color: #f7f7f7; +} + +.widget-list { + margin: 0; + padding: 0; + border: 0; + outline: 0; + text-decoration: none; + list-style-type: none; +} +.widget-list > li { + border-bottom: 1px solid #E4E4E4; +} +.widget-list > li:last-child { + border-bottom: 0 none; +} +.widget-list > li .person-item img { + width: 2.5rem; + height: 2.5rem; +} +.widget-list > li .widget-list-item-radius, +.widget-list > li .person-tag { + border-radius: 2px; + color: #f7f7f7; + font-weight: 500; +} +.widget-list > li .p-progressbar { + height: 6px; + border-radius: 10px; + background: #ECEFF1; +} +.widget-list > li .p-progressbar-value { + background: #FF9800; +} + +.widget-expenses .card-subheader { + font-size: 0.9rem; + color: #616161; + border-bottom: 1px solid #E4E4E4; +} +.widget-expenses .item { + padding: 0.5rem; + border-bottom: 1px solid #E4E4E4; +} +.widget-expenses .item:last-child { + border: 0 none; +} +.widget-expenses .item .type { + color: #0097A7; + font-size: 1.5rem; +} +.widget-expenses .item .value { + font-weight: 500; +} +.widget-expenses .item .subtext { + color: #616161; +} +.widget-expenses .item .item-button a { + color: #616161; +} + +.widget-traffic .left { + padding: 1rem; +} +.widget-traffic .left .total .title { + color: #616161; +} +.widget-traffic .left .total .value { + font-size: 2rem; + font-weight: 500; +} +.widget-traffic .left .info .title { + color: #616161; +} +.widget-traffic .left .info .value { + font-weight: 500; +} +.widget-traffic .left .info .percent { + font-size: 0.9rem; + font-weight: 500; + line-height: 1.5; +} +.widget-traffic .left .info .percent i.type-green { + color: #0097A7; +} +.widget-traffic .left .info .percent i.type-orange { + color: #EF6C00; +} +.widget-traffic .left .info .percent i.type-gray { + color: #455A64; +} + +.widget-insights .card-subheader { + font-size: 0.9rem; + color: #616161; + border-bottom: 1px solid #E4E4E4; +} + +.widget-social .info { + text-align: right; +} +.widget-social .info .value { + font-size: 2rem; +} +.widget-social .info .subtext { + color: #616161; +} +.widget-social .left, .widget-social .right { + width: 50%; + text-align: center; + padding: 1rem; +} +.widget-social .left .title, .widget-social .right .title { + font-weight: 500; +} +.widget-social .left .value, .widget-social .right .value { + color: #616161; +} +.widget-social .left { + border-right: 1px solid #E4E4E4; +} +.widget-social .p-progressbar { + height: 6px; + border-radius: 10px; + background: #ECEFF1; +} +.widget-social .p-progressbar-value { + background: #FFB300; +} +.widget-social .stats { + border-top: 1px solid #E4E4E4; +} + +.widget-overlay { + position: relative; +} +.widget-overlay .overlay-header { + position: relative; + height: 20rem; + top: -3rem; + background-color: #ffffff; + border-radius: 4px; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); +} +.widget-overlay .description { + line-height: 1.5; +} + +.widget-topsearchs .item { + padding: 1rem; + border-bottom: 1px solid #E4E4E4; +} +.widget-topsearchs .item .value { + font-weight: 500; +} +.widget-topsearchs .item .value.type-green { + color: #00ACC1; +} +.widget-topsearchs .item .value.type-yellow { + color: #EF6C00; +} +.widget-topsearchs .item .value.type-pink { + color: #E91E63; +} +.widget-topsearchs .item:nth-child(even) { + background-color: #ECEFF1; +} +.widget-topsearchs .item:last-child { + border-bottom: 0 none; +} + +.widget-timeline .p-timeline.p-timeline-vertical .p-timeline-event-opposite { + flex: 0; + padding: 0; +} +.widget-timeline .p-timeline-event-separator .marker-icon { + color: white; +} +.widget-timeline .p-timeline-event-separator .custom-marker { + border-radius: 4px; +} + +.widget-activity { + margin: 0; + padding: 0; + border: 0; + outline: 0; + text-decoration: none; + list-style-type: none; +} +.widget-activity > li { + padding: 1rem 0; + border-bottom: 1px solid #E4E4E4; +} +.widget-activity > li:last-child { + border-bottom: 0 none; +} +.widget-activity > li:nth-child(1) .p-progressbar-value { + background: #FFC107; +} +.widget-activity > li:nth-child(2) .p-progressbar-value { + background: #E91E63; +} +.widget-activity > li:nth-child(3) .p-progressbar-value { + background: #00ACC1; +} +.widget-activity > li:nth-child(4) .p-progressbar-value { + background: #00ACC1; +} +.widget-activity > li:nth-child(5) .p-progressbar-value { + background: #00ACC1; +} +.widget-activity > li:nth-child(6) .p-progressbar-value { + background: #E91E63; +} +.widget-activity > li .activity-item .activity-title { + font-weight: 500; +} +.widget-activity > li .activity-item .activity-subtext { + font-size: 0.85rem; + color: #616161; +} +.widget-activity > li .activity-item .p-progressbar { + height: 6px; + border-radius: 10px; + background: #ECEFF1; +} + +.widget-bestsellers { + margin: 0; + padding: 0; + border: 0; + outline: 0; + text-decoration: none; + list-style-type: none; +} +.widget-bestsellers > li { + padding: 1rem 0; +} +.widget-bestsellers > li:last-child { + border-bottom: 0 none; +} +.widget-bestsellers > li .bestseller-item { + background-color: #ECEFF1; + border-radius: 4px; + height: 3.5rem; + transition: box-shadow 0.2s; +} +.widget-bestsellers > li .bestseller-item img { + width: 32px; + height: 32px; + border-radius: 50%; +} +.widget-bestsellers > li .bestseller-item a { + color: #616161; +} +.widget-bestsellers > li .bestseller-item .item-button { + margin-left: auto; +} +.widget-bestsellers > li .bestseller-item:hover { + cursor: pointer; + background-color: rgba(0, 0, 0, 0.04); + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); +} + +.widget-map .map-container { + background-image: url("../../layout/images/widgets/map.jpg"); + width: 100%; + min-height: 20rem; + background-size: cover; +} + +.widget-chat ul { + margin: 0; + padding: 0; + border: 0; + outline: 0; + text-decoration: none; + list-style-type: none; + padding: 1rem 1rem 0; + height: 420px; + overflow-y: auto; +} +.widget-chat ul li img { + width: 32px; +} +.widget-chat ul li .message { + color: #f7f7f7; +} +.widget-chat ul li.from .message { + padding: 1rem; + border-radius: 30px; +} +.widget-chat ul li.own { + text-align: right; +} +.widget-chat ul li.own .message { + padding: 1rem; + border-radius: 30px; +} +.widget-chat .write-message { + border-radius: 30px; +} +.widget-chat .write-message .p-inputgroup-addon { + padding: 0; + overflow: hidden; +} +.widget-chat .write-message .p-inputgroup-addon:first-child { + border-top-left-radius: 30px; + border-bottom-left-radius: 30px; +} +.widget-chat .write-message .p-inputgroup-addon:last-child { + border-top-right-radius: 30px; + border-bottom-right-radius: 30px; +} +.widget-chat .write-message .p-inputgroup-addon > .p-button { + height: calc(2.5rem + 2px); + border-radius: 0; +} +.widget-chat .write-message .emoji { + width: 90%; +} +.widget-chat .write-message .emoji .emoji-button { + border-radius: 50%; + width: 2.5rem; + height: 2.5rem; + min-width: 0; +} +.widget-chat .write-message .emoji .emoji-button .p-button-label { + color: yellow !important; + font-size: 1.5rem; +} +@media (min-width: 990px) { + .widget-chat .write-message .emoji { + width: 40%; + margin-left: -38%; + } +} + +.widget-pricing { + width: 100%; +} +.widget-pricing .card { + height: 100%; +} +.widget-pricing .options { + padding: 1rem 2rem; +} +.widget-pricing .options li { + display: flex; + align-items: center; +} +.widget-pricing .options i, .widget-pricing .options span { + padding: 1rem; +} +.widget-pricing .options span { + font-size: 1.2rem; +} + +html { + height: 100%; + font-size: 14px; +} + +body { + font-family: Roboto, "Helvetica Neue", sans-serif; + font-size: 1rem; + color: #212121; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + padding: 0; + margin: 0; + background-color: #f7f7f7; + min-height: 100%; +} +body a { + text-decoration: none; + color: #616161; +} + +.layout-mask { + display: none; + position: fixed; + top: 0; + left: 0; + z-index: 996; + width: 100%; + height: 100%; + animation-duration: 0.2s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} + +.layout-wrapper .layout-main { + padding-top: 4rem; + display: flex; + flex-direction: column; + justify-content: space-between; + min-height: 100vh; +} +.layout-wrapper .layout-main .layout-content { + padding: 2rem; + padding-top: 1rem; + flex: 1 1 0; +} + +.layout-ajax-loader-icon { + position: fixed; + right: 2rem; + bottom: 2rem; + font-size: 2rem; + color: #616161; + z-index: 999; +} + +.layout-footer { + background-color: #ffffff; +} + +.layout-config { + transition: transform 0.2s; +} +.layout-config .p-sidebar-content, +.layout-config .layout-config-panel { + height: 100%; +} +.layout-config .p-sidebar-header, +.layout-config .p-sidebar-content { + padding: 0; +} +.layout-config .layout-config-options { + height: 100%; + overflow-y: auto; +} +.layout-config .layout-config-options .layout-config-color-option { + width: 1.75rem; + height: 1.75rem; + display: block; + position: relative; +} +.layout-config .layout-config-options .layout-config-color-option.p-disabled { + opacity: 0.1; +} +.layout-config .layout-config-options .layout-config-color-option .color { + display: inline-block; + width: 100%; + height: 100%; + border-radius: 4px; + border: 1px solid #E4E4E4; +} +.layout-config .layout-config-options .layout-config-color-option .check { + position: absolute; + left: 0; + top: 0; + z-index: 1; + pointer-events: none; + width: 100%; + height: 100%; +} +.layout-config p { + color: var(--text-color-secondary); +} +.layout-config .scale-icon { + color: var(--surface-d); +} +.layout-config .scale-icon.scale-active { + color: var(--primary-color); +} + +.layout-config-button.p-button { + position: fixed; + top: 35%; + right: 0; + width: auto; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.layout-config-button.p-button .p-button-icon { + font-size: 2rem; +} + +.layout-help-page .layout-help-page-header { + position: relative; +} +.layout-help-page .layout-help-page-header .layout-help-page-header-text { + position: absolute; + left: 2rem; + top: 50%; + margin-top: -1.75rem; + color: #ffffff; +} +.layout-help-page .layout-help-page-header .layout-help-page-search { + position: absolute; + left: 2rem; + bottom: -1rem; + border-radius: 4px; + width: calc(100% - 4rem); +} +.layout-help-page .layout-help-page-header .layout-help-page-search .p-inputtext { + border: 0 none; +} + +@media print { + body * { + visibility: hidden; + } + + .layout-invoice-content { + position: absolute; + left: 0; + top: 0; + } + .layout-invoice-content * { + visibility: visible; + box-shadow: none; + color: #212121 !important; + border-color: #e4e4e4 !important; + background-color: transparent; + } +} +.layout-breadcrumb-container { + background-color: #ffffff; +} +.layout-breadcrumb-container .layout-breadcrumb { + background: transparent; + border: 0 none; + border-radius: 0; +} +.layout-breadcrumb-container .layout-breadcrumb-buttons .p-button { + width: 2.5rem; + height: 2.5rem; +} + +.wizard-body { + height: 100vh; + background: url("../../layout/images/extensions/background@2x.jpg") center; + background-size: cover; + background-repeat: no-repeat; + background-attachment: fixed; +} +.wizard-body .wizard-wrapper { + display: flex; + flex-direction: column; + height: 100%; +} +.wizard-body .wizard-wrapper .wizard-topbar { + background-color: #3949ab; + z-index: 1000; + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); + height: 75px; + padding: 0 10%; + display: flex; + justify-content: space-between; + align-items: center; + flex-basis: 75px; + flex-grow: 0; + flex-shrink: 0; +} +.wizard-body .wizard-wrapper .wizard-topbar .logo { + display: inline-block; + vertical-align: middle; + width: 200px; + height: 30px; + background: url("../../layout/images/logo.png") top left no-repeat; +} +.wizard-body .wizard-wrapper .wizard-topbar .profile { + display: flex; + justify-content: center; + align-items: center; + flex-direction: row; +} +.wizard-body .wizard-wrapper .wizard-topbar .profile .profile-text { + margin-right: 15px; + text-align: right; +} +.wizard-body .wizard-wrapper .wizard-topbar .profile .profile-text h1 { + font-size: 16px; + color: #ffffff; + margin: 0; +} +.wizard-body .wizard-wrapper .wizard-topbar .profile .profile-text p { + font-size: 16px; + opacity: 0.6; + margin: 0; + color: rgba(255, 255, 255, 0.7); +} +.wizard-body .wizard-wrapper .wizard-topbar .profile .profile-image { + display: inline-block; + vertical-align: middle; + width: 40px; +} +.wizard-body .wizard-wrapper .wizard-content { + height: calc(100% - 75px); + min-height: 600px; + display: flex; + align-items: center; + justify-content: center; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card { + background-color: #fafafa; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.14); + height: 550px; + width: 54.33%; + display: flex; + flex-direction: column; + flex-grow: 0; + flex-shrink: 0; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-header { + width: 100%; + background-color: #3f51b5; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); + position: relative; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-header .tab { + background-color: #3f51b5; + text-align: center; + cursor: pointer; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-header .tab i { + width: 20px; + opacity: 0.38; + color: #ffffff; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-header .tab .title { + color: #ffffff; + opacity: 0.38; + font-size: 16px; + line-height: 1.5em; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-header .tab .icon { + line-height: 1.5em; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-header .tab.selected-tab { + transition-duration: 0.6s; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-header .tab.selected-tab i { + opacity: 1; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-header .tab.selected-tab .title { + opacity: 1; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-header .tab-bar { + position: absolute; + bottom: 0; + left: 0; + height: 2px; + width: 33.3333%; + transition: 0.5s cubic-bezier(0.35, 0, 0.25, 1); + background-color: #ffffff; + visibility: visible; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-header .tab-bar.tab-bar-register { + width: 33.3333%; + left: 0; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-header .tab-bar.tab-bar-tier { + width: 33.3333%; + left: 33.3333%; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-header .tab-bar.tab-bar-payment { + width: 33.3333%; + left: 66.6667%; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content { + padding: 30px; + display: none; + overflow: auto; + height: 100%; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content > .grid { + height: 100%; + width: 100%; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content h1 { + font-size: 12px; + color: rgba(0, 0, 0, 0.6); + letter-spacing: 2px; + margin: 0; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.active-content { + display: flex; + flex-grow: 1; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.register .forms .p-inputgroup { + margin-top: 25px; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.register .forms .p-inputgroup input { + width: 100%; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.register .forms .p-dropdown { + margin-top: 25px; + width: 100%; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.register .forms .p-dropdown .p-dropdown-trigger { + right: 10px; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.register .forms .calendar { + margin-top: 14px; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.register .forms .calendar .p-calendar { + width: 100%; + position: relative; + padding: 1px; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.register .forms .calendar .p-calendar input { + width: 100%; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.register .continue-button.p-button { + width: 100%; + margin-top: 25px; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.tier .card { + min-height: 400px; + padding: 0; + position: relative; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.tier .card .card-header { + color: #ffffff; + font-size: 18px; + padding: 15px 10px; + background-color: #3f51b5; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.tier .card .card-header h1 { + color: #ffffff; + font-size: 24px; + display: inline; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.tier .card .card-content { + font-size: 14px; + padding: 10px; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.tier .card .card-content i { + color: #3f51b5; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.tier .card .card-content .card-row { + height: 40px; + width: 100%; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.tier .card .card-content .tier-button-wrapper { + position: absolute; + bottom: 15px; + right: 10px; + left: 0px; + width: auto; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.tier .card .card-content .tier-button-wrapper .tier-button.p-button { + width: 100%; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.tier .card.pro .card-header { + background-color: #e91e63; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.tier .card.pro .card-content i { + color: #e91e63; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.tier .card.pro .card-content .tier-button.p-button { + background-color: #e91e63; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.tier .card.pro-plus .card-header { + background-color: #607d8b; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.tier .card.pro-plus .card-content i { + color: #607d8b; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.tier .card.pro-plus .card-content .tier-button.p-button { + background-color: #607d8b; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.payment { + padding: 0; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.payment .payment-info { + padding: 70px 35px; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.payment .payment-info .p-float-label input { + width: 100%; + padding-bottom: 15px; + background-color: transparent; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.payment .payment-info .p-checkbox-label { + margin-left: 0.5em; + font-size: 14px; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.payment .payment-info #customPanel { + width: 100%; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.payment .payment-info .check-info { + margin-top: 10px; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.payment .order-info { + padding: 15px; + background-color: #e0e0e0; + border-left: solid 1px #bdbdbd; + font-size: 14px; + color: #757575; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.payment .order-info .order-basic, .wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.payment .order-info .order-pro, .wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.payment .order-info .order-pro-plus, .wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.payment .order-info .order-default { + display: none; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.payment .order-info .selected-order { + display: block; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.payment .order-info h1 { + margin-top: 15px; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.payment .order-info .price { + font-weight: 700; + text-align: right; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.payment .order-info .total { + border-top: 1px solid #bdbdbd; + padding: 15px 0px; + margin-top: 30px; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.payment .order-info .buy-button.p-button { + width: 100%; + margin: 68px 0; +} + +@media (max-width: 1024px) { + .wizard-body .wizard-wrapper .wizard-content .wizard-card { + width: 90%; + } +} +@media (max-width: 640px) { + .wizard-body .wizard-wrapper .wizard-topbar { + height: 150px; + padding: 0 5%; + flex-direction: column; + justify-content: space-around; + flex-basis: 150px; + } + .wizard-body .wizard-wrapper .wizard-topbar .logo { + align-self: flex-start; + } + .wizard-body .wizard-wrapper .wizard-topbar .profile { + align-self: flex-end; + } + .wizard-body .wizard-wrapper .wizard-content { + height: calc(100% - 150px); + } +} +/* Add your customizations of layout here */ diff --git a/src/assets/layout/css/layout-light.scss b/src/assets/layout/css/layout-light.scss new file mode 100644 index 00000000..127280a0 --- /dev/null +++ b/src/assets/layout/css/layout-light.scss @@ -0,0 +1 @@ +@import '../../sass/layout/core/_layout_light'; diff --git a/src/assets/layout/fonts/MaterialIcons-Regular.eot b/src/assets/layout/fonts/MaterialIcons-Regular.eot deleted file mode 100644 index 70508eba..00000000 Binary files a/src/assets/layout/fonts/MaterialIcons-Regular.eot and /dev/null differ diff --git a/src/assets/layout/fonts/MaterialIcons-Regular.ttf b/src/assets/layout/fonts/MaterialIcons-Regular.ttf deleted file mode 100644 index 7015564a..00000000 Binary files a/src/assets/layout/fonts/MaterialIcons-Regular.ttf and /dev/null differ diff --git a/src/assets/layout/fonts/MaterialIcons-Regular.woff b/src/assets/layout/fonts/MaterialIcons-Regular.woff deleted file mode 100644 index b648a3ee..00000000 Binary files a/src/assets/layout/fonts/MaterialIcons-Regular.woff and /dev/null differ diff --git a/src/assets/layout/fonts/MaterialIcons-Regular.woff2 b/src/assets/layout/fonts/MaterialIcons-Regular.woff2 deleted file mode 100644 index 9fa21125..00000000 Binary files a/src/assets/layout/fonts/MaterialIcons-Regular.woff2 and /dev/null differ diff --git a/src/assets/layout/fonts/roboto-v15-latin-300.eot b/src/assets/layout/fonts/roboto-v15-latin-300.eot deleted file mode 100644 index 826acfda..00000000 Binary files a/src/assets/layout/fonts/roboto-v15-latin-300.eot and /dev/null differ diff --git a/src/assets/layout/fonts/roboto-v15-latin-300.svg b/src/assets/layout/fonts/roboto-v15-latin-300.svg deleted file mode 100644 index 52b28327..00000000 --- a/src/assets/layout/fonts/roboto-v15-latin-300.svg +++ /dev/null @@ -1,314 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/layout/fonts/roboto-v15-latin-300.ttf b/src/assets/layout/fonts/roboto-v15-latin-300.ttf deleted file mode 100644 index 66bc5ab8..00000000 Binary files a/src/assets/layout/fonts/roboto-v15-latin-300.ttf and /dev/null differ diff --git a/src/assets/layout/fonts/roboto-v15-latin-300.woff b/src/assets/layout/fonts/roboto-v15-latin-300.woff deleted file mode 100644 index 7e6c479f..00000000 Binary files a/src/assets/layout/fonts/roboto-v15-latin-300.woff and /dev/null differ diff --git a/src/assets/layout/fonts/roboto-v15-latin-300.woff2 b/src/assets/layout/fonts/roboto-v15-latin-300.woff2 deleted file mode 100644 index c34c1280..00000000 Binary files a/src/assets/layout/fonts/roboto-v15-latin-300.woff2 and /dev/null differ diff --git a/src/assets/layout/fonts/roboto-v15-latin-700.eot b/src/assets/layout/fonts/roboto-v15-latin-700.eot deleted file mode 100644 index f89cad7b..00000000 Binary files a/src/assets/layout/fonts/roboto-v15-latin-700.eot and /dev/null differ diff --git a/src/assets/layout/fonts/roboto-v15-latin-700.svg b/src/assets/layout/fonts/roboto-v15-latin-700.svg deleted file mode 100644 index fc8d42f9..00000000 --- a/src/assets/layout/fonts/roboto-v15-latin-700.svg +++ /dev/null @@ -1,310 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/layout/fonts/roboto-v15-latin-700.ttf b/src/assets/layout/fonts/roboto-v15-latin-700.ttf deleted file mode 100644 index 19090afb..00000000 Binary files a/src/assets/layout/fonts/roboto-v15-latin-700.ttf and /dev/null differ diff --git a/src/assets/layout/fonts/roboto-v15-latin-700.woff b/src/assets/layout/fonts/roboto-v15-latin-700.woff deleted file mode 100644 index bf737c1c..00000000 Binary files a/src/assets/layout/fonts/roboto-v15-latin-700.woff and /dev/null differ diff --git a/src/assets/layout/fonts/roboto-v15-latin-700.woff2 b/src/assets/layout/fonts/roboto-v15-latin-700.woff2 deleted file mode 100644 index 11cde5d0..00000000 Binary files a/src/assets/layout/fonts/roboto-v15-latin-700.woff2 and /dev/null differ diff --git a/src/assets/layout/fonts/roboto-v15-latin-regular.eot b/src/assets/layout/fonts/roboto-v15-latin-regular.eot deleted file mode 100644 index d26bc8f5..00000000 Binary files a/src/assets/layout/fonts/roboto-v15-latin-regular.eot and /dev/null differ diff --git a/src/assets/layout/fonts/roboto-v15-latin-regular.svg b/src/assets/layout/fonts/roboto-v15-latin-regular.svg deleted file mode 100644 index ed55c105..00000000 --- a/src/assets/layout/fonts/roboto-v15-latin-regular.svg +++ /dev/null @@ -1,308 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/layout/fonts/roboto-v15-latin-regular.ttf b/src/assets/layout/fonts/roboto-v15-latin-regular.ttf deleted file mode 100644 index 7b25f3ce..00000000 Binary files a/src/assets/layout/fonts/roboto-v15-latin-regular.ttf and /dev/null differ diff --git a/src/assets/layout/fonts/roboto-v15-latin-regular.woff b/src/assets/layout/fonts/roboto-v15-latin-regular.woff deleted file mode 100644 index 941dfa4b..00000000 Binary files a/src/assets/layout/fonts/roboto-v15-latin-regular.woff and /dev/null differ diff --git a/src/assets/layout/fonts/roboto-v15-latin-regular.woff2 b/src/assets/layout/fonts/roboto-v15-latin-regular.woff2 deleted file mode 100644 index 120796bb..00000000 Binary files a/src/assets/layout/fonts/roboto-v15-latin-regular.woff2 and /dev/null differ diff --git a/src/assets/layout/fonts/roboto-v20-latin-ext_latin-500.woff b/src/assets/layout/fonts/roboto-v20-latin-ext_latin-500.woff new file mode 100644 index 00000000..fb70b7e9 Binary files /dev/null and b/src/assets/layout/fonts/roboto-v20-latin-ext_latin-500.woff differ diff --git a/src/assets/layout/fonts/roboto-v20-latin-ext_latin-500.woff2 b/src/assets/layout/fonts/roboto-v20-latin-ext_latin-500.woff2 new file mode 100644 index 00000000..96981bc8 Binary files /dev/null and b/src/assets/layout/fonts/roboto-v20-latin-ext_latin-500.woff2 differ diff --git a/src/assets/layout/fonts/roboto-v20-latin-ext_latin-700.woff b/src/assets/layout/fonts/roboto-v20-latin-ext_latin-700.woff new file mode 100644 index 00000000..d023f3de Binary files /dev/null and b/src/assets/layout/fonts/roboto-v20-latin-ext_latin-700.woff differ diff --git a/src/assets/layout/fonts/roboto-v20-latin-ext_latin-700.woff2 b/src/assets/layout/fonts/roboto-v20-latin-ext_latin-700.woff2 new file mode 100644 index 00000000..fd492103 Binary files /dev/null and b/src/assets/layout/fonts/roboto-v20-latin-ext_latin-700.woff2 differ diff --git a/src/assets/layout/fonts/roboto-v20-latin-ext_latin-regular.woff b/src/assets/layout/fonts/roboto-v20-latin-ext_latin-regular.woff new file mode 100644 index 00000000..f9849dfb Binary files /dev/null and b/src/assets/layout/fonts/roboto-v20-latin-ext_latin-regular.woff differ diff --git a/src/assets/layout/fonts/roboto-v20-latin-ext_latin-regular.woff2 b/src/assets/layout/fonts/roboto-v20-latin-ext_latin-regular.woff2 new file mode 100644 index 00000000..1f7dd5b8 Binary files /dev/null and b/src/assets/layout/fonts/roboto-v20-latin-ext_latin-regular.woff2 differ diff --git a/src/assets/layout/images/404-2x.png b/src/assets/layout/images/404-2x.png new file mode 100644 index 00000000..97f177fc Binary files /dev/null and b/src/assets/layout/images/404-2x.png differ diff --git a/src/assets/layout/images/404.svg b/src/assets/layout/images/404.svg deleted file mode 100644 index 1cc8a2e1..00000000 --- a/src/assets/layout/images/404.svg +++ /dev/null @@ -1,12 +0,0 @@ - - - - 3A894ED8-99CA-4B1E-AF43-22E4D1A5DD0F - Created with sketchtool. - - - - - - - \ No newline at end of file diff --git a/src/assets/layout/images/dark-user-bg.png b/src/assets/layout/images/dark-user-bg.png deleted file mode 100644 index 4ee4d70f..00000000 Binary files a/src/assets/layout/images/dark-user-bg.png and /dev/null differ diff --git a/src/assets/layout/images/dark-user-bg2x.png b/src/assets/layout/images/dark-user-bg2x.png deleted file mode 100644 index 61da55fc..00000000 Binary files a/src/assets/layout/images/dark-user-bg2x.png and /dev/null differ diff --git a/src/assets/layout/images/doc/breadcrumb-doc.jpg b/src/assets/layout/images/doc/breadcrumb-doc.jpg new file mode 100644 index 00000000..d60e93de Binary files /dev/null and b/src/assets/layout/images/doc/breadcrumb-doc.jpg differ diff --git a/src/assets/layout/images/doc/inlinemenu-doc.jpg b/src/assets/layout/images/doc/inlinemenu-doc.jpg new file mode 100644 index 00000000..158b31ff Binary files /dev/null and b/src/assets/layout/images/doc/inlinemenu-doc.jpg differ diff --git a/src/assets/layout/images/doc/rightmenu-doc.jpg b/src/assets/layout/images/doc/rightmenu-doc.jpg new file mode 100644 index 00000000..7fc480a4 Binary files /dev/null and b/src/assets/layout/images/doc/rightmenu-doc.jpg differ diff --git a/src/assets/layout/images/doc/topbar-doc.jpg b/src/assets/layout/images/doc/topbar-doc.jpg new file mode 100644 index 00000000..ae327d57 Binary files /dev/null and b/src/assets/layout/images/doc/topbar-doc.jpg differ diff --git a/src/assets/layout/images/error.svg b/src/assets/layout/images/error.svg deleted file mode 100644 index ba6d1dab..00000000 --- a/src/assets/layout/images/error.svg +++ /dev/null @@ -1,12 +0,0 @@ - - - - 13C26429-22F8-48F0-9BC6-01F28C68B629 - Created with sketchtool. - - - - - - - \ No newline at end of file diff --git a/src/assets/layout/images/extensions/asset-amex.svg b/src/assets/layout/images/extensions/asset-amex.svg new file mode 100644 index 00000000..f03f87ce --- /dev/null +++ b/src/assets/layout/images/extensions/asset-amex.svg @@ -0,0 +1,22 @@ + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/layout/images/extensions/asset-mastercard.svg b/src/assets/layout/images/extensions/asset-mastercard.svg new file mode 100644 index 00000000..a17520af --- /dev/null +++ b/src/assets/layout/images/extensions/asset-mastercard.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + + + + + + diff --git a/src/assets/layout/images/extensions/asset-paypal.svg b/src/assets/layout/images/extensions/asset-paypal.svg new file mode 100644 index 00000000..0bf356d1 --- /dev/null +++ b/src/assets/layout/images/extensions/asset-paypal.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + + + diff --git a/src/assets/layout/images/extensions/asset-visa.svg b/src/assets/layout/images/extensions/asset-visa.svg new file mode 100644 index 00000000..dbf38c0a --- /dev/null +++ b/src/assets/layout/images/extensions/asset-visa.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + + + + + + diff --git a/src/assets/layout/images/extensions/background@2x.jpg b/src/assets/layout/images/extensions/background@2x.jpg new file mode 100644 index 00000000..5000566e Binary files /dev/null and b/src/assets/layout/images/extensions/background@2x.jpg differ diff --git a/src/assets/layout/images/extensions/flag-us@2x.png b/src/assets/layout/images/extensions/flag-us@2x.png new file mode 100644 index 00000000..5e830380 Binary files /dev/null and b/src/assets/layout/images/extensions/flag-us@2x.png differ diff --git a/src/assets/layout/images/extensions/help-header@2x.jpg b/src/assets/layout/images/extensions/help-header@2x.jpg new file mode 100644 index 00000000..f0ba33bf Binary files /dev/null and b/src/assets/layout/images/extensions/help-header@2x.jpg differ diff --git a/src/assets/layout/images/extensions/prime-logo.svg b/src/assets/layout/images/extensions/prime-logo.svg new file mode 100644 index 00000000..62bec21a --- /dev/null +++ b/src/assets/layout/images/extensions/prime-logo.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + + + diff --git a/src/assets/layout/images/footer-ultima-dark.svg b/src/assets/layout/images/footer-ultima-dark.svg new file mode 100644 index 00000000..0064283e --- /dev/null +++ b/src/assets/layout/images/footer-ultima-dark.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/assets/layout/images/footer-ultima.svg b/src/assets/layout/images/footer-ultima.svg new file mode 100644 index 00000000..b2abf160 --- /dev/null +++ b/src/assets/layout/images/footer-ultima.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/assets/layout/images/landing/landing-header.png b/src/assets/layout/images/landing/landing-header.png index e69de29b..4e659c40 100644 Binary files a/src/assets/layout/images/landing/landing-header.png and b/src/assets/layout/images/landing/landing-header.png differ diff --git a/src/assets/layout/images/landing/promotion.png b/src/assets/layout/images/landing/promotion.png index e69de29b..038a1f4b 100644 Binary files a/src/assets/layout/images/landing/promotion.png and b/src/assets/layout/images/landing/promotion.png differ diff --git a/src/assets/layout/images/login/login.png b/src/assets/layout/images/login/login.png deleted file mode 100644 index e69de29b..00000000 diff --git a/src/assets/layout/images/login/login2x.png b/src/assets/layout/images/login/login2x.png deleted file mode 100644 index e69de29b..00000000 diff --git a/src/assets/layout/images/logo-dark.svg b/src/assets/layout/images/logo-dark.svg new file mode 100644 index 00000000..d12c94ab --- /dev/null +++ b/src/assets/layout/images/logo-dark.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/src/assets/layout/images/logo-light.svg b/src/assets/layout/images/logo-light.svg new file mode 100644 index 00000000..9f4a91c9 --- /dev/null +++ b/src/assets/layout/images/logo-light.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/src/assets/layout/images/pages/404-bg.jpg b/src/assets/layout/images/pages/404-bg.jpg new file mode 100644 index 00000000..9f706967 Binary files /dev/null and b/src/assets/layout/images/pages/404-bg.jpg differ diff --git a/src/assets/layout/images/pages/404.png b/src/assets/layout/images/pages/404.png new file mode 100644 index 00000000..1807feb1 Binary files /dev/null and b/src/assets/layout/images/pages/404.png differ diff --git a/src/assets/layout/images/pages/accessDenied-bg.jpg b/src/assets/layout/images/pages/accessDenied-bg.jpg new file mode 100644 index 00000000..06bd45f5 Binary files /dev/null and b/src/assets/layout/images/pages/accessDenied-bg.jpg differ diff --git a/src/assets/layout/images/pages/accessDenied.png b/src/assets/layout/images/pages/accessDenied.png new file mode 100644 index 00000000..d54fc5b4 Binary files /dev/null and b/src/assets/layout/images/pages/accessDenied.png differ diff --git a/src/assets/layout/images/pages/error-bg.jpg b/src/assets/layout/images/pages/error-bg.jpg new file mode 100644 index 00000000..5a80442d Binary files /dev/null and b/src/assets/layout/images/pages/error-bg.jpg differ diff --git a/src/assets/layout/images/pages/error.png b/src/assets/layout/images/pages/error.png new file mode 100644 index 00000000..c3e5e223 Binary files /dev/null and b/src/assets/layout/images/pages/error.png differ diff --git a/src/assets/layout/images/pages/login-bg.jpg b/src/assets/layout/images/pages/login-bg.jpg new file mode 100644 index 00000000..ed1d36bb Binary files /dev/null and b/src/assets/layout/images/pages/login-bg.jpg differ diff --git a/src/assets/layout/images/preloader.gif b/src/assets/layout/images/preloader.gif deleted file mode 100644 index 7d54b4ef..00000000 Binary files a/src/assets/layout/images/preloader.gif and /dev/null differ diff --git a/src/assets/layout/images/profile-bg-dark.png b/src/assets/layout/images/profile-bg-dark.png deleted file mode 100644 index 0328bed1..00000000 Binary files a/src/assets/layout/images/profile-bg-dark.png and /dev/null differ diff --git a/src/assets/layout/images/profile-bg.png b/src/assets/layout/images/profile-bg.png deleted file mode 100644 index 557c4a1e..00000000 Binary files a/src/assets/layout/images/profile-bg.png and /dev/null differ diff --git a/src/assets/layout/images/profile-bg.svg b/src/assets/layout/images/profile-bg.svg deleted file mode 100644 index 7dd6fd12..00000000 --- a/src/assets/layout/images/profile-bg.svg +++ /dev/null @@ -1,718 +0,0 @@ - - - - omega-mountain - Created with Sketch. - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/src/assets/layout/images/user-bg.png b/src/assets/layout/images/user-bg.png deleted file mode 100644 index e69de29b..00000000 diff --git a/src/assets/layout/images/user-bg2x.png b/src/assets/layout/images/user-bg2x.png deleted file mode 100644 index e69de29b..00000000 diff --git a/src/assets/layout/images/widgets/asset-profile.png b/src/assets/layout/images/widgets/asset-profile.png new file mode 100644 index 00000000..d0b5212b Binary files /dev/null and b/src/assets/layout/images/widgets/asset-profile.png differ diff --git a/src/assets/layout/images/widgets/feature-faq.svg b/src/assets/layout/images/widgets/feature-faq.svg new file mode 100644 index 00000000..fe143f62 --- /dev/null +++ b/src/assets/layout/images/widgets/feature-faq.svg @@ -0,0 +1,59 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/layout/images/widgets/feature-onboarding.svg b/src/assets/layout/images/widgets/feature-onboarding.svg new file mode 100644 index 00000000..486ce322 --- /dev/null +++ b/src/assets/layout/images/widgets/feature-onboarding.svg @@ -0,0 +1,36 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/layout/images/widgets/feature-security.svg b/src/assets/layout/images/widgets/feature-security.svg new file mode 100644 index 00000000..5bf2cee8 --- /dev/null +++ b/src/assets/layout/images/widgets/feature-security.svg @@ -0,0 +1,47 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/layout/images/widgets/image-blog.jpg b/src/assets/layout/images/widgets/image-blog.jpg new file mode 100644 index 00000000..f69e6c1e Binary files /dev/null and b/src/assets/layout/images/widgets/image-blog.jpg differ diff --git a/src/assets/layout/images/widgets/map.jpg b/src/assets/layout/images/widgets/map.jpg new file mode 100644 index 00000000..bd62ba42 Binary files /dev/null and b/src/assets/layout/images/widgets/map.jpg differ diff --git a/src/assets/layout/js/ripple.js b/src/assets/layout/js/ripple.js deleted file mode 100644 index a83f1792..00000000 --- a/src/assets/layout/js/ripple.js +++ /dev/null @@ -1,28 +0,0 @@ -$(function() { - - var ink, d, x, y; - $(document.body).off('mousedown.ripple','.ripplelink,.ui-button:enabled') - .on('mousedown.ripple','.ripplelink,.ui-button:enabled', null, function(e) { - var element = $(this); - - if(element.find(".ink").length === 0){ - if(element.hasClass('ripplelink')) - element.children('span').after(""); - else - element.append(""); - } - - ink = $(this).find(".ink"); - ink.removeClass("ripple-animate"); - - if(!ink.height() && !ink.width()){ - d = Math.max($(this).outerWidth(), $(this).outerHeight()); - ink.css({height: d, width: d}); - } - - x = e.pageX - $(this).offset().left - ink.width()/2; - y = e.pageY - $(this).offset().top - ink.height()/2; - - ink.css({top: y+'px', left: x+'px', 'pointer-events': 'none'}).addClass("ripple-animate"); - }); -}); \ No newline at end of file diff --git a/src/assets/pages/404.html b/src/assets/pages/404.html deleted file mode 100644 index 2ad58420..00000000 --- a/src/assets/pages/404.html +++ /dev/null @@ -1,31 +0,0 @@ - - - - - - - - - - PrimeNG - ULTIMA - - - - - - - -
      - -
      - -
      - -

      Page Not Found

      -
      The resource you are looking for does not exist.
      - - Homepage - -
      - - diff --git a/src/assets/pages/access.html b/src/assets/pages/access.html deleted file mode 100644 index a3902fe0..00000000 --- a/src/assets/pages/access.html +++ /dev/null @@ -1,31 +0,0 @@ - - - - - - - - - - PrimeNG - ULTIMA - - - - - - - -
      - -
      - -
      - -

      Access Denied

      -
      You are not authorized to access this resource.
      - - Homepage - -
      - - diff --git a/src/assets/pages/error.html b/src/assets/pages/error.html deleted file mode 100644 index 604b4e1c..00000000 --- a/src/assets/pages/error.html +++ /dev/null @@ -1,31 +0,0 @@ - - - - - - - - - - PrimeNG - ULTIMA - - - - - - - -
      - -
      - -
      - -

      Exception Occured

      -
      Please contact system administrator
      - - Homepage - -
      - - diff --git a/src/assets/pages/fonts/primeicons.eot b/src/assets/pages/fonts/primeicons.eot new file mode 100644 index 00000000..49e66903 Binary files /dev/null and b/src/assets/pages/fonts/primeicons.eot differ diff --git a/src/assets/pages/fonts/primeicons.svg b/src/assets/pages/fonts/primeicons.svg new file mode 100644 index 00000000..19ddba4f --- /dev/null +++ b/src/assets/pages/fonts/primeicons.svg @@ -0,0 +1,234 @@ + + + + + + +{ + "fontFamily": "primeicons", + "majorVersion": 1, + "minorVersion": 0, + "copyright": "PrimeTek Informatics", + "designer": "", + "description": "Icon Library for Prime UI Libraries\nFont generated by IcoMoon.", + "fontURL": "https://github.com/primefaces/primeicons", + "license": "MIT", + "licenseURL": "https://opensource.org/licenses/MIT", + "version": "Version 1.0", + "fontId": "primeicons", + "psName": "primeicons", + "subFamily": "Regular", + "fullName": "primeicons" +} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/pages/fonts/primeicons.ttf b/src/assets/pages/fonts/primeicons.ttf new file mode 100644 index 00000000..61436631 Binary files /dev/null and b/src/assets/pages/fonts/primeicons.ttf differ diff --git a/src/assets/pages/fonts/primeicons.woff b/src/assets/pages/fonts/primeicons.woff new file mode 100644 index 00000000..68385bea Binary files /dev/null and b/src/assets/pages/fonts/primeicons.woff differ diff --git a/src/assets/pages/jquery.js b/src/assets/pages/jquery.js deleted file mode 100644 index 450a1a8f..00000000 --- a/src/assets/pages/jquery.js +++ /dev/null @@ -1,9814 +0,0 @@ -/*! - * jQuery JavaScript Library v2.2.4 - * http://jquery.com/ - * - * Includes Sizzle.js - * http://sizzlejs.com/ - * - * Copyright jQuery Foundation and other contributors - * Released under the MIT license - * http://jquery.org/license - * - * Date: 2016-05-20T17:23Z - */ - -(function( global, factory ) { - - if ( typeof module === "object" && typeof module.exports === "object" ) { - // For CommonJS and CommonJS-like environments where a proper `window` - // is present, execute the factory and get jQuery. - // For environments that do not have a `window` with a `document` - // (such as Node.js), expose a factory as module.exports. - // This accentuates the need for the creation of a real `window`. - // e.g. var jQuery = require("jquery")(window); - // See ticket #14549 for more info. - module.exports = global.document ? - factory( global, true ) : - function( w ) { - if ( !w.document ) { - throw new Error( "jQuery requires a window with a document" ); - } - return factory( w ); - }; - } else { - factory( global ); - } - -// Pass this if window is not defined yet -}(typeof window !== "undefined" ? window : this, function( window, noGlobal ) { - -// Support: Firefox 18+ -// Can't be in strict mode, several libs including ASP.NET trace -// the stack via arguments.caller.callee and Firefox dies if -// you try to trace through "use strict" call chains. (#13335) -//"use strict"; -var arr = []; - -var document = window.document; - -var slice = arr.slice; - -var concat = arr.concat; - -var push = arr.push; - -var indexOf = arr.indexOf; - -var class2type = {}; - -var toString = class2type.toString; - -var hasOwn = class2type.hasOwnProperty; - -var support = {}; - - - -var - version = "2.2.4", - - // Define a local copy of jQuery - jQuery = function( selector, context ) { - - // The jQuery object is actually just the init constructor 'enhanced' - // Need init if jQuery is called (just allow error to be thrown if not included) - return new jQuery.fn.init( selector, context ); - }, - - // Support: Android<4.1 - // Make sure we trim BOM and NBSP - rtrim = /^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, - - // Matches dashed string for camelizing - rmsPrefix = /^-ms-/, - rdashAlpha = /-([\da-z])/gi, - - // Used by jQuery.camelCase as callback to replace() - fcamelCase = function( all, letter ) { - return letter.toUpperCase(); - }; - -jQuery.fn = jQuery.prototype = { - - // The current version of jQuery being used - jquery: version, - - constructor: jQuery, - - // Start with an empty selector - selector: "", - - // The default length of a jQuery object is 0 - length: 0, - - toArray: function() { - return slice.call( this ); - }, - - // Get the Nth element in the matched element set OR - // Get the whole matched element set as a clean array - get: function( num ) { - return num != null ? - - // Return just the one element from the set - ( num < 0 ? this[ num + this.length ] : this[ num ] ) : - - // Return all the elements in a clean array - slice.call( this ); - }, - - // Take an array of elements and push it onto the stack - // (returning the new matched element set) - pushStack: function( elems ) { - - // Build a new jQuery matched element set - var ret = jQuery.merge( this.constructor(), elems ); - - // Add the old object onto the stack (as a reference) - ret.prevObject = this; - ret.context = this.context; - - // Return the newly-formed element set - return ret; - }, - - // Execute a callback for every element in the matched set. - each: function( callback ) { - return jQuery.each( this, callback ); - }, - - map: function( callback ) { - return this.pushStack( jQuery.map( this, function( elem, i ) { - return callback.call( elem, i, elem ); - } ) ); - }, - - slice: function() { - return this.pushStack( slice.apply( this, arguments ) ); - }, - - first: function() { - return this.eq( 0 ); - }, - - last: function() { - return this.eq( -1 ); - }, - - eq: function( i ) { - var len = this.length, - j = +i + ( i < 0 ? len : 0 ); - return this.pushStack( j >= 0 && j < len ? [ this[ j ] ] : [] ); - }, - - end: function() { - return this.prevObject || this.constructor(); - }, - - // For internal use only. - // Behaves like an Array's method, not like a jQuery method. - push: push, - sort: arr.sort, - splice: arr.splice -}; - -jQuery.extend = jQuery.fn.extend = function() { - var options, name, src, copy, copyIsArray, clone, - target = arguments[ 0 ] || {}, - i = 1, - length = arguments.length, - deep = false; - - // Handle a deep copy situation - if ( typeof target === "boolean" ) { - deep = target; - - // Skip the boolean and the target - target = arguments[ i ] || {}; - i++; - } - - // Handle case when target is a string or something (possible in deep copy) - if ( typeof target !== "object" && !jQuery.isFunction( target ) ) { - target = {}; - } - - // Extend jQuery itself if only one argument is passed - if ( i === length ) { - target = this; - i--; - } - - for ( ; i < length; i++ ) { - - // Only deal with non-null/undefined values - if ( ( options = arguments[ i ] ) != null ) { - - // Extend the base object - for ( name in options ) { - src = target[ name ]; - copy = options[ name ]; - - // Prevent never-ending loop - if ( target === copy ) { - continue; - } - - // Recurse if we're merging plain objects or arrays - if ( deep && copy && ( jQuery.isPlainObject( copy ) || - ( copyIsArray = jQuery.isArray( copy ) ) ) ) { - - if ( copyIsArray ) { - copyIsArray = false; - clone = src && jQuery.isArray( src ) ? src : []; - - } else { - clone = src && jQuery.isPlainObject( src ) ? src : {}; - } - - // Never move original objects, clone them - target[ name ] = jQuery.extend( deep, clone, copy ); - - // Don't bring in undefined values - } else if ( copy !== undefined ) { - target[ name ] = copy; - } - } - } - } - - // Return the modified object - return target; -}; - -jQuery.extend( { - - // Unique for each copy of jQuery on the page - expando: "jQuery" + ( version + Math.random() ).replace( /\D/g, "" ), - - // Assume jQuery is ready without the ready module - isReady: true, - - error: function( msg ) { - throw new Error( msg ); - }, - - noop: function() {}, - - isFunction: function( obj ) { - return jQuery.type( obj ) === "function"; - }, - - isArray: Array.isArray, - - isWindow: function( obj ) { - return obj != null && obj === obj.window; - }, - - isNumeric: function( obj ) { - - // parseFloat NaNs numeric-cast false positives (null|true|false|"") - // ...but misinterprets leading-number strings, particularly hex literals ("0x...") - // subtraction forces infinities to NaN - // adding 1 corrects loss of precision from parseFloat (#15100) - var realStringObj = obj && obj.toString(); - return !jQuery.isArray( obj ) && ( realStringObj - parseFloat( realStringObj ) + 1 ) >= 0; - }, - - isPlainObject: function( obj ) { - var key; - - // Not plain objects: - // - Any object or value whose internal [[Class]] property is not "[object Object]" - // - DOM nodes - // - window - if ( jQuery.type( obj ) !== "object" || obj.nodeType || jQuery.isWindow( obj ) ) { - return false; - } - - // Not own constructor property must be Object - if ( obj.constructor && - !hasOwn.call( obj, "constructor" ) && - !hasOwn.call( obj.constructor.prototype || {}, "isPrototypeOf" ) ) { - return false; - } - - // Own properties are enumerated firstly, so to speed up, - // if last one is own, then all properties are own - for ( key in obj ) {} - - return key === undefined || hasOwn.call( obj, key ); - }, - - isEmptyObject: function( obj ) { - var name; - for ( name in obj ) { - return false; - } - return true; - }, - - type: function( obj ) { - if ( obj == null ) { - return obj + ""; - } - - // Support: Android<4.0, iOS<6 (functionish RegExp) - return typeof obj === "object" || typeof obj === "function" ? - class2type[ toString.call( obj ) ] || "object" : - typeof obj; - }, - - // Evaluates a script in a global context - globalEval: function( code ) { - var script, - indirect = eval; - - code = jQuery.trim( code ); - - if ( code ) { - - // If the code includes a valid, prologue position - // strict mode pragma, execute code by injecting a - // script tag into the document. - if ( code.indexOf( "use strict" ) === 1 ) { - script = document.createElement( "script" ); - script.text = code; - document.head.appendChild( script ).parentNode.removeChild( script ); - } else { - - // Otherwise, avoid the DOM node creation, insertion - // and removal by using an indirect global eval - - indirect( code ); - } - } - }, - - // Convert dashed to camelCase; used by the css and data modules - // Support: IE9-11+ - // Microsoft forgot to hump their vendor prefix (#9572) - camelCase: function( string ) { - return string.replace( rmsPrefix, "ms-" ).replace( rdashAlpha, fcamelCase ); - }, - - nodeName: function( elem, name ) { - return elem.nodeName && elem.nodeName.toLowerCase() === name.toLowerCase(); - }, - - each: function( obj, callback ) { - var length, i = 0; - - if ( isArrayLike( obj ) ) { - length = obj.length; - for ( ; i < length; i++ ) { - if ( callback.call( obj[ i ], i, obj[ i ] ) === false ) { - break; - } - } - } else { - for ( i in obj ) { - if ( callback.call( obj[ i ], i, obj[ i ] ) === false ) { - break; - } - } - } - - return obj; - }, - - // Support: Android<4.1 - trim: function( text ) { - return text == null ? - "" : - ( text + "" ).replace( rtrim, "" ); - }, - - // results is for internal usage only - makeArray: function( arr, results ) { - var ret = results || []; - - if ( arr != null ) { - if ( isArrayLike( Object( arr ) ) ) { - jQuery.merge( ret, - typeof arr === "string" ? - [ arr ] : arr - ); - } else { - push.call( ret, arr ); - } - } - - return ret; - }, - - inArray: function( elem, arr, i ) { - return arr == null ? -1 : indexOf.call( arr, elem, i ); - }, - - merge: function( first, second ) { - var len = +second.length, - j = 0, - i = first.length; - - for ( ; j < len; j++ ) { - first[ i++ ] = second[ j ]; - } - - first.length = i; - - return first; - }, - - grep: function( elems, callback, invert ) { - var callbackInverse, - matches = [], - i = 0, - length = elems.length, - callbackExpect = !invert; - - // Go through the array, only saving the items - // that pass the validator function - for ( ; i < length; i++ ) { - callbackInverse = !callback( elems[ i ], i ); - if ( callbackInverse !== callbackExpect ) { - matches.push( elems[ i ] ); - } - } - - return matches; - }, - - // arg is for internal usage only - map: function( elems, callback, arg ) { - var length, value, - i = 0, - ret = []; - - // Go through the array, translating each of the items to their new values - if ( isArrayLike( elems ) ) { - length = elems.length; - for ( ; i < length; i++ ) { - value = callback( elems[ i ], i, arg ); - - if ( value != null ) { - ret.push( value ); - } - } - - // Go through every key on the object, - } else { - for ( i in elems ) { - value = callback( elems[ i ], i, arg ); - - if ( value != null ) { - ret.push( value ); - } - } - } - - // Flatten any nested arrays - return concat.apply( [], ret ); - }, - - // A global GUID counter for objects - guid: 1, - - // Bind a function to a context, optionally partially applying any - // arguments. - proxy: function( fn, context ) { - var tmp, args, proxy; - - if ( typeof context === "string" ) { - tmp = fn[ context ]; - context = fn; - fn = tmp; - } - - // Quick check to determine if target is callable, in the spec - // this throws a TypeError, but we will just return undefined. - if ( !jQuery.isFunction( fn ) ) { - return undefined; - } - - // Simulated bind - args = slice.call( arguments, 2 ); - proxy = function() { - return fn.apply( context || this, args.concat( slice.call( arguments ) ) ); - }; - - // Set the guid of unique handler to the same of original handler, so it can be removed - proxy.guid = fn.guid = fn.guid || jQuery.guid++; - - return proxy; - }, - - now: Date.now, - - // jQuery.support is not used in Core but other projects attach their - // properties to it so it needs to exist. - support: support -} ); - -// JSHint would error on this code due to the Symbol not being defined in ES5. -// Defining this global in .jshintrc would create a danger of using the global -// unguarded in another place, it seems safer to just disable JSHint for these -// three lines. -/* jshint ignore: start */ -if ( typeof Symbol === "function" ) { - jQuery.fn[ Symbol.iterator ] = arr[ Symbol.iterator ]; -} -/* jshint ignore: end */ - -// Populate the class2type map -jQuery.each( "Boolean Number String Function Array Date RegExp Object Error Symbol".split( " " ), -function( i, name ) { - class2type[ "[object " + name + "]" ] = name.toLowerCase(); -} ); - -function isArrayLike( obj ) { - - // Support: iOS 8.2 (not reproducible in simulator) - // `in` check used to prevent JIT error (gh-2145) - // hasOwn isn't used here due to false negatives - // regarding Nodelist length in IE - var length = !!obj && "length" in obj && obj.length, - type = jQuery.type( obj ); - - if ( type === "function" || jQuery.isWindow( obj ) ) { - return false; - } - - return type === "array" || length === 0 || - typeof length === "number" && length > 0 && ( length - 1 ) in obj; -} -var Sizzle = -/*! - * Sizzle CSS Selector Engine v2.2.1 - * http://sizzlejs.com/ - * - * Copyright jQuery Foundation and other contributors - * Released under the MIT license - * http://jquery.org/license - * - * Date: 2015-10-17 - */ -(function( window ) { - -var i, - support, - Expr, - getText, - isXML, - tokenize, - compile, - select, - outermostContext, - sortInput, - hasDuplicate, - - // Local document vars - setDocument, - document, - docElem, - documentIsHTML, - rbuggyQSA, - rbuggyMatches, - matches, - contains, - - // Instance-specific data - expando = "sizzle" + 1 * new Date(), - preferredDoc = window.document, - dirruns = 0, - done = 0, - classCache = createCache(), - tokenCache = createCache(), - compilerCache = createCache(), - sortOrder = function( a, b ) { - if ( a === b ) { - hasDuplicate = true; - } - return 0; - }, - - // General-purpose constants - MAX_NEGATIVE = 1 << 31, - - // Instance methods - hasOwn = ({}).hasOwnProperty, - arr = [], - pop = arr.pop, - push_native = arr.push, - push = arr.push, - slice = arr.slice, - // Use a stripped-down indexOf as it's faster than native - // http://jsperf.com/thor-indexof-vs-for/5 - indexOf = function( list, elem ) { - var i = 0, - len = list.length; - for ( ; i < len; i++ ) { - if ( list[i] === elem ) { - return i; - } - } - return -1; - }, - - booleans = "checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped", - - // Regular expressions - - // http://www.w3.org/TR/css3-selectors/#whitespace - whitespace = "[\\x20\\t\\r\\n\\f]", - - // http://www.w3.org/TR/CSS21/syndata.html#value-def-identifier - identifier = "(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+", - - // Attribute selectors: http://www.w3.org/TR/selectors/#attribute-selectors - attributes = "\\[" + whitespace + "*(" + identifier + ")(?:" + whitespace + - // Operator (capture 2) - "*([*^$|!~]?=)" + whitespace + - // "Attribute values must be CSS identifiers [capture 5] or strings [capture 3 or capture 4]" - "*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|(" + identifier + "))|)" + whitespace + - "*\\]", - - pseudos = ":(" + identifier + ")(?:\\((" + - // To reduce the number of selectors needing tokenize in the preFilter, prefer arguments: - // 1. quoted (capture 3; capture 4 or capture 5) - "('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|" + - // 2. simple (capture 6) - "((?:\\\\.|[^\\\\()[\\]]|" + attributes + ")*)|" + - // 3. anything else (capture 2) - ".*" + - ")\\)|)", - - // Leading and non-escaped trailing whitespace, capturing some non-whitespace characters preceding the latter - rwhitespace = new RegExp( whitespace + "+", "g" ), - rtrim = new RegExp( "^" + whitespace + "+|((?:^|[^\\\\])(?:\\\\.)*)" + whitespace + "+$", "g" ), - - rcomma = new RegExp( "^" + whitespace + "*," + whitespace + "*" ), - rcombinators = new RegExp( "^" + whitespace + "*([>+~]|" + whitespace + ")" + whitespace + "*" ), - - rattributeQuotes = new RegExp( "=" + whitespace + "*([^\\]'\"]*?)" + whitespace + "*\\]", "g" ), - - rpseudo = new RegExp( pseudos ), - ridentifier = new RegExp( "^" + identifier + "$" ), - - matchExpr = { - "ID": new RegExp( "^#(" + identifier + ")" ), - "CLASS": new RegExp( "^\\.(" + identifier + ")" ), - "TAG": new RegExp( "^(" + identifier + "|[*])" ), - "ATTR": new RegExp( "^" + attributes ), - "PSEUDO": new RegExp( "^" + pseudos ), - "CHILD": new RegExp( "^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\(" + whitespace + - "*(even|odd|(([+-]|)(\\d*)n|)" + whitespace + "*(?:([+-]|)" + whitespace + - "*(\\d+)|))" + whitespace + "*\\)|)", "i" ), - "bool": new RegExp( "^(?:" + booleans + ")$", "i" ), - // For use in libraries implementing .is() - // We use this for POS matching in `select` - "needsContext": new RegExp( "^" + whitespace + "*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\(" + - whitespace + "*((?:-\\d)?\\d*)" + whitespace + "*\\)|)(?=[^-]|$)", "i" ) - }, - - rinputs = /^(?:input|select|textarea|button)$/i, - rheader = /^h\d$/i, - - rnative = /^[^{]+\{\s*\[native \w/, - - // Easily-parseable/retrievable ID or TAG or CLASS selectors - rquickExpr = /^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/, - - rsibling = /[+~]/, - rescape = /'|\\/g, - - // CSS escapes http://www.w3.org/TR/CSS21/syndata.html#escaped-characters - runescape = new RegExp( "\\\\([\\da-f]{1,6}" + whitespace + "?|(" + whitespace + ")|.)", "ig" ), - funescape = function( _, escaped, escapedWhitespace ) { - var high = "0x" + escaped - 0x10000; - // NaN means non-codepoint - // Support: Firefox<24 - // Workaround erroneous numeric interpretation of +"0x" - return high !== high || escapedWhitespace ? - escaped : - high < 0 ? - // BMP codepoint - String.fromCharCode( high + 0x10000 ) : - // Supplemental Plane codepoint (surrogate pair) - String.fromCharCode( high >> 10 | 0xD800, high & 0x3FF | 0xDC00 ); - }, - - // Used for iframes - // See setDocument() - // Removing the function wrapper causes a "Permission Denied" - // error in IE - unloadHandler = function() { - setDocument(); - }; - -// Optimize for push.apply( _, NodeList ) -try { - push.apply( - (arr = slice.call( preferredDoc.childNodes )), - preferredDoc.childNodes - ); - // Support: Android<4.0 - // Detect silently failing push.apply - arr[ preferredDoc.childNodes.length ].nodeType; -} catch ( e ) { - push = { apply: arr.length ? - - // Leverage slice if possible - function( target, els ) { - push_native.apply( target, slice.call(els) ); - } : - - // Support: IE<9 - // Otherwise append directly - function( target, els ) { - var j = target.length, - i = 0; - // Can't trust NodeList.length - while ( (target[j++] = els[i++]) ) {} - target.length = j - 1; - } - }; -} - -function Sizzle( selector, context, results, seed ) { - var m, i, elem, nid, nidselect, match, groups, newSelector, - newContext = context && context.ownerDocument, - - // nodeType defaults to 9, since context defaults to document - nodeType = context ? context.nodeType : 9; - - results = results || []; - - // Return early from calls with invalid selector or context - if ( typeof selector !== "string" || !selector || - nodeType !== 1 && nodeType !== 9 && nodeType !== 11 ) { - - return results; - } - - // Try to shortcut find operations (as opposed to filters) in HTML documents - if ( !seed ) { - - if ( ( context ? context.ownerDocument || context : preferredDoc ) !== document ) { - setDocument( context ); - } - context = context || document; - - if ( documentIsHTML ) { - - // If the selector is sufficiently simple, try using a "get*By*" DOM method - // (excepting DocumentFragment context, where the methods don't exist) - if ( nodeType !== 11 && (match = rquickExpr.exec( selector )) ) { - - // ID selector - if ( (m = match[1]) ) { - - // Document context - if ( nodeType === 9 ) { - if ( (elem = context.getElementById( m )) ) { - - // Support: IE, Opera, Webkit - // TODO: identify versions - // getElementById can match elements by name instead of ID - if ( elem.id === m ) { - results.push( elem ); - return results; - } - } else { - return results; - } - - // Element context - } else { - - // Support: IE, Opera, Webkit - // TODO: identify versions - // getElementById can match elements by name instead of ID - if ( newContext && (elem = newContext.getElementById( m )) && - contains( context, elem ) && - elem.id === m ) { - - results.push( elem ); - return results; - } - } - - // Type selector - } else if ( match[2] ) { - push.apply( results, context.getElementsByTagName( selector ) ); - return results; - - // Class selector - } else if ( (m = match[3]) && support.getElementsByClassName && - context.getElementsByClassName ) { - - push.apply( results, context.getElementsByClassName( m ) ); - return results; - } - } - - // Take advantage of querySelectorAll - if ( support.qsa && - !compilerCache[ selector + " " ] && - (!rbuggyQSA || !rbuggyQSA.test( selector )) ) { - - if ( nodeType !== 1 ) { - newContext = context; - newSelector = selector; - - // qSA looks outside Element context, which is not what we want - // Thanks to Andrew Dupont for this workaround technique - // Support: IE <=8 - // Exclude object elements - } else if ( context.nodeName.toLowerCase() !== "object" ) { - - // Capture the context ID, setting it first if necessary - if ( (nid = context.getAttribute( "id" )) ) { - nid = nid.replace( rescape, "\\$&" ); - } else { - context.setAttribute( "id", (nid = expando) ); - } - - // Prefix every selector in the list - groups = tokenize( selector ); - i = groups.length; - nidselect = ridentifier.test( nid ) ? "#" + nid : "[id='" + nid + "']"; - while ( i-- ) { - groups[i] = nidselect + " " + toSelector( groups[i] ); - } - newSelector = groups.join( "," ); - - // Expand context for sibling selectors - newContext = rsibling.test( selector ) && testContext( context.parentNode ) || - context; - } - - if ( newSelector ) { - try { - push.apply( results, - newContext.querySelectorAll( newSelector ) - ); - return results; - } catch ( qsaError ) { - } finally { - if ( nid === expando ) { - context.removeAttribute( "id" ); - } - } - } - } - } - } - - // All others - return select( selector.replace( rtrim, "$1" ), context, results, seed ); -} - -/** - * Create key-value caches of limited size - * @returns {function(string, object)} Returns the Object data after storing it on itself with - * property name the (space-suffixed) string and (if the cache is larger than Expr.cacheLength) - * deleting the oldest entry - */ -function createCache() { - var keys = []; - - function cache( key, value ) { - // Use (key + " ") to avoid collision with native prototype properties (see Issue #157) - if ( keys.push( key + " " ) > Expr.cacheLength ) { - // Only keep the most recent entries - delete cache[ keys.shift() ]; - } - return (cache[ key + " " ] = value); - } - return cache; -} - -/** - * Mark a function for special use by Sizzle - * @param {Function} fn The function to mark - */ -function markFunction( fn ) { - fn[ expando ] = true; - return fn; -} - -/** - * Support testing using an element - * @param {Function} fn Passed the created div and expects a boolean result - */ -function assert( fn ) { - var div = document.createElement("div"); - - try { - return !!fn( div ); - } catch (e) { - return false; - } finally { - // Remove from its parent by default - if ( div.parentNode ) { - div.parentNode.removeChild( div ); - } - // release memory in IE - div = null; - } -} - -/** - * Adds the same handler for all of the specified attrs - * @param {String} attrs Pipe-separated list of attributes - * @param {Function} handler The method that will be applied - */ -function addHandle( attrs, handler ) { - var arr = attrs.split("|"), - i = arr.length; - - while ( i-- ) { - Expr.attrHandle[ arr[i] ] = handler; - } -} - -/** - * Checks document order of two siblings - * @param {Element} a - * @param {Element} b - * @returns {Number} Returns less than 0 if a precedes b, greater than 0 if a follows b - */ -function siblingCheck( a, b ) { - var cur = b && a, - diff = cur && a.nodeType === 1 && b.nodeType === 1 && - ( ~b.sourceIndex || MAX_NEGATIVE ) - - ( ~a.sourceIndex || MAX_NEGATIVE ); - - // Use IE sourceIndex if available on both nodes - if ( diff ) { - return diff; - } - - // Check if b follows a - if ( cur ) { - while ( (cur = cur.nextSibling) ) { - if ( cur === b ) { - return -1; - } - } - } - - return a ? 1 : -1; -} - -/** - * Returns a function to use in pseudos for input types - * @param {String} type - */ -function createInputPseudo( type ) { - return function( elem ) { - var name = elem.nodeName.toLowerCase(); - return name === "input" && elem.type === type; - }; -} - -/** - * Returns a function to use in pseudos for buttons - * @param {String} type - */ -function createButtonPseudo( type ) { - return function( elem ) { - var name = elem.nodeName.toLowerCase(); - return (name === "input" || name === "button") && elem.type === type; - }; -} - -/** - * Returns a function to use in pseudos for positionals - * @param {Function} fn - */ -function createPositionalPseudo( fn ) { - return markFunction(function( argument ) { - argument = +argument; - return markFunction(function( seed, matches ) { - var j, - matchIndexes = fn( [], seed.length, argument ), - i = matchIndexes.length; - - // Match elements found at the specified indexes - while ( i-- ) { - if ( seed[ (j = matchIndexes[i]) ] ) { - seed[j] = !(matches[j] = seed[j]); - } - } - }); - }); -} - -/** - * Checks a node for validity as a Sizzle context - * @param {Element|Object=} context - * @returns {Element|Object|Boolean} The input node if acceptable, otherwise a falsy value - */ -function testContext( context ) { - return context && typeof context.getElementsByTagName !== "undefined" && context; -} - -// Expose support vars for convenience -support = Sizzle.support = {}; - -/** - * Detects XML nodes - * @param {Element|Object} elem An element or a document - * @returns {Boolean} True iff elem is a non-HTML XML node - */ -isXML = Sizzle.isXML = function( elem ) { - // documentElement is verified for cases where it doesn't yet exist - // (such as loading iframes in IE - #4833) - var documentElement = elem && (elem.ownerDocument || elem).documentElement; - return documentElement ? documentElement.nodeName !== "HTML" : false; -}; - -/** - * Sets document-related variables once based on the current document - * @param {Element|Object} [doc] An element or document object to use to set the document - * @returns {Object} Returns the current document - */ -setDocument = Sizzle.setDocument = function( node ) { - var hasCompare, parent, - doc = node ? node.ownerDocument || node : preferredDoc; - - // Return early if doc is invalid or already selected - if ( doc === document || doc.nodeType !== 9 || !doc.documentElement ) { - return document; - } - - // Update global variables - document = doc; - docElem = document.documentElement; - documentIsHTML = !isXML( document ); - - // Support: IE 9-11, Edge - // Accessing iframe documents after unload throws "permission denied" errors (jQuery #13936) - if ( (parent = document.defaultView) && parent.top !== parent ) { - // Support: IE 11 - if ( parent.addEventListener ) { - parent.addEventListener( "unload", unloadHandler, false ); - - // Support: IE 9 - 10 only - } else if ( parent.attachEvent ) { - parent.attachEvent( "onunload", unloadHandler ); - } - } - - /* Attributes - ---------------------------------------------------------------------- */ - - // Support: IE<8 - // Verify that getAttribute really returns attributes and not properties - // (excepting IE8 booleans) - support.attributes = assert(function( div ) { - div.className = "i"; - return !div.getAttribute("className"); - }); - - /* getElement(s)By* - ---------------------------------------------------------------------- */ - - // Check if getElementsByTagName("*") returns only elements - support.getElementsByTagName = assert(function( div ) { - div.appendChild( document.createComment("") ); - return !div.getElementsByTagName("*").length; - }); - - // Support: IE<9 - support.getElementsByClassName = rnative.test( document.getElementsByClassName ); - - // Support: IE<10 - // Check if getElementById returns elements by name - // The broken getElementById methods don't pick up programatically-set names, - // so use a roundabout getElementsByName test - support.getById = assert(function( div ) { - docElem.appendChild( div ).id = expando; - return !document.getElementsByName || !document.getElementsByName( expando ).length; - }); - - // ID find and filter - if ( support.getById ) { - Expr.find["ID"] = function( id, context ) { - if ( typeof context.getElementById !== "undefined" && documentIsHTML ) { - var m = context.getElementById( id ); - return m ? [ m ] : []; - } - }; - Expr.filter["ID"] = function( id ) { - var attrId = id.replace( runescape, funescape ); - return function( elem ) { - return elem.getAttribute("id") === attrId; - }; - }; - } else { - // Support: IE6/7 - // getElementById is not reliable as a find shortcut - delete Expr.find["ID"]; - - Expr.filter["ID"] = function( id ) { - var attrId = id.replace( runescape, funescape ); - return function( elem ) { - var node = typeof elem.getAttributeNode !== "undefined" && - elem.getAttributeNode("id"); - return node && node.value === attrId; - }; - }; - } - - // Tag - Expr.find["TAG"] = support.getElementsByTagName ? - function( tag, context ) { - if ( typeof context.getElementsByTagName !== "undefined" ) { - return context.getElementsByTagName( tag ); - - // DocumentFragment nodes don't have gEBTN - } else if ( support.qsa ) { - return context.querySelectorAll( tag ); - } - } : - - function( tag, context ) { - var elem, - tmp = [], - i = 0, - // By happy coincidence, a (broken) gEBTN appears on DocumentFragment nodes too - results = context.getElementsByTagName( tag ); - - // Filter out possible comments - if ( tag === "*" ) { - while ( (elem = results[i++]) ) { - if ( elem.nodeType === 1 ) { - tmp.push( elem ); - } - } - - return tmp; - } - return results; - }; - - // Class - Expr.find["CLASS"] = support.getElementsByClassName && function( className, context ) { - if ( typeof context.getElementsByClassName !== "undefined" && documentIsHTML ) { - return context.getElementsByClassName( className ); - } - }; - - /* QSA/matchesSelector - ---------------------------------------------------------------------- */ - - // QSA and matchesSelector support - - // matchesSelector(:active) reports false when true (IE9/Opera 11.5) - rbuggyMatches = []; - - // qSa(:focus) reports false when true (Chrome 21) - // We allow this because of a bug in IE8/9 that throws an error - // whenever `document.activeElement` is accessed on an iframe - // So, we allow :focus to pass through QSA all the time to avoid the IE error - // See http://bugs.jquery.com/ticket/13378 - rbuggyQSA = []; - - if ( (support.qsa = rnative.test( document.querySelectorAll )) ) { - // Build QSA regex - // Regex strategy adopted from Diego Perini - assert(function( div ) { - // Select is set to empty string on purpose - // This is to test IE's treatment of not explicitly - // setting a boolean content attribute, - // since its presence should be enough - // http://bugs.jquery.com/ticket/12359 - docElem.appendChild( div ).innerHTML = "" + - ""; - - // Support: IE8, Opera 11-12.16 - // Nothing should be selected when empty strings follow ^= or $= or *= - // The test attribute must be unknown in Opera but "safe" for WinRT - // http://msdn.microsoft.com/en-us/library/ie/hh465388.aspx#attribute_section - if ( div.querySelectorAll("[msallowcapture^='']").length ) { - rbuggyQSA.push( "[*^$]=" + whitespace + "*(?:''|\"\")" ); - } - - // Support: IE8 - // Boolean attributes and "value" are not treated correctly - if ( !div.querySelectorAll("[selected]").length ) { - rbuggyQSA.push( "\\[" + whitespace + "*(?:value|" + booleans + ")" ); - } - - // Support: Chrome<29, Android<4.4, Safari<7.0+, iOS<7.0+, PhantomJS<1.9.8+ - if ( !div.querySelectorAll( "[id~=" + expando + "-]" ).length ) { - rbuggyQSA.push("~="); - } - - // Webkit/Opera - :checked should return selected option elements - // http://www.w3.org/TR/2011/REC-css3-selectors-20110929/#checked - // IE8 throws error here and will not see later tests - if ( !div.querySelectorAll(":checked").length ) { - rbuggyQSA.push(":checked"); - } - - // Support: Safari 8+, iOS 8+ - // https://bugs.webkit.org/show_bug.cgi?id=136851 - // In-page `selector#id sibing-combinator selector` fails - if ( !div.querySelectorAll( "a#" + expando + "+*" ).length ) { - rbuggyQSA.push(".#.+[+~]"); - } - }); - - assert(function( div ) { - // Support: Windows 8 Native Apps - // The type and name attributes are restricted during .innerHTML assignment - var input = document.createElement("input"); - input.setAttribute( "type", "hidden" ); - div.appendChild( input ).setAttribute( "name", "D" ); - - // Support: IE8 - // Enforce case-sensitivity of name attribute - if ( div.querySelectorAll("[name=d]").length ) { - rbuggyQSA.push( "name" + whitespace + "*[*^$|!~]?=" ); - } - - // FF 3.5 - :enabled/:disabled and hidden elements (hidden elements are still enabled) - // IE8 throws error here and will not see later tests - if ( !div.querySelectorAll(":enabled").length ) { - rbuggyQSA.push( ":enabled", ":disabled" ); - } - - // Opera 10-11 does not throw on post-comma invalid pseudos - div.querySelectorAll("*,:x"); - rbuggyQSA.push(",.*:"); - }); - } - - if ( (support.matchesSelector = rnative.test( (matches = docElem.matches || - docElem.webkitMatchesSelector || - docElem.mozMatchesSelector || - docElem.oMatchesSelector || - docElem.msMatchesSelector) )) ) { - - assert(function( div ) { - // Check to see if it's possible to do matchesSelector - // on a disconnected node (IE 9) - support.disconnectedMatch = matches.call( div, "div" ); - - // This should fail with an exception - // Gecko does not error, returns false instead - matches.call( div, "[s!='']:x" ); - rbuggyMatches.push( "!=", pseudos ); - }); - } - - rbuggyQSA = rbuggyQSA.length && new RegExp( rbuggyQSA.join("|") ); - rbuggyMatches = rbuggyMatches.length && new RegExp( rbuggyMatches.join("|") ); - - /* Contains - ---------------------------------------------------------------------- */ - hasCompare = rnative.test( docElem.compareDocumentPosition ); - - // Element contains another - // Purposefully self-exclusive - // As in, an element does not contain itself - contains = hasCompare || rnative.test( docElem.contains ) ? - function( a, b ) { - var adown = a.nodeType === 9 ? a.documentElement : a, - bup = b && b.parentNode; - return a === bup || !!( bup && bup.nodeType === 1 && ( - adown.contains ? - adown.contains( bup ) : - a.compareDocumentPosition && a.compareDocumentPosition( bup ) & 16 - )); - } : - function( a, b ) { - if ( b ) { - while ( (b = b.parentNode) ) { - if ( b === a ) { - return true; - } - } - } - return false; - }; - - /* Sorting - ---------------------------------------------------------------------- */ - - // Document order sorting - sortOrder = hasCompare ? - function( a, b ) { - - // Flag for duplicate removal - if ( a === b ) { - hasDuplicate = true; - return 0; - } - - // Sort on method existence if only one input has compareDocumentPosition - var compare = !a.compareDocumentPosition - !b.compareDocumentPosition; - if ( compare ) { - return compare; - } - - // Calculate position if both inputs belong to the same document - compare = ( a.ownerDocument || a ) === ( b.ownerDocument || b ) ? - a.compareDocumentPosition( b ) : - - // Otherwise we know they are disconnected - 1; - - // Disconnected nodes - if ( compare & 1 || - (!support.sortDetached && b.compareDocumentPosition( a ) === compare) ) { - - // Choose the first element that is related to our preferred document - if ( a === document || a.ownerDocument === preferredDoc && contains(preferredDoc, a) ) { - return -1; - } - if ( b === document || b.ownerDocument === preferredDoc && contains(preferredDoc, b) ) { - return 1; - } - - // Maintain original order - return sortInput ? - ( indexOf( sortInput, a ) - indexOf( sortInput, b ) ) : - 0; - } - - return compare & 4 ? -1 : 1; - } : - function( a, b ) { - // Exit early if the nodes are identical - if ( a === b ) { - hasDuplicate = true; - return 0; - } - - var cur, - i = 0, - aup = a.parentNode, - bup = b.parentNode, - ap = [ a ], - bp = [ b ]; - - // Parentless nodes are either documents or disconnected - if ( !aup || !bup ) { - return a === document ? -1 : - b === document ? 1 : - aup ? -1 : - bup ? 1 : - sortInput ? - ( indexOf( sortInput, a ) - indexOf( sortInput, b ) ) : - 0; - - // If the nodes are siblings, we can do a quick check - } else if ( aup === bup ) { - return siblingCheck( a, b ); - } - - // Otherwise we need full lists of their ancestors for comparison - cur = a; - while ( (cur = cur.parentNode) ) { - ap.unshift( cur ); - } - cur = b; - while ( (cur = cur.parentNode) ) { - bp.unshift( cur ); - } - - // Walk down the tree looking for a discrepancy - while ( ap[i] === bp[i] ) { - i++; - } - - return i ? - // Do a sibling check if the nodes have a common ancestor - siblingCheck( ap[i], bp[i] ) : - - // Otherwise nodes in our document sort first - ap[i] === preferredDoc ? -1 : - bp[i] === preferredDoc ? 1 : - 0; - }; - - return document; -}; - -Sizzle.matches = function( expr, elements ) { - return Sizzle( expr, null, null, elements ); -}; - -Sizzle.matchesSelector = function( elem, expr ) { - // Set document vars if needed - if ( ( elem.ownerDocument || elem ) !== document ) { - setDocument( elem ); - } - - // Make sure that attribute selectors are quoted - expr = expr.replace( rattributeQuotes, "='$1']" ); - - if ( support.matchesSelector && documentIsHTML && - !compilerCache[ expr + " " ] && - ( !rbuggyMatches || !rbuggyMatches.test( expr ) ) && - ( !rbuggyQSA || !rbuggyQSA.test( expr ) ) ) { - - try { - var ret = matches.call( elem, expr ); - - // IE 9's matchesSelector returns false on disconnected nodes - if ( ret || support.disconnectedMatch || - // As well, disconnected nodes are said to be in a document - // fragment in IE 9 - elem.document && elem.document.nodeType !== 11 ) { - return ret; - } - } catch (e) {} - } - - return Sizzle( expr, document, null, [ elem ] ).length > 0; -}; - -Sizzle.contains = function( context, elem ) { - // Set document vars if needed - if ( ( context.ownerDocument || context ) !== document ) { - setDocument( context ); - } - return contains( context, elem ); -}; - -Sizzle.attr = function( elem, name ) { - // Set document vars if needed - if ( ( elem.ownerDocument || elem ) !== document ) { - setDocument( elem ); - } - - var fn = Expr.attrHandle[ name.toLowerCase() ], - // Don't get fooled by Object.prototype properties (jQuery #13807) - val = fn && hasOwn.call( Expr.attrHandle, name.toLowerCase() ) ? - fn( elem, name, !documentIsHTML ) : - undefined; - - return val !== undefined ? - val : - support.attributes || !documentIsHTML ? - elem.getAttribute( name ) : - (val = elem.getAttributeNode(name)) && val.specified ? - val.value : - null; -}; - -Sizzle.error = function( msg ) { - throw new Error( "Syntax error, unrecognized expression: " + msg ); -}; - -/** - * Document sorting and removing duplicates - * @param {ArrayLike} results - */ -Sizzle.uniqueSort = function( results ) { - var elem, - duplicates = [], - j = 0, - i = 0; - - // Unless we *know* we can detect duplicates, assume their presence - hasDuplicate = !support.detectDuplicates; - sortInput = !support.sortStable && results.slice( 0 ); - results.sort( sortOrder ); - - if ( hasDuplicate ) { - while ( (elem = results[i++]) ) { - if ( elem === results[ i ] ) { - j = duplicates.push( i ); - } - } - while ( j-- ) { - results.splice( duplicates[ j ], 1 ); - } - } - - // Clear input after sorting to release objects - // See https://github.com/jquery/sizzle/pull/225 - sortInput = null; - - return results; -}; - -/** - * Utility function for retrieving the text value of an array of DOM nodes - * @param {Array|Element} elem - */ -getText = Sizzle.getText = function( elem ) { - var node, - ret = "", - i = 0, - nodeType = elem.nodeType; - - if ( !nodeType ) { - // If no nodeType, this is expected to be an array - while ( (node = elem[i++]) ) { - // Do not traverse comment nodes - ret += getText( node ); - } - } else if ( nodeType === 1 || nodeType === 9 || nodeType === 11 ) { - // Use textContent for elements - // innerText usage removed for consistency of new lines (jQuery #11153) - if ( typeof elem.textContent === "string" ) { - return elem.textContent; - } else { - // Traverse its children - for ( elem = elem.firstChild; elem; elem = elem.nextSibling ) { - ret += getText( elem ); - } - } - } else if ( nodeType === 3 || nodeType === 4 ) { - return elem.nodeValue; - } - // Do not include comment or processing instruction nodes - - return ret; -}; - -Expr = Sizzle.selectors = { - - // Can be adjusted by the user - cacheLength: 50, - - createPseudo: markFunction, - - match: matchExpr, - - attrHandle: {}, - - find: {}, - - relative: { - ">": { dir: "parentNode", first: true }, - " ": { dir: "parentNode" }, - "+": { dir: "previousSibling", first: true }, - "~": { dir: "previousSibling" } - }, - - preFilter: { - "ATTR": function( match ) { - match[1] = match[1].replace( runescape, funescape ); - - // Move the given value to match[3] whether quoted or unquoted - match[3] = ( match[3] || match[4] || match[5] || "" ).replace( runescape, funescape ); - - if ( match[2] === "~=" ) { - match[3] = " " + match[3] + " "; - } - - return match.slice( 0, 4 ); - }, - - "CHILD": function( match ) { - /* matches from matchExpr["CHILD"] - 1 type (only|nth|...) - 2 what (child|of-type) - 3 argument (even|odd|\d*|\d*n([+-]\d+)?|...) - 4 xn-component of xn+y argument ([+-]?\d*n|) - 5 sign of xn-component - 6 x of xn-component - 7 sign of y-component - 8 y of y-component - */ - match[1] = match[1].toLowerCase(); - - if ( match[1].slice( 0, 3 ) === "nth" ) { - // nth-* requires argument - if ( !match[3] ) { - Sizzle.error( match[0] ); - } - - // numeric x and y parameters for Expr.filter.CHILD - // remember that false/true cast respectively to 0/1 - match[4] = +( match[4] ? match[5] + (match[6] || 1) : 2 * ( match[3] === "even" || match[3] === "odd" ) ); - match[5] = +( ( match[7] + match[8] ) || match[3] === "odd" ); - - // other types prohibit arguments - } else if ( match[3] ) { - Sizzle.error( match[0] ); - } - - return match; - }, - - "PSEUDO": function( match ) { - var excess, - unquoted = !match[6] && match[2]; - - if ( matchExpr["CHILD"].test( match[0] ) ) { - return null; - } - - // Accept quoted arguments as-is - if ( match[3] ) { - match[2] = match[4] || match[5] || ""; - - // Strip excess characters from unquoted arguments - } else if ( unquoted && rpseudo.test( unquoted ) && - // Get excess from tokenize (recursively) - (excess = tokenize( unquoted, true )) && - // advance to the next closing parenthesis - (excess = unquoted.indexOf( ")", unquoted.length - excess ) - unquoted.length) ) { - - // excess is a negative index - match[0] = match[0].slice( 0, excess ); - match[2] = unquoted.slice( 0, excess ); - } - - // Return only captures needed by the pseudo filter method (type and argument) - return match.slice( 0, 3 ); - } - }, - - filter: { - - "TAG": function( nodeNameSelector ) { - var nodeName = nodeNameSelector.replace( runescape, funescape ).toLowerCase(); - return nodeNameSelector === "*" ? - function() { return true; } : - function( elem ) { - return elem.nodeName && elem.nodeName.toLowerCase() === nodeName; - }; - }, - - "CLASS": function( className ) { - var pattern = classCache[ className + " " ]; - - return pattern || - (pattern = new RegExp( "(^|" + whitespace + ")" + className + "(" + whitespace + "|$)" )) && - classCache( className, function( elem ) { - return pattern.test( typeof elem.className === "string" && elem.className || typeof elem.getAttribute !== "undefined" && elem.getAttribute("class") || "" ); - }); - }, - - "ATTR": function( name, operator, check ) { - return function( elem ) { - var result = Sizzle.attr( elem, name ); - - if ( result == null ) { - return operator === "!="; - } - if ( !operator ) { - return true; - } - - result += ""; - - return operator === "=" ? result === check : - operator === "!=" ? result !== check : - operator === "^=" ? check && result.indexOf( check ) === 0 : - operator === "*=" ? check && result.indexOf( check ) > -1 : - operator === "$=" ? check && result.slice( -check.length ) === check : - operator === "~=" ? ( " " + result.replace( rwhitespace, " " ) + " " ).indexOf( check ) > -1 : - operator === "|=" ? result === check || result.slice( 0, check.length + 1 ) === check + "-" : - false; - }; - }, - - "CHILD": function( type, what, argument, first, last ) { - var simple = type.slice( 0, 3 ) !== "nth", - forward = type.slice( -4 ) !== "last", - ofType = what === "of-type"; - - return first === 1 && last === 0 ? - - // Shortcut for :nth-*(n) - function( elem ) { - return !!elem.parentNode; - } : - - function( elem, context, xml ) { - var cache, uniqueCache, outerCache, node, nodeIndex, start, - dir = simple !== forward ? "nextSibling" : "previousSibling", - parent = elem.parentNode, - name = ofType && elem.nodeName.toLowerCase(), - useCache = !xml && !ofType, - diff = false; - - if ( parent ) { - - // :(first|last|only)-(child|of-type) - if ( simple ) { - while ( dir ) { - node = elem; - while ( (node = node[ dir ]) ) { - if ( ofType ? - node.nodeName.toLowerCase() === name : - node.nodeType === 1 ) { - - return false; - } - } - // Reverse direction for :only-* (if we haven't yet done so) - start = dir = type === "only" && !start && "nextSibling"; - } - return true; - } - - start = [ forward ? parent.firstChild : parent.lastChild ]; - - // non-xml :nth-child(...) stores cache data on `parent` - if ( forward && useCache ) { - - // Seek `elem` from a previously-cached index - - // ...in a gzip-friendly way - node = parent; - outerCache = node[ expando ] || (node[ expando ] = {}); - - // Support: IE <9 only - // Defend against cloned attroperties (jQuery gh-1709) - uniqueCache = outerCache[ node.uniqueID ] || - (outerCache[ node.uniqueID ] = {}); - - cache = uniqueCache[ type ] || []; - nodeIndex = cache[ 0 ] === dirruns && cache[ 1 ]; - diff = nodeIndex && cache[ 2 ]; - node = nodeIndex && parent.childNodes[ nodeIndex ]; - - while ( (node = ++nodeIndex && node && node[ dir ] || - - // Fallback to seeking `elem` from the start - (diff = nodeIndex = 0) || start.pop()) ) { - - // When found, cache indexes on `parent` and break - if ( node.nodeType === 1 && ++diff && node === elem ) { - uniqueCache[ type ] = [ dirruns, nodeIndex, diff ]; - break; - } - } - - } else { - // Use previously-cached element index if available - if ( useCache ) { - // ...in a gzip-friendly way - node = elem; - outerCache = node[ expando ] || (node[ expando ] = {}); - - // Support: IE <9 only - // Defend against cloned attroperties (jQuery gh-1709) - uniqueCache = outerCache[ node.uniqueID ] || - (outerCache[ node.uniqueID ] = {}); - - cache = uniqueCache[ type ] || []; - nodeIndex = cache[ 0 ] === dirruns && cache[ 1 ]; - diff = nodeIndex; - } - - // xml :nth-child(...) - // or :nth-last-child(...) or :nth(-last)?-of-type(...) - if ( diff === false ) { - // Use the same loop as above to seek `elem` from the start - while ( (node = ++nodeIndex && node && node[ dir ] || - (diff = nodeIndex = 0) || start.pop()) ) { - - if ( ( ofType ? - node.nodeName.toLowerCase() === name : - node.nodeType === 1 ) && - ++diff ) { - - // Cache the index of each encountered element - if ( useCache ) { - outerCache = node[ expando ] || (node[ expando ] = {}); - - // Support: IE <9 only - // Defend against cloned attroperties (jQuery gh-1709) - uniqueCache = outerCache[ node.uniqueID ] || - (outerCache[ node.uniqueID ] = {}); - - uniqueCache[ type ] = [ dirruns, diff ]; - } - - if ( node === elem ) { - break; - } - } - } - } - } - - // Incorporate the offset, then check against cycle size - diff -= last; - return diff === first || ( diff % first === 0 && diff / first >= 0 ); - } - }; - }, - - "PSEUDO": function( pseudo, argument ) { - // pseudo-class names are case-insensitive - // http://www.w3.org/TR/selectors/#pseudo-classes - // Prioritize by case sensitivity in case custom pseudos are added with uppercase letters - // Remember that setFilters inherits from pseudos - var args, - fn = Expr.pseudos[ pseudo ] || Expr.setFilters[ pseudo.toLowerCase() ] || - Sizzle.error( "unsupported pseudo: " + pseudo ); - - // The user may use createPseudo to indicate that - // arguments are needed to create the filter function - // just as Sizzle does - if ( fn[ expando ] ) { - return fn( argument ); - } - - // But maintain support for old signatures - if ( fn.length > 1 ) { - args = [ pseudo, pseudo, "", argument ]; - return Expr.setFilters.hasOwnProperty( pseudo.toLowerCase() ) ? - markFunction(function( seed, matches ) { - var idx, - matched = fn( seed, argument ), - i = matched.length; - while ( i-- ) { - idx = indexOf( seed, matched[i] ); - seed[ idx ] = !( matches[ idx ] = matched[i] ); - } - }) : - function( elem ) { - return fn( elem, 0, args ); - }; - } - - return fn; - } - }, - - pseudos: { - // Potentially complex pseudos - "not": markFunction(function( selector ) { - // Trim the selector passed to compile - // to avoid treating leading and trailing - // spaces as combinators - var input = [], - results = [], - matcher = compile( selector.replace( rtrim, "$1" ) ); - - return matcher[ expando ] ? - markFunction(function( seed, matches, context, xml ) { - var elem, - unmatched = matcher( seed, null, xml, [] ), - i = seed.length; - - // Match elements unmatched by `matcher` - while ( i-- ) { - if ( (elem = unmatched[i]) ) { - seed[i] = !(matches[i] = elem); - } - } - }) : - function( elem, context, xml ) { - input[0] = elem; - matcher( input, null, xml, results ); - // Don't keep the element (issue #299) - input[0] = null; - return !results.pop(); - }; - }), - - "has": markFunction(function( selector ) { - return function( elem ) { - return Sizzle( selector, elem ).length > 0; - }; - }), - - "contains": markFunction(function( text ) { - text = text.replace( runescape, funescape ); - return function( elem ) { - return ( elem.textContent || elem.innerText || getText( elem ) ).indexOf( text ) > -1; - }; - }), - - // "Whether an element is represented by a :lang() selector - // is based solely on the element's language value - // being equal to the identifier C, - // or beginning with the identifier C immediately followed by "-". - // The matching of C against the element's language value is performed case-insensitively. - // The identifier C does not have to be a valid language name." - // http://www.w3.org/TR/selectors/#lang-pseudo - "lang": markFunction( function( lang ) { - // lang value must be a valid identifier - if ( !ridentifier.test(lang || "") ) { - Sizzle.error( "unsupported lang: " + lang ); - } - lang = lang.replace( runescape, funescape ).toLowerCase(); - return function( elem ) { - var elemLang; - do { - if ( (elemLang = documentIsHTML ? - elem.lang : - elem.getAttribute("xml:lang") || elem.getAttribute("lang")) ) { - - elemLang = elemLang.toLowerCase(); - return elemLang === lang || elemLang.indexOf( lang + "-" ) === 0; - } - } while ( (elem = elem.parentNode) && elem.nodeType === 1 ); - return false; - }; - }), - - // Miscellaneous - "target": function( elem ) { - var hash = window.location && window.location.hash; - return hash && hash.slice( 1 ) === elem.id; - }, - - "root": function( elem ) { - return elem === docElem; - }, - - "focus": function( elem ) { - return elem === document.activeElement && (!document.hasFocus || document.hasFocus()) && !!(elem.type || elem.href || ~elem.tabIndex); - }, - - // Boolean properties - "enabled": function( elem ) { - return elem.disabled === false; - }, - - "disabled": function( elem ) { - return elem.disabled === true; - }, - - "checked": function( elem ) { - // In CSS3, :checked should return both checked and selected elements - // http://www.w3.org/TR/2011/REC-css3-selectors-20110929/#checked - var nodeName = elem.nodeName.toLowerCase(); - return (nodeName === "input" && !!elem.checked) || (nodeName === "option" && !!elem.selected); - }, - - "selected": function( elem ) { - // Accessing this property makes selected-by-default - // options in Safari work properly - if ( elem.parentNode ) { - elem.parentNode.selectedIndex; - } - - return elem.selected === true; - }, - - // Contents - "empty": function( elem ) { - // http://www.w3.org/TR/selectors/#empty-pseudo - // :empty is negated by element (1) or content nodes (text: 3; cdata: 4; entity ref: 5), - // but not by others (comment: 8; processing instruction: 7; etc.) - // nodeType < 6 works because attributes (2) do not appear as children - for ( elem = elem.firstChild; elem; elem = elem.nextSibling ) { - if ( elem.nodeType < 6 ) { - return false; - } - } - return true; - }, - - "parent": function( elem ) { - return !Expr.pseudos["empty"]( elem ); - }, - - // Element/input types - "header": function( elem ) { - return rheader.test( elem.nodeName ); - }, - - "input": function( elem ) { - return rinputs.test( elem.nodeName ); - }, - - "button": function( elem ) { - var name = elem.nodeName.toLowerCase(); - return name === "input" && elem.type === "button" || name === "button"; - }, - - "text": function( elem ) { - var attr; - return elem.nodeName.toLowerCase() === "input" && - elem.type === "text" && - - // Support: IE<8 - // New HTML5 attribute values (e.g., "search") appear with elem.type === "text" - ( (attr = elem.getAttribute("type")) == null || attr.toLowerCase() === "text" ); - }, - - // Position-in-collection - "first": createPositionalPseudo(function() { - return [ 0 ]; - }), - - "last": createPositionalPseudo(function( matchIndexes, length ) { - return [ length - 1 ]; - }), - - "eq": createPositionalPseudo(function( matchIndexes, length, argument ) { - return [ argument < 0 ? argument + length : argument ]; - }), - - "even": createPositionalPseudo(function( matchIndexes, length ) { - var i = 0; - for ( ; i < length; i += 2 ) { - matchIndexes.push( i ); - } - return matchIndexes; - }), - - "odd": createPositionalPseudo(function( matchIndexes, length ) { - var i = 1; - for ( ; i < length; i += 2 ) { - matchIndexes.push( i ); - } - return matchIndexes; - }), - - "lt": createPositionalPseudo(function( matchIndexes, length, argument ) { - var i = argument < 0 ? argument + length : argument; - for ( ; --i >= 0; ) { - matchIndexes.push( i ); - } - return matchIndexes; - }), - - "gt": createPositionalPseudo(function( matchIndexes, length, argument ) { - var i = argument < 0 ? argument + length : argument; - for ( ; ++i < length; ) { - matchIndexes.push( i ); - } - return matchIndexes; - }) - } -}; - -Expr.pseudos["nth"] = Expr.pseudos["eq"]; - -// Add button/input type pseudos -for ( i in { radio: true, checkbox: true, file: true, password: true, image: true } ) { - Expr.pseudos[ i ] = createInputPseudo( i ); -} -for ( i in { submit: true, reset: true } ) { - Expr.pseudos[ i ] = createButtonPseudo( i ); -} - -// Easy API for creating new setFilters -function setFilters() {} -setFilters.prototype = Expr.filters = Expr.pseudos; -Expr.setFilters = new setFilters(); - -tokenize = Sizzle.tokenize = function( selector, parseOnly ) { - var matched, match, tokens, type, - soFar, groups, preFilters, - cached = tokenCache[ selector + " " ]; - - if ( cached ) { - return parseOnly ? 0 : cached.slice( 0 ); - } - - soFar = selector; - groups = []; - preFilters = Expr.preFilter; - - while ( soFar ) { - - // Comma and first run - if ( !matched || (match = rcomma.exec( soFar )) ) { - if ( match ) { - // Don't consume trailing commas as valid - soFar = soFar.slice( match[0].length ) || soFar; - } - groups.push( (tokens = []) ); - } - - matched = false; - - // Combinators - if ( (match = rcombinators.exec( soFar )) ) { - matched = match.shift(); - tokens.push({ - value: matched, - // Cast descendant combinators to space - type: match[0].replace( rtrim, " " ) - }); - soFar = soFar.slice( matched.length ); - } - - // Filters - for ( type in Expr.filter ) { - if ( (match = matchExpr[ type ].exec( soFar )) && (!preFilters[ type ] || - (match = preFilters[ type ]( match ))) ) { - matched = match.shift(); - tokens.push({ - value: matched, - type: type, - matches: match - }); - soFar = soFar.slice( matched.length ); - } - } - - if ( !matched ) { - break; - } - } - - // Return the length of the invalid excess - // if we're just parsing - // Otherwise, throw an error or return tokens - return parseOnly ? - soFar.length : - soFar ? - Sizzle.error( selector ) : - // Cache the tokens - tokenCache( selector, groups ).slice( 0 ); -}; - -function toSelector( tokens ) { - var i = 0, - len = tokens.length, - selector = ""; - for ( ; i < len; i++ ) { - selector += tokens[i].value; - } - return selector; -} - -function addCombinator( matcher, combinator, base ) { - var dir = combinator.dir, - checkNonElements = base && dir === "parentNode", - doneName = done++; - - return combinator.first ? - // Check against closest ancestor/preceding element - function( elem, context, xml ) { - while ( (elem = elem[ dir ]) ) { - if ( elem.nodeType === 1 || checkNonElements ) { - return matcher( elem, context, xml ); - } - } - } : - - // Check against all ancestor/preceding elements - function( elem, context, xml ) { - var oldCache, uniqueCache, outerCache, - newCache = [ dirruns, doneName ]; - - // We can't set arbitrary data on XML nodes, so they don't benefit from combinator caching - if ( xml ) { - while ( (elem = elem[ dir ]) ) { - if ( elem.nodeType === 1 || checkNonElements ) { - if ( matcher( elem, context, xml ) ) { - return true; - } - } - } - } else { - while ( (elem = elem[ dir ]) ) { - if ( elem.nodeType === 1 || checkNonElements ) { - outerCache = elem[ expando ] || (elem[ expando ] = {}); - - // Support: IE <9 only - // Defend against cloned attroperties (jQuery gh-1709) - uniqueCache = outerCache[ elem.uniqueID ] || (outerCache[ elem.uniqueID ] = {}); - - if ( (oldCache = uniqueCache[ dir ]) && - oldCache[ 0 ] === dirruns && oldCache[ 1 ] === doneName ) { - - // Assign to newCache so results back-propagate to previous elements - return (newCache[ 2 ] = oldCache[ 2 ]); - } else { - // Reuse newcache so results back-propagate to previous elements - uniqueCache[ dir ] = newCache; - - // A match means we're done; a fail means we have to keep checking - if ( (newCache[ 2 ] = matcher( elem, context, xml )) ) { - return true; - } - } - } - } - } - }; -} - -function elementMatcher( matchers ) { - return matchers.length > 1 ? - function( elem, context, xml ) { - var i = matchers.length; - while ( i-- ) { - if ( !matchers[i]( elem, context, xml ) ) { - return false; - } - } - return true; - } : - matchers[0]; -} - -function multipleContexts( selector, contexts, results ) { - var i = 0, - len = contexts.length; - for ( ; i < len; i++ ) { - Sizzle( selector, contexts[i], results ); - } - return results; -} - -function condense( unmatched, map, filter, context, xml ) { - var elem, - newUnmatched = [], - i = 0, - len = unmatched.length, - mapped = map != null; - - for ( ; i < len; i++ ) { - if ( (elem = unmatched[i]) ) { - if ( !filter || filter( elem, context, xml ) ) { - newUnmatched.push( elem ); - if ( mapped ) { - map.push( i ); - } - } - } - } - - return newUnmatched; -} - -function setMatcher( preFilter, selector, matcher, postFilter, postFinder, postSelector ) { - if ( postFilter && !postFilter[ expando ] ) { - postFilter = setMatcher( postFilter ); - } - if ( postFinder && !postFinder[ expando ] ) { - postFinder = setMatcher( postFinder, postSelector ); - } - return markFunction(function( seed, results, context, xml ) { - var temp, i, elem, - preMap = [], - postMap = [], - preexisting = results.length, - - // Get initial elements from seed or context - elems = seed || multipleContexts( selector || "*", context.nodeType ? [ context ] : context, [] ), - - // Prefilter to get matcher input, preserving a map for seed-results synchronization - matcherIn = preFilter && ( seed || !selector ) ? - condense( elems, preMap, preFilter, context, xml ) : - elems, - - matcherOut = matcher ? - // If we have a postFinder, or filtered seed, or non-seed postFilter or preexisting results, - postFinder || ( seed ? preFilter : preexisting || postFilter ) ? - - // ...intermediate processing is necessary - [] : - - // ...otherwise use results directly - results : - matcherIn; - - // Find primary matches - if ( matcher ) { - matcher( matcherIn, matcherOut, context, xml ); - } - - // Apply postFilter - if ( postFilter ) { - temp = condense( matcherOut, postMap ); - postFilter( temp, [], context, xml ); - - // Un-match failing elements by moving them back to matcherIn - i = temp.length; - while ( i-- ) { - if ( (elem = temp[i]) ) { - matcherOut[ postMap[i] ] = !(matcherIn[ postMap[i] ] = elem); - } - } - } - - if ( seed ) { - if ( postFinder || preFilter ) { - if ( postFinder ) { - // Get the final matcherOut by condensing this intermediate into postFinder contexts - temp = []; - i = matcherOut.length; - while ( i-- ) { - if ( (elem = matcherOut[i]) ) { - // Restore matcherIn since elem is not yet a final match - temp.push( (matcherIn[i] = elem) ); - } - } - postFinder( null, (matcherOut = []), temp, xml ); - } - - // Move matched elements from seed to results to keep them synchronized - i = matcherOut.length; - while ( i-- ) { - if ( (elem = matcherOut[i]) && - (temp = postFinder ? indexOf( seed, elem ) : preMap[i]) > -1 ) { - - seed[temp] = !(results[temp] = elem); - } - } - } - - // Add elements to results, through postFinder if defined - } else { - matcherOut = condense( - matcherOut === results ? - matcherOut.splice( preexisting, matcherOut.length ) : - matcherOut - ); - if ( postFinder ) { - postFinder( null, results, matcherOut, xml ); - } else { - push.apply( results, matcherOut ); - } - } - }); -} - -function matcherFromTokens( tokens ) { - var checkContext, matcher, j, - len = tokens.length, - leadingRelative = Expr.relative[ tokens[0].type ], - implicitRelative = leadingRelative || Expr.relative[" "], - i = leadingRelative ? 1 : 0, - - // The foundational matcher ensures that elements are reachable from top-level context(s) - matchContext = addCombinator( function( elem ) { - return elem === checkContext; - }, implicitRelative, true ), - matchAnyContext = addCombinator( function( elem ) { - return indexOf( checkContext, elem ) > -1; - }, implicitRelative, true ), - matchers = [ function( elem, context, xml ) { - var ret = ( !leadingRelative && ( xml || context !== outermostContext ) ) || ( - (checkContext = context).nodeType ? - matchContext( elem, context, xml ) : - matchAnyContext( elem, context, xml ) ); - // Avoid hanging onto element (issue #299) - checkContext = null; - return ret; - } ]; - - for ( ; i < len; i++ ) { - if ( (matcher = Expr.relative[ tokens[i].type ]) ) { - matchers = [ addCombinator(elementMatcher( matchers ), matcher) ]; - } else { - matcher = Expr.filter[ tokens[i].type ].apply( null, tokens[i].matches ); - - // Return special upon seeing a positional matcher - if ( matcher[ expando ] ) { - // Find the next relative operator (if any) for proper handling - j = ++i; - for ( ; j < len; j++ ) { - if ( Expr.relative[ tokens[j].type ] ) { - break; - } - } - return setMatcher( - i > 1 && elementMatcher( matchers ), - i > 1 && toSelector( - // If the preceding token was a descendant combinator, insert an implicit any-element `*` - tokens.slice( 0, i - 1 ).concat({ value: tokens[ i - 2 ].type === " " ? "*" : "" }) - ).replace( rtrim, "$1" ), - matcher, - i < j && matcherFromTokens( tokens.slice( i, j ) ), - j < len && matcherFromTokens( (tokens = tokens.slice( j )) ), - j < len && toSelector( tokens ) - ); - } - matchers.push( matcher ); - } - } - - return elementMatcher( matchers ); -} - -function matcherFromGroupMatchers( elementMatchers, setMatchers ) { - var bySet = setMatchers.length > 0, - byElement = elementMatchers.length > 0, - superMatcher = function( seed, context, xml, results, outermost ) { - var elem, j, matcher, - matchedCount = 0, - i = "0", - unmatched = seed && [], - setMatched = [], - contextBackup = outermostContext, - // We must always have either seed elements or outermost context - elems = seed || byElement && Expr.find["TAG"]( "*", outermost ), - // Use integer dirruns iff this is the outermost matcher - dirrunsUnique = (dirruns += contextBackup == null ? 1 : Math.random() || 0.1), - len = elems.length; - - if ( outermost ) { - outermostContext = context === document || context || outermost; - } - - // Add elements passing elementMatchers directly to results - // Support: IE<9, Safari - // Tolerate NodeList properties (IE: "length"; Safari: ) matching elements by id - for ( ; i !== len && (elem = elems[i]) != null; i++ ) { - if ( byElement && elem ) { - j = 0; - if ( !context && elem.ownerDocument !== document ) { - setDocument( elem ); - xml = !documentIsHTML; - } - while ( (matcher = elementMatchers[j++]) ) { - if ( matcher( elem, context || document, xml) ) { - results.push( elem ); - break; - } - } - if ( outermost ) { - dirruns = dirrunsUnique; - } - } - - // Track unmatched elements for set filters - if ( bySet ) { - // They will have gone through all possible matchers - if ( (elem = !matcher && elem) ) { - matchedCount--; - } - - // Lengthen the array for every element, matched or not - if ( seed ) { - unmatched.push( elem ); - } - } - } - - // `i` is now the count of elements visited above, and adding it to `matchedCount` - // makes the latter nonnegative. - matchedCount += i; - - // Apply set filters to unmatched elements - // NOTE: This can be skipped if there are no unmatched elements (i.e., `matchedCount` - // equals `i`), unless we didn't visit _any_ elements in the above loop because we have - // no element matchers and no seed. - // Incrementing an initially-string "0" `i` allows `i` to remain a string only in that - // case, which will result in a "00" `matchedCount` that differs from `i` but is also - // numerically zero. - if ( bySet && i !== matchedCount ) { - j = 0; - while ( (matcher = setMatchers[j++]) ) { - matcher( unmatched, setMatched, context, xml ); - } - - if ( seed ) { - // Reintegrate element matches to eliminate the need for sorting - if ( matchedCount > 0 ) { - while ( i-- ) { - if ( !(unmatched[i] || setMatched[i]) ) { - setMatched[i] = pop.call( results ); - } - } - } - - // Discard index placeholder values to get only actual matches - setMatched = condense( setMatched ); - } - - // Add matches to results - push.apply( results, setMatched ); - - // Seedless set matches succeeding multiple successful matchers stipulate sorting - if ( outermost && !seed && setMatched.length > 0 && - ( matchedCount + setMatchers.length ) > 1 ) { - - Sizzle.uniqueSort( results ); - } - } - - // Override manipulation of globals by nested matchers - if ( outermost ) { - dirruns = dirrunsUnique; - outermostContext = contextBackup; - } - - return unmatched; - }; - - return bySet ? - markFunction( superMatcher ) : - superMatcher; -} - -compile = Sizzle.compile = function( selector, match /* Internal Use Only */ ) { - var i, - setMatchers = [], - elementMatchers = [], - cached = compilerCache[ selector + " " ]; - - if ( !cached ) { - // Generate a function of recursive functions that can be used to check each element - if ( !match ) { - match = tokenize( selector ); - } - i = match.length; - while ( i-- ) { - cached = matcherFromTokens( match[i] ); - if ( cached[ expando ] ) { - setMatchers.push( cached ); - } else { - elementMatchers.push( cached ); - } - } - - // Cache the compiled function - cached = compilerCache( selector, matcherFromGroupMatchers( elementMatchers, setMatchers ) ); - - // Save selector and tokenization - cached.selector = selector; - } - return cached; -}; - -/** - * A low-level selection function that works with Sizzle's compiled - * selector functions - * @param {String|Function} selector A selector or a pre-compiled - * selector function built with Sizzle.compile - * @param {Element} context - * @param {Array} [results] - * @param {Array} [seed] A set of elements to match against - */ -select = Sizzle.select = function( selector, context, results, seed ) { - var i, tokens, token, type, find, - compiled = typeof selector === "function" && selector, - match = !seed && tokenize( (selector = compiled.selector || selector) ); - - results = results || []; - - // Try to minimize operations if there is only one selector in the list and no seed - // (the latter of which guarantees us context) - if ( match.length === 1 ) { - - // Reduce context if the leading compound selector is an ID - tokens = match[0] = match[0].slice( 0 ); - if ( tokens.length > 2 && (token = tokens[0]).type === "ID" && - support.getById && context.nodeType === 9 && documentIsHTML && - Expr.relative[ tokens[1].type ] ) { - - context = ( Expr.find["ID"]( token.matches[0].replace(runescape, funescape), context ) || [] )[0]; - if ( !context ) { - return results; - - // Precompiled matchers will still verify ancestry, so step up a level - } else if ( compiled ) { - context = context.parentNode; - } - - selector = selector.slice( tokens.shift().value.length ); - } - - // Fetch a seed set for right-to-left matching - i = matchExpr["needsContext"].test( selector ) ? 0 : tokens.length; - while ( i-- ) { - token = tokens[i]; - - // Abort if we hit a combinator - if ( Expr.relative[ (type = token.type) ] ) { - break; - } - if ( (find = Expr.find[ type ]) ) { - // Search, expanding context for leading sibling combinators - if ( (seed = find( - token.matches[0].replace( runescape, funescape ), - rsibling.test( tokens[0].type ) && testContext( context.parentNode ) || context - )) ) { - - // If seed is empty or no tokens remain, we can return early - tokens.splice( i, 1 ); - selector = seed.length && toSelector( tokens ); - if ( !selector ) { - push.apply( results, seed ); - return results; - } - - break; - } - } - } - } - - // Compile and execute a filtering function if one is not provided - // Provide `match` to avoid retokenization if we modified the selector above - ( compiled || compile( selector, match ) )( - seed, - context, - !documentIsHTML, - results, - !context || rsibling.test( selector ) && testContext( context.parentNode ) || context - ); - return results; -}; - -// One-time assignments - -// Sort stability -support.sortStable = expando.split("").sort( sortOrder ).join("") === expando; - -// Support: Chrome 14-35+ -// Always assume duplicates if they aren't passed to the comparison function -support.detectDuplicates = !!hasDuplicate; - -// Initialize against the default document -setDocument(); - -// Support: Webkit<537.32 - Safari 6.0.3/Chrome 25 (fixed in Chrome 27) -// Detached nodes confoundingly follow *each other* -support.sortDetached = assert(function( div1 ) { - // Should return 1, but returns 4 (following) - return div1.compareDocumentPosition( document.createElement("div") ) & 1; -}); - -// Support: IE<8 -// Prevent attribute/property "interpolation" -// http://msdn.microsoft.com/en-us/library/ms536429%28VS.85%29.aspx -if ( !assert(function( div ) { - div.innerHTML = ""; - return div.firstChild.getAttribute("href") === "#" ; -}) ) { - addHandle( "type|href|height|width", function( elem, name, isXML ) { - if ( !isXML ) { - return elem.getAttribute( name, name.toLowerCase() === "type" ? 1 : 2 ); - } - }); -} - -// Support: IE<9 -// Use defaultValue in place of getAttribute("value") -if ( !support.attributes || !assert(function( div ) { - div.innerHTML = ""; - div.firstChild.setAttribute( "value", "" ); - return div.firstChild.getAttribute( "value" ) === ""; -}) ) { - addHandle( "value", function( elem, name, isXML ) { - if ( !isXML && elem.nodeName.toLowerCase() === "input" ) { - return elem.defaultValue; - } - }); -} - -// Support: IE<9 -// Use getAttributeNode to fetch booleans when getAttribute lies -if ( !assert(function( div ) { - return div.getAttribute("disabled") == null; -}) ) { - addHandle( booleans, function( elem, name, isXML ) { - var val; - if ( !isXML ) { - return elem[ name ] === true ? name.toLowerCase() : - (val = elem.getAttributeNode( name )) && val.specified ? - val.value : - null; - } - }); -} - -return Sizzle; - -})( window ); - - - -jQuery.find = Sizzle; -jQuery.expr = Sizzle.selectors; -jQuery.expr[ ":" ] = jQuery.expr.pseudos; -jQuery.uniqueSort = jQuery.unique = Sizzle.uniqueSort; -jQuery.text = Sizzle.getText; -jQuery.isXMLDoc = Sizzle.isXML; -jQuery.contains = Sizzle.contains; - - - -var dir = function( elem, dir, until ) { - var matched = [], - truncate = until !== undefined; - - while ( ( elem = elem[ dir ] ) && elem.nodeType !== 9 ) { - if ( elem.nodeType === 1 ) { - if ( truncate && jQuery( elem ).is( until ) ) { - break; - } - matched.push( elem ); - } - } - return matched; -}; - - -var siblings = function( n, elem ) { - var matched = []; - - for ( ; n; n = n.nextSibling ) { - if ( n.nodeType === 1 && n !== elem ) { - matched.push( n ); - } - } - - return matched; -}; - - -var rneedsContext = jQuery.expr.match.needsContext; - -var rsingleTag = ( /^<([\w-]+)\s*\/?>(?:<\/\1>|)$/ ); - - - -var risSimple = /^.[^:#\[\.,]*$/; - -// Implement the identical functionality for filter and not -function winnow( elements, qualifier, not ) { - if ( jQuery.isFunction( qualifier ) ) { - return jQuery.grep( elements, function( elem, i ) { - /* jshint -W018 */ - return !!qualifier.call( elem, i, elem ) !== not; - } ); - - } - - if ( qualifier.nodeType ) { - return jQuery.grep( elements, function( elem ) { - return ( elem === qualifier ) !== not; - } ); - - } - - if ( typeof qualifier === "string" ) { - if ( risSimple.test( qualifier ) ) { - return jQuery.filter( qualifier, elements, not ); - } - - qualifier = jQuery.filter( qualifier, elements ); - } - - return jQuery.grep( elements, function( elem ) { - return ( indexOf.call( qualifier, elem ) > -1 ) !== not; - } ); -} - -jQuery.filter = function( expr, elems, not ) { - var elem = elems[ 0 ]; - - if ( not ) { - expr = ":not(" + expr + ")"; - } - - return elems.length === 1 && elem.nodeType === 1 ? - jQuery.find.matchesSelector( elem, expr ) ? [ elem ] : [] : - jQuery.find.matches( expr, jQuery.grep( elems, function( elem ) { - return elem.nodeType === 1; - } ) ); -}; - -jQuery.fn.extend( { - find: function( selector ) { - var i, - len = this.length, - ret = [], - self = this; - - if ( typeof selector !== "string" ) { - return this.pushStack( jQuery( selector ).filter( function() { - for ( i = 0; i < len; i++ ) { - if ( jQuery.contains( self[ i ], this ) ) { - return true; - } - } - } ) ); - } - - for ( i = 0; i < len; i++ ) { - jQuery.find( selector, self[ i ], ret ); - } - - // Needed because $( selector, context ) becomes $( context ).find( selector ) - ret = this.pushStack( len > 1 ? jQuery.unique( ret ) : ret ); - ret.selector = this.selector ? this.selector + " " + selector : selector; - return ret; - }, - filter: function( selector ) { - return this.pushStack( winnow( this, selector || [], false ) ); - }, - not: function( selector ) { - return this.pushStack( winnow( this, selector || [], true ) ); - }, - is: function( selector ) { - return !!winnow( - this, - - // If this is a positional/relative selector, check membership in the returned set - // so $("p:first").is("p:last") won't return true for a doc with two "p". - typeof selector === "string" && rneedsContext.test( selector ) ? - jQuery( selector ) : - selector || [], - false - ).length; - } -} ); - - -// Initialize a jQuery object - - -// A central reference to the root jQuery(document) -var rootjQuery, - - // A simple way to check for HTML strings - // Prioritize #id over to avoid XSS via location.hash (#9521) - // Strict HTML recognition (#11290: must start with <) - rquickExpr = /^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]*))$/, - - init = jQuery.fn.init = function( selector, context, root ) { - var match, elem; - - // HANDLE: $(""), $(null), $(undefined), $(false) - if ( !selector ) { - return this; - } - - // Method init() accepts an alternate rootjQuery - // so migrate can support jQuery.sub (gh-2101) - root = root || rootjQuery; - - // Handle HTML strings - if ( typeof selector === "string" ) { - if ( selector[ 0 ] === "<" && - selector[ selector.length - 1 ] === ">" && - selector.length >= 3 ) { - - // Assume that strings that start and end with <> are HTML and skip the regex check - match = [ null, selector, null ]; - - } else { - match = rquickExpr.exec( selector ); - } - - // Match html or make sure no context is specified for #id - if ( match && ( match[ 1 ] || !context ) ) { - - // HANDLE: $(html) -> $(array) - if ( match[ 1 ] ) { - context = context instanceof jQuery ? context[ 0 ] : context; - - // Option to run scripts is true for back-compat - // Intentionally let the error be thrown if parseHTML is not present - jQuery.merge( this, jQuery.parseHTML( - match[ 1 ], - context && context.nodeType ? context.ownerDocument || context : document, - true - ) ); - - // HANDLE: $(html, props) - if ( rsingleTag.test( match[ 1 ] ) && jQuery.isPlainObject( context ) ) { - for ( match in context ) { - - // Properties of context are called as methods if possible - if ( jQuery.isFunction( this[ match ] ) ) { - this[ match ]( context[ match ] ); - - // ...and otherwise set as attributes - } else { - this.attr( match, context[ match ] ); - } - } - } - - return this; - - // HANDLE: $(#id) - } else { - elem = document.getElementById( match[ 2 ] ); - - // Support: Blackberry 4.6 - // gEBID returns nodes no longer in the document (#6963) - if ( elem && elem.parentNode ) { - - // Inject the element directly into the jQuery object - this.length = 1; - this[ 0 ] = elem; - } - - this.context = document; - this.selector = selector; - return this; - } - - // HANDLE: $(expr, $(...)) - } else if ( !context || context.jquery ) { - return ( context || root ).find( selector ); - - // HANDLE: $(expr, context) - // (which is just equivalent to: $(context).find(expr) - } else { - return this.constructor( context ).find( selector ); - } - - // HANDLE: $(DOMElement) - } else if ( selector.nodeType ) { - this.context = this[ 0 ] = selector; - this.length = 1; - return this; - - // HANDLE: $(function) - // Shortcut for document ready - } else if ( jQuery.isFunction( selector ) ) { - return root.ready !== undefined ? - root.ready( selector ) : - - // Execute immediately if ready is not present - selector( jQuery ); - } - - if ( selector.selector !== undefined ) { - this.selector = selector.selector; - this.context = selector.context; - } - - return jQuery.makeArray( selector, this ); - }; - -// Give the init function the jQuery prototype for later instantiation -init.prototype = jQuery.fn; - -// Initialize central reference -rootjQuery = jQuery( document ); - - -var rparentsprev = /^(?:parents|prev(?:Until|All))/, - - // Methods guaranteed to produce a unique set when starting from a unique set - guaranteedUnique = { - children: true, - contents: true, - next: true, - prev: true - }; - -jQuery.fn.extend( { - has: function( target ) { - var targets = jQuery( target, this ), - l = targets.length; - - return this.filter( function() { - var i = 0; - for ( ; i < l; i++ ) { - if ( jQuery.contains( this, targets[ i ] ) ) { - return true; - } - } - } ); - }, - - closest: function( selectors, context ) { - var cur, - i = 0, - l = this.length, - matched = [], - pos = rneedsContext.test( selectors ) || typeof selectors !== "string" ? - jQuery( selectors, context || this.context ) : - 0; - - for ( ; i < l; i++ ) { - for ( cur = this[ i ]; cur && cur !== context; cur = cur.parentNode ) { - - // Always skip document fragments - if ( cur.nodeType < 11 && ( pos ? - pos.index( cur ) > -1 : - - // Don't pass non-elements to Sizzle - cur.nodeType === 1 && - jQuery.find.matchesSelector( cur, selectors ) ) ) { - - matched.push( cur ); - break; - } - } - } - - return this.pushStack( matched.length > 1 ? jQuery.uniqueSort( matched ) : matched ); - }, - - // Determine the position of an element within the set - index: function( elem ) { - - // No argument, return index in parent - if ( !elem ) { - return ( this[ 0 ] && this[ 0 ].parentNode ) ? this.first().prevAll().length : -1; - } - - // Index in selector - if ( typeof elem === "string" ) { - return indexOf.call( jQuery( elem ), this[ 0 ] ); - } - - // Locate the position of the desired element - return indexOf.call( this, - - // If it receives a jQuery object, the first element is used - elem.jquery ? elem[ 0 ] : elem - ); - }, - - add: function( selector, context ) { - return this.pushStack( - jQuery.uniqueSort( - jQuery.merge( this.get(), jQuery( selector, context ) ) - ) - ); - }, - - addBack: function( selector ) { - return this.add( selector == null ? - this.prevObject : this.prevObject.filter( selector ) - ); - } -} ); - -function sibling( cur, dir ) { - while ( ( cur = cur[ dir ] ) && cur.nodeType !== 1 ) {} - return cur; -} - -jQuery.each( { - parent: function( elem ) { - var parent = elem.parentNode; - return parent && parent.nodeType !== 11 ? parent : null; - }, - parents: function( elem ) { - return dir( elem, "parentNode" ); - }, - parentsUntil: function( elem, i, until ) { - return dir( elem, "parentNode", until ); - }, - next: function( elem ) { - return sibling( elem, "nextSibling" ); - }, - prev: function( elem ) { - return sibling( elem, "previousSibling" ); - }, - nextAll: function( elem ) { - return dir( elem, "nextSibling" ); - }, - prevAll: function( elem ) { - return dir( elem, "previousSibling" ); - }, - nextUntil: function( elem, i, until ) { - return dir( elem, "nextSibling", until ); - }, - prevUntil: function( elem, i, until ) { - return dir( elem, "previousSibling", until ); - }, - siblings: function( elem ) { - return siblings( ( elem.parentNode || {} ).firstChild, elem ); - }, - children: function( elem ) { - return siblings( elem.firstChild ); - }, - contents: function( elem ) { - return elem.contentDocument || jQuery.merge( [], elem.childNodes ); - } -}, function( name, fn ) { - jQuery.fn[ name ] = function( until, selector ) { - var matched = jQuery.map( this, fn, until ); - - if ( name.slice( -5 ) !== "Until" ) { - selector = until; - } - - if ( selector && typeof selector === "string" ) { - matched = jQuery.filter( selector, matched ); - } - - if ( this.length > 1 ) { - - // Remove duplicates - if ( !guaranteedUnique[ name ] ) { - jQuery.uniqueSort( matched ); - } - - // Reverse order for parents* and prev-derivatives - if ( rparentsprev.test( name ) ) { - matched.reverse(); - } - } - - return this.pushStack( matched ); - }; -} ); -var rnotwhite = ( /\S+/g ); - - - -// Convert String-formatted options into Object-formatted ones -function createOptions( options ) { - var object = {}; - jQuery.each( options.match( rnotwhite ) || [], function( _, flag ) { - object[ flag ] = true; - } ); - return object; -} - -/* - * Create a callback list using the following parameters: - * - * options: an optional list of space-separated options that will change how - * the callback list behaves or a more traditional option object - * - * By default a callback list will act like an event callback list and can be - * "fired" multiple times. - * - * Possible options: - * - * once: will ensure the callback list can only be fired once (like a Deferred) - * - * memory: will keep track of previous values and will call any callback added - * after the list has been fired right away with the latest "memorized" - * values (like a Deferred) - * - * unique: will ensure a callback can only be added once (no duplicate in the list) - * - * stopOnFalse: interrupt callings when a callback returns false - * - */ -jQuery.Callbacks = function( options ) { - - // Convert options from String-formatted to Object-formatted if needed - // (we check in cache first) - options = typeof options === "string" ? - createOptions( options ) : - jQuery.extend( {}, options ); - - var // Flag to know if list is currently firing - firing, - - // Last fire value for non-forgettable lists - memory, - - // Flag to know if list was already fired - fired, - - // Flag to prevent firing - locked, - - // Actual callback list - list = [], - - // Queue of execution data for repeatable lists - queue = [], - - // Index of currently firing callback (modified by add/remove as needed) - firingIndex = -1, - - // Fire callbacks - fire = function() { - - // Enforce single-firing - locked = options.once; - - // Execute callbacks for all pending executions, - // respecting firingIndex overrides and runtime changes - fired = firing = true; - for ( ; queue.length; firingIndex = -1 ) { - memory = queue.shift(); - while ( ++firingIndex < list.length ) { - - // Run callback and check for early termination - if ( list[ firingIndex ].apply( memory[ 0 ], memory[ 1 ] ) === false && - options.stopOnFalse ) { - - // Jump to end and forget the data so .add doesn't re-fire - firingIndex = list.length; - memory = false; - } - } - } - - // Forget the data if we're done with it - if ( !options.memory ) { - memory = false; - } - - firing = false; - - // Clean up if we're done firing for good - if ( locked ) { - - // Keep an empty list if we have data for future add calls - if ( memory ) { - list = []; - - // Otherwise, this object is spent - } else { - list = ""; - } - } - }, - - // Actual Callbacks object - self = { - - // Add a callback or a collection of callbacks to the list - add: function() { - if ( list ) { - - // If we have memory from a past run, we should fire after adding - if ( memory && !firing ) { - firingIndex = list.length - 1; - queue.push( memory ); - } - - ( function add( args ) { - jQuery.each( args, function( _, arg ) { - if ( jQuery.isFunction( arg ) ) { - if ( !options.unique || !self.has( arg ) ) { - list.push( arg ); - } - } else if ( arg && arg.length && jQuery.type( arg ) !== "string" ) { - - // Inspect recursively - add( arg ); - } - } ); - } )( arguments ); - - if ( memory && !firing ) { - fire(); - } - } - return this; - }, - - // Remove a callback from the list - remove: function() { - jQuery.each( arguments, function( _, arg ) { - var index; - while ( ( index = jQuery.inArray( arg, list, index ) ) > -1 ) { - list.splice( index, 1 ); - - // Handle firing indexes - if ( index <= firingIndex ) { - firingIndex--; - } - } - } ); - return this; - }, - - // Check if a given callback is in the list. - // If no argument is given, return whether or not list has callbacks attached. - has: function( fn ) { - return fn ? - jQuery.inArray( fn, list ) > -1 : - list.length > 0; - }, - - // Remove all callbacks from the list - empty: function() { - if ( list ) { - list = []; - } - return this; - }, - - // Disable .fire and .add - // Abort any current/pending executions - // Clear all callbacks and values - disable: function() { - locked = queue = []; - list = memory = ""; - return this; - }, - disabled: function() { - return !list; - }, - - // Disable .fire - // Also disable .add unless we have memory (since it would have no effect) - // Abort any pending executions - lock: function() { - locked = queue = []; - if ( !memory ) { - list = memory = ""; - } - return this; - }, - locked: function() { - return !!locked; - }, - - // Call all callbacks with the given context and arguments - fireWith: function( context, args ) { - if ( !locked ) { - args = args || []; - args = [ context, args.slice ? args.slice() : args ]; - queue.push( args ); - if ( !firing ) { - fire(); - } - } - return this; - }, - - // Call all the callbacks with the given arguments - fire: function() { - self.fireWith( this, arguments ); - return this; - }, - - // To know if the callbacks have already been called at least once - fired: function() { - return !!fired; - } - }; - - return self; -}; - - -jQuery.extend( { - - Deferred: function( func ) { - var tuples = [ - - // action, add listener, listener list, final state - [ "resolve", "done", jQuery.Callbacks( "once memory" ), "resolved" ], - [ "reject", "fail", jQuery.Callbacks( "once memory" ), "rejected" ], - [ "notify", "progress", jQuery.Callbacks( "memory" ) ] - ], - state = "pending", - promise = { - state: function() { - return state; - }, - always: function() { - deferred.done( arguments ).fail( arguments ); - return this; - }, - then: function( /* fnDone, fnFail, fnProgress */ ) { - var fns = arguments; - return jQuery.Deferred( function( newDefer ) { - jQuery.each( tuples, function( i, tuple ) { - var fn = jQuery.isFunction( fns[ i ] ) && fns[ i ]; - - // deferred[ done | fail | progress ] for forwarding actions to newDefer - deferred[ tuple[ 1 ] ]( function() { - var returned = fn && fn.apply( this, arguments ); - if ( returned && jQuery.isFunction( returned.promise ) ) { - returned.promise() - .progress( newDefer.notify ) - .done( newDefer.resolve ) - .fail( newDefer.reject ); - } else { - newDefer[ tuple[ 0 ] + "With" ]( - this === promise ? newDefer.promise() : this, - fn ? [ returned ] : arguments - ); - } - } ); - } ); - fns = null; - } ).promise(); - }, - - // Get a promise for this deferred - // If obj is provided, the promise aspect is added to the object - promise: function( obj ) { - return obj != null ? jQuery.extend( obj, promise ) : promise; - } - }, - deferred = {}; - - // Keep pipe for back-compat - promise.pipe = promise.then; - - // Add list-specific methods - jQuery.each( tuples, function( i, tuple ) { - var list = tuple[ 2 ], - stateString = tuple[ 3 ]; - - // promise[ done | fail | progress ] = list.add - promise[ tuple[ 1 ] ] = list.add; - - // Handle state - if ( stateString ) { - list.add( function() { - - // state = [ resolved | rejected ] - state = stateString; - - // [ reject_list | resolve_list ].disable; progress_list.lock - }, tuples[ i ^ 1 ][ 2 ].disable, tuples[ 2 ][ 2 ].lock ); - } - - // deferred[ resolve | reject | notify ] - deferred[ tuple[ 0 ] ] = function() { - deferred[ tuple[ 0 ] + "With" ]( this === deferred ? promise : this, arguments ); - return this; - }; - deferred[ tuple[ 0 ] + "With" ] = list.fireWith; - } ); - - // Make the deferred a promise - promise.promise( deferred ); - - // Call given func if any - if ( func ) { - func.call( deferred, deferred ); - } - - // All done! - return deferred; - }, - - // Deferred helper - when: function( subordinate /* , ..., subordinateN */ ) { - var i = 0, - resolveValues = slice.call( arguments ), - length = resolveValues.length, - - // the count of uncompleted subordinates - remaining = length !== 1 || - ( subordinate && jQuery.isFunction( subordinate.promise ) ) ? length : 0, - - // the master Deferred. - // If resolveValues consist of only a single Deferred, just use that. - deferred = remaining === 1 ? subordinate : jQuery.Deferred(), - - // Update function for both resolve and progress values - updateFunc = function( i, contexts, values ) { - return function( value ) { - contexts[ i ] = this; - values[ i ] = arguments.length > 1 ? slice.call( arguments ) : value; - if ( values === progressValues ) { - deferred.notifyWith( contexts, values ); - } else if ( !( --remaining ) ) { - deferred.resolveWith( contexts, values ); - } - }; - }, - - progressValues, progressContexts, resolveContexts; - - // Add listeners to Deferred subordinates; treat others as resolved - if ( length > 1 ) { - progressValues = new Array( length ); - progressContexts = new Array( length ); - resolveContexts = new Array( length ); - for ( ; i < length; i++ ) { - if ( resolveValues[ i ] && jQuery.isFunction( resolveValues[ i ].promise ) ) { - resolveValues[ i ].promise() - .progress( updateFunc( i, progressContexts, progressValues ) ) - .done( updateFunc( i, resolveContexts, resolveValues ) ) - .fail( deferred.reject ); - } else { - --remaining; - } - } - } - - // If we're not waiting on anything, resolve the master - if ( !remaining ) { - deferred.resolveWith( resolveContexts, resolveValues ); - } - - return deferred.promise(); - } -} ); - - -// The deferred used on DOM ready -var readyList; - -jQuery.fn.ready = function( fn ) { - - // Add the callback - jQuery.ready.promise().done( fn ); - - return this; -}; - -jQuery.extend( { - - // Is the DOM ready to be used? Set to true once it occurs. - isReady: false, - - // A counter to track how many items to wait for before - // the ready event fires. See #6781 - readyWait: 1, - - // Hold (or release) the ready event - holdReady: function( hold ) { - if ( hold ) { - jQuery.readyWait++; - } else { - jQuery.ready( true ); - } - }, - - // Handle when the DOM is ready - ready: function( wait ) { - - // Abort if there are pending holds or we're already ready - if ( wait === true ? --jQuery.readyWait : jQuery.isReady ) { - return; - } - - // Remember that the DOM is ready - jQuery.isReady = true; - - // If a normal DOM Ready event fired, decrement, and wait if need be - if ( wait !== true && --jQuery.readyWait > 0 ) { - return; - } - - // If there are functions bound, to execute - readyList.resolveWith( document, [ jQuery ] ); - - // Trigger any bound ready events - if ( jQuery.fn.triggerHandler ) { - jQuery( document ).triggerHandler( "ready" ); - jQuery( document ).off( "ready" ); - } - } -} ); - -/** - * The ready event handler and self cleanup method - */ -function completed() { - document.removeEventListener( "DOMContentLoaded", completed ); - window.removeEventListener( "load", completed ); - jQuery.ready(); -} - -jQuery.ready.promise = function( obj ) { - if ( !readyList ) { - - readyList = jQuery.Deferred(); - - // Catch cases where $(document).ready() is called - // after the browser event has already occurred. - // Support: IE9-10 only - // Older IE sometimes signals "interactive" too soon - if ( document.readyState === "complete" || - ( document.readyState !== "loading" && !document.documentElement.doScroll ) ) { - - // Handle it asynchronously to allow scripts the opportunity to delay ready - window.setTimeout( jQuery.ready ); - - } else { - - // Use the handy event callback - document.addEventListener( "DOMContentLoaded", completed ); - - // A fallback to window.onload, that will always work - window.addEventListener( "load", completed ); - } - } - return readyList.promise( obj ); -}; - -// Kick off the DOM ready check even if the user does not -jQuery.ready.promise(); - - - - -// Multifunctional method to get and set values of a collection -// The value/s can optionally be executed if it's a function -var access = function( elems, fn, key, value, chainable, emptyGet, raw ) { - var i = 0, - len = elems.length, - bulk = key == null; - - // Sets many values - if ( jQuery.type( key ) === "object" ) { - chainable = true; - for ( i in key ) { - access( elems, fn, i, key[ i ], true, emptyGet, raw ); - } - - // Sets one value - } else if ( value !== undefined ) { - chainable = true; - - if ( !jQuery.isFunction( value ) ) { - raw = true; - } - - if ( bulk ) { - - // Bulk operations run against the entire set - if ( raw ) { - fn.call( elems, value ); - fn = null; - - // ...except when executing function values - } else { - bulk = fn; - fn = function( elem, key, value ) { - return bulk.call( jQuery( elem ), value ); - }; - } - } - - if ( fn ) { - for ( ; i < len; i++ ) { - fn( - elems[ i ], key, raw ? - value : - value.call( elems[ i ], i, fn( elems[ i ], key ) ) - ); - } - } - } - - return chainable ? - elems : - - // Gets - bulk ? - fn.call( elems ) : - len ? fn( elems[ 0 ], key ) : emptyGet; -}; -var acceptData = function( owner ) { - - // Accepts only: - // - Node - // - Node.ELEMENT_NODE - // - Node.DOCUMENT_NODE - // - Object - // - Any - /* jshint -W018 */ - return owner.nodeType === 1 || owner.nodeType === 9 || !( +owner.nodeType ); -}; - - - - -function Data() { - this.expando = jQuery.expando + Data.uid++; -} - -Data.uid = 1; - -Data.prototype = { - - register: function( owner, initial ) { - var value = initial || {}; - - // If it is a node unlikely to be stringify-ed or looped over - // use plain assignment - if ( owner.nodeType ) { - owner[ this.expando ] = value; - - // Otherwise secure it in a non-enumerable, non-writable property - // configurability must be true to allow the property to be - // deleted with the delete operator - } else { - Object.defineProperty( owner, this.expando, { - value: value, - writable: true, - configurable: true - } ); - } - return owner[ this.expando ]; - }, - cache: function( owner ) { - - // We can accept data for non-element nodes in modern browsers, - // but we should not, see #8335. - // Always return an empty object. - if ( !acceptData( owner ) ) { - return {}; - } - - // Check if the owner object already has a cache - var value = owner[ this.expando ]; - - // If not, create one - if ( !value ) { - value = {}; - - // We can accept data for non-element nodes in modern browsers, - // but we should not, see #8335. - // Always return an empty object. - if ( acceptData( owner ) ) { - - // If it is a node unlikely to be stringify-ed or looped over - // use plain assignment - if ( owner.nodeType ) { - owner[ this.expando ] = value; - - // Otherwise secure it in a non-enumerable property - // configurable must be true to allow the property to be - // deleted when data is removed - } else { - Object.defineProperty( owner, this.expando, { - value: value, - configurable: true - } ); - } - } - } - - return value; - }, - set: function( owner, data, value ) { - var prop, - cache = this.cache( owner ); - - // Handle: [ owner, key, value ] args - if ( typeof data === "string" ) { - cache[ data ] = value; - - // Handle: [ owner, { properties } ] args - } else { - - // Copy the properties one-by-one to the cache object - for ( prop in data ) { - cache[ prop ] = data[ prop ]; - } - } - return cache; - }, - get: function( owner, key ) { - return key === undefined ? - this.cache( owner ) : - owner[ this.expando ] && owner[ this.expando ][ key ]; - }, - access: function( owner, key, value ) { - var stored; - - // In cases where either: - // - // 1. No key was specified - // 2. A string key was specified, but no value provided - // - // Take the "read" path and allow the get method to determine - // which value to return, respectively either: - // - // 1. The entire cache object - // 2. The data stored at the key - // - if ( key === undefined || - ( ( key && typeof key === "string" ) && value === undefined ) ) { - - stored = this.get( owner, key ); - - return stored !== undefined ? - stored : this.get( owner, jQuery.camelCase( key ) ); - } - - // When the key is not a string, or both a key and value - // are specified, set or extend (existing objects) with either: - // - // 1. An object of properties - // 2. A key and value - // - this.set( owner, key, value ); - - // Since the "set" path can have two possible entry points - // return the expected data based on which path was taken[*] - return value !== undefined ? value : key; - }, - remove: function( owner, key ) { - var i, name, camel, - cache = owner[ this.expando ]; - - if ( cache === undefined ) { - return; - } - - if ( key === undefined ) { - this.register( owner ); - - } else { - - // Support array or space separated string of keys - if ( jQuery.isArray( key ) ) { - - // If "name" is an array of keys... - // When data is initially created, via ("key", "val") signature, - // keys will be converted to camelCase. - // Since there is no way to tell _how_ a key was added, remove - // both plain key and camelCase key. #12786 - // This will only penalize the array argument path. - name = key.concat( key.map( jQuery.camelCase ) ); - } else { - camel = jQuery.camelCase( key ); - - // Try the string as a key before any manipulation - if ( key in cache ) { - name = [ key, camel ]; - } else { - - // If a key with the spaces exists, use it. - // Otherwise, create an array by matching non-whitespace - name = camel; - name = name in cache ? - [ name ] : ( name.match( rnotwhite ) || [] ); - } - } - - i = name.length; - - while ( i-- ) { - delete cache[ name[ i ] ]; - } - } - - // Remove the expando if there's no more data - if ( key === undefined || jQuery.isEmptyObject( cache ) ) { - - // Support: Chrome <= 35-45+ - // Webkit & Blink performance suffers when deleting properties - // from DOM nodes, so set to undefined instead - // https://code.google.com/p/chromium/issues/detail?id=378607 - if ( owner.nodeType ) { - owner[ this.expando ] = undefined; - } else { - delete owner[ this.expando ]; - } - } - }, - hasData: function( owner ) { - var cache = owner[ this.expando ]; - return cache !== undefined && !jQuery.isEmptyObject( cache ); - } -}; -var dataPriv = new Data(); - -var dataUser = new Data(); - - - -// Implementation Summary -// -// 1. Enforce API surface and semantic compatibility with 1.9.x branch -// 2. Improve the module's maintainability by reducing the storage -// paths to a single mechanism. -// 3. Use the same single mechanism to support "private" and "user" data. -// 4. _Never_ expose "private" data to user code (TODO: Drop _data, _removeData) -// 5. Avoid exposing implementation details on user objects (eg. expando properties) -// 6. Provide a clear path for implementation upgrade to WeakMap in 2014 - -var rbrace = /^(?:\{[\w\W]*\}|\[[\w\W]*\])$/, - rmultiDash = /[A-Z]/g; - -function dataAttr( elem, key, data ) { - var name; - - // If nothing was found internally, try to fetch any - // data from the HTML5 data-* attribute - if ( data === undefined && elem.nodeType === 1 ) { - name = "data-" + key.replace( rmultiDash, "-$&" ).toLowerCase(); - data = elem.getAttribute( name ); - - if ( typeof data === "string" ) { - try { - data = data === "true" ? true : - data === "false" ? false : - data === "null" ? null : - - // Only convert to a number if it doesn't change the string - +data + "" === data ? +data : - rbrace.test( data ) ? jQuery.parseJSON( data ) : - data; - } catch ( e ) {} - - // Make sure we set the data so it isn't changed later - dataUser.set( elem, key, data ); - } else { - data = undefined; - } - } - return data; -} - -jQuery.extend( { - hasData: function( elem ) { - return dataUser.hasData( elem ) || dataPriv.hasData( elem ); - }, - - data: function( elem, name, data ) { - return dataUser.access( elem, name, data ); - }, - - removeData: function( elem, name ) { - dataUser.remove( elem, name ); - }, - - // TODO: Now that all calls to _data and _removeData have been replaced - // with direct calls to dataPriv methods, these can be deprecated. - _data: function( elem, name, data ) { - return dataPriv.access( elem, name, data ); - }, - - _removeData: function( elem, name ) { - dataPriv.remove( elem, name ); - } -} ); - -jQuery.fn.extend( { - data: function( key, value ) { - var i, name, data, - elem = this[ 0 ], - attrs = elem && elem.attributes; - - // Gets all values - if ( key === undefined ) { - if ( this.length ) { - data = dataUser.get( elem ); - - if ( elem.nodeType === 1 && !dataPriv.get( elem, "hasDataAttrs" ) ) { - i = attrs.length; - while ( i-- ) { - - // Support: IE11+ - // The attrs elements can be null (#14894) - if ( attrs[ i ] ) { - name = attrs[ i ].name; - if ( name.indexOf( "data-" ) === 0 ) { - name = jQuery.camelCase( name.slice( 5 ) ); - dataAttr( elem, name, data[ name ] ); - } - } - } - dataPriv.set( elem, "hasDataAttrs", true ); - } - } - - return data; - } - - // Sets multiple values - if ( typeof key === "object" ) { - return this.each( function() { - dataUser.set( this, key ); - } ); - } - - return access( this, function( value ) { - var data, camelKey; - - // The calling jQuery object (element matches) is not empty - // (and therefore has an element appears at this[ 0 ]) and the - // `value` parameter was not undefined. An empty jQuery object - // will result in `undefined` for elem = this[ 0 ] which will - // throw an exception if an attempt to read a data cache is made. - if ( elem && value === undefined ) { - - // Attempt to get data from the cache - // with the key as-is - data = dataUser.get( elem, key ) || - - // Try to find dashed key if it exists (gh-2779) - // This is for 2.2.x only - dataUser.get( elem, key.replace( rmultiDash, "-$&" ).toLowerCase() ); - - if ( data !== undefined ) { - return data; - } - - camelKey = jQuery.camelCase( key ); - - // Attempt to get data from the cache - // with the key camelized - data = dataUser.get( elem, camelKey ); - if ( data !== undefined ) { - return data; - } - - // Attempt to "discover" the data in - // HTML5 custom data-* attrs - data = dataAttr( elem, camelKey, undefined ); - if ( data !== undefined ) { - return data; - } - - // We tried really hard, but the data doesn't exist. - return; - } - - // Set the data... - camelKey = jQuery.camelCase( key ); - this.each( function() { - - // First, attempt to store a copy or reference of any - // data that might've been store with a camelCased key. - var data = dataUser.get( this, camelKey ); - - // For HTML5 data-* attribute interop, we have to - // store property names with dashes in a camelCase form. - // This might not apply to all properties...* - dataUser.set( this, camelKey, value ); - - // *... In the case of properties that might _actually_ - // have dashes, we need to also store a copy of that - // unchanged property. - if ( key.indexOf( "-" ) > -1 && data !== undefined ) { - dataUser.set( this, key, value ); - } - } ); - }, null, value, arguments.length > 1, null, true ); - }, - - removeData: function( key ) { - return this.each( function() { - dataUser.remove( this, key ); - } ); - } -} ); - - -jQuery.extend( { - queue: function( elem, type, data ) { - var queue; - - if ( elem ) { - type = ( type || "fx" ) + "queue"; - queue = dataPriv.get( elem, type ); - - // Speed up dequeue by getting out quickly if this is just a lookup - if ( data ) { - if ( !queue || jQuery.isArray( data ) ) { - queue = dataPriv.access( elem, type, jQuery.makeArray( data ) ); - } else { - queue.push( data ); - } - } - return queue || []; - } - }, - - dequeue: function( elem, type ) { - type = type || "fx"; - - var queue = jQuery.queue( elem, type ), - startLength = queue.length, - fn = queue.shift(), - hooks = jQuery._queueHooks( elem, type ), - next = function() { - jQuery.dequeue( elem, type ); - }; - - // If the fx queue is dequeued, always remove the progress sentinel - if ( fn === "inprogress" ) { - fn = queue.shift(); - startLength--; - } - - if ( fn ) { - - // Add a progress sentinel to prevent the fx queue from being - // automatically dequeued - if ( type === "fx" ) { - queue.unshift( "inprogress" ); - } - - // Clear up the last queue stop function - delete hooks.stop; - fn.call( elem, next, hooks ); - } - - if ( !startLength && hooks ) { - hooks.empty.fire(); - } - }, - - // Not public - generate a queueHooks object, or return the current one - _queueHooks: function( elem, type ) { - var key = type + "queueHooks"; - return dataPriv.get( elem, key ) || dataPriv.access( elem, key, { - empty: jQuery.Callbacks( "once memory" ).add( function() { - dataPriv.remove( elem, [ type + "queue", key ] ); - } ) - } ); - } -} ); - -jQuery.fn.extend( { - queue: function( type, data ) { - var setter = 2; - - if ( typeof type !== "string" ) { - data = type; - type = "fx"; - setter--; - } - - if ( arguments.length < setter ) { - return jQuery.queue( this[ 0 ], type ); - } - - return data === undefined ? - this : - this.each( function() { - var queue = jQuery.queue( this, type, data ); - - // Ensure a hooks for this queue - jQuery._queueHooks( this, type ); - - if ( type === "fx" && queue[ 0 ] !== "inprogress" ) { - jQuery.dequeue( this, type ); - } - } ); - }, - dequeue: function( type ) { - return this.each( function() { - jQuery.dequeue( this, type ); - } ); - }, - clearQueue: function( type ) { - return this.queue( type || "fx", [] ); - }, - - // Get a promise resolved when queues of a certain type - // are emptied (fx is the type by default) - promise: function( type, obj ) { - var tmp, - count = 1, - defer = jQuery.Deferred(), - elements = this, - i = this.length, - resolve = function() { - if ( !( --count ) ) { - defer.resolveWith( elements, [ elements ] ); - } - }; - - if ( typeof type !== "string" ) { - obj = type; - type = undefined; - } - type = type || "fx"; - - while ( i-- ) { - tmp = dataPriv.get( elements[ i ], type + "queueHooks" ); - if ( tmp && tmp.empty ) { - count++; - tmp.empty.add( resolve ); - } - } - resolve(); - return defer.promise( obj ); - } -} ); -var pnum = ( /[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/ ).source; - -var rcssNum = new RegExp( "^(?:([+-])=|)(" + pnum + ")([a-z%]*)$", "i" ); - - -var cssExpand = [ "Top", "Right", "Bottom", "Left" ]; - -var isHidden = function( elem, el ) { - - // isHidden might be called from jQuery#filter function; - // in that case, element will be second argument - elem = el || elem; - return jQuery.css( elem, "display" ) === "none" || - !jQuery.contains( elem.ownerDocument, elem ); - }; - - - -function adjustCSS( elem, prop, valueParts, tween ) { - var adjusted, - scale = 1, - maxIterations = 20, - currentValue = tween ? - function() { return tween.cur(); } : - function() { return jQuery.css( elem, prop, "" ); }, - initial = currentValue(), - unit = valueParts && valueParts[ 3 ] || ( jQuery.cssNumber[ prop ] ? "" : "px" ), - - // Starting value computation is required for potential unit mismatches - initialInUnit = ( jQuery.cssNumber[ prop ] || unit !== "px" && +initial ) && - rcssNum.exec( jQuery.css( elem, prop ) ); - - if ( initialInUnit && initialInUnit[ 3 ] !== unit ) { - - // Trust units reported by jQuery.css - unit = unit || initialInUnit[ 3 ]; - - // Make sure we update the tween properties later on - valueParts = valueParts || []; - - // Iteratively approximate from a nonzero starting point - initialInUnit = +initial || 1; - - do { - - // If previous iteration zeroed out, double until we get *something*. - // Use string for doubling so we don't accidentally see scale as unchanged below - scale = scale || ".5"; - - // Adjust and apply - initialInUnit = initialInUnit / scale; - jQuery.style( elem, prop, initialInUnit + unit ); - - // Update scale, tolerating zero or NaN from tween.cur() - // Break the loop if scale is unchanged or perfect, or if we've just had enough. - } while ( - scale !== ( scale = currentValue() / initial ) && scale !== 1 && --maxIterations - ); - } - - if ( valueParts ) { - initialInUnit = +initialInUnit || +initial || 0; - - // Apply relative offset (+=/-=) if specified - adjusted = valueParts[ 1 ] ? - initialInUnit + ( valueParts[ 1 ] + 1 ) * valueParts[ 2 ] : - +valueParts[ 2 ]; - if ( tween ) { - tween.unit = unit; - tween.start = initialInUnit; - tween.end = adjusted; - } - } - return adjusted; -} -var rcheckableType = ( /^(?:checkbox|radio)$/i ); - -var rtagName = ( /<([\w:-]+)/ ); - -var rscriptType = ( /^$|\/(?:java|ecma)script/i ); - - - -// We have to close these tags to support XHTML (#13200) -var wrapMap = { - - // Support: IE9 - option: [ 1, "" ], - - // XHTML parsers do not magically insert elements in the - // same way that tag soup parsers do. So we cannot shorten - // this by omitting or other required elements. - thead: [ 1, "", "
      " ], - col: [ 2, "", "
      " ], - tr: [ 2, "", "
      " ], - td: [ 3, "", "
      " ], - - _default: [ 0, "", "" ] -}; - -// Support: IE9 -wrapMap.optgroup = wrapMap.option; - -wrapMap.tbody = wrapMap.tfoot = wrapMap.colgroup = wrapMap.caption = wrapMap.thead; -wrapMap.th = wrapMap.td; - - -function getAll( context, tag ) { - - // Support: IE9-11+ - // Use typeof to avoid zero-argument method invocation on host objects (#15151) - var ret = typeof context.getElementsByTagName !== "undefined" ? - context.getElementsByTagName( tag || "*" ) : - typeof context.querySelectorAll !== "undefined" ? - context.querySelectorAll( tag || "*" ) : - []; - - return tag === undefined || tag && jQuery.nodeName( context, tag ) ? - jQuery.merge( [ context ], ret ) : - ret; -} - - -// Mark scripts as having already been evaluated -function setGlobalEval( elems, refElements ) { - var i = 0, - l = elems.length; - - for ( ; i < l; i++ ) { - dataPriv.set( - elems[ i ], - "globalEval", - !refElements || dataPriv.get( refElements[ i ], "globalEval" ) - ); - } -} - - -var rhtml = /<|&#?\w+;/; - -function buildFragment( elems, context, scripts, selection, ignored ) { - var elem, tmp, tag, wrap, contains, j, - fragment = context.createDocumentFragment(), - nodes = [], - i = 0, - l = elems.length; - - for ( ; i < l; i++ ) { - elem = elems[ i ]; - - if ( elem || elem === 0 ) { - - // Add nodes directly - if ( jQuery.type( elem ) === "object" ) { - - // Support: Android<4.1, PhantomJS<2 - // push.apply(_, arraylike) throws on ancient WebKit - jQuery.merge( nodes, elem.nodeType ? [ elem ] : elem ); - - // Convert non-html into a text node - } else if ( !rhtml.test( elem ) ) { - nodes.push( context.createTextNode( elem ) ); - - // Convert html into DOM nodes - } else { - tmp = tmp || fragment.appendChild( context.createElement( "div" ) ); - - // Deserialize a standard representation - tag = ( rtagName.exec( elem ) || [ "", "" ] )[ 1 ].toLowerCase(); - wrap = wrapMap[ tag ] || wrapMap._default; - tmp.innerHTML = wrap[ 1 ] + jQuery.htmlPrefilter( elem ) + wrap[ 2 ]; - - // Descend through wrappers to the right content - j = wrap[ 0 ]; - while ( j-- ) { - tmp = tmp.lastChild; - } - - // Support: Android<4.1, PhantomJS<2 - // push.apply(_, arraylike) throws on ancient WebKit - jQuery.merge( nodes, tmp.childNodes ); - - // Remember the top-level container - tmp = fragment.firstChild; - - // Ensure the created nodes are orphaned (#12392) - tmp.textContent = ""; - } - } - } - - // Remove wrapper from fragment - fragment.textContent = ""; - - i = 0; - while ( ( elem = nodes[ i++ ] ) ) { - - // Skip elements already in the context collection (trac-4087) - if ( selection && jQuery.inArray( elem, selection ) > -1 ) { - if ( ignored ) { - ignored.push( elem ); - } - continue; - } - - contains = jQuery.contains( elem.ownerDocument, elem ); - - // Append to fragment - tmp = getAll( fragment.appendChild( elem ), "script" ); - - // Preserve script evaluation history - if ( contains ) { - setGlobalEval( tmp ); - } - - // Capture executables - if ( scripts ) { - j = 0; - while ( ( elem = tmp[ j++ ] ) ) { - if ( rscriptType.test( elem.type || "" ) ) { - scripts.push( elem ); - } - } - } - } - - return fragment; -} - - -( function() { - var fragment = document.createDocumentFragment(), - div = fragment.appendChild( document.createElement( "div" ) ), - input = document.createElement( "input" ); - - // Support: Android 4.0-4.3, Safari<=5.1 - // Check state lost if the name is set (#11217) - // Support: Windows Web Apps (WWA) - // `name` and `type` must use .setAttribute for WWA (#14901) - input.setAttribute( "type", "radio" ); - input.setAttribute( "checked", "checked" ); - input.setAttribute( "name", "t" ); - - div.appendChild( input ); - - // Support: Safari<=5.1, Android<4.2 - // Older WebKit doesn't clone checked state correctly in fragments - support.checkClone = div.cloneNode( true ).cloneNode( true ).lastChild.checked; - - // Support: IE<=11+ - // Make sure textarea (and checkbox) defaultValue is properly cloned - div.innerHTML = ""; - support.noCloneChecked = !!div.cloneNode( true ).lastChild.defaultValue; -} )(); - - -var - rkeyEvent = /^key/, - rmouseEvent = /^(?:mouse|pointer|contextmenu|drag|drop)|click/, - rtypenamespace = /^([^.]*)(?:\.(.+)|)/; - -function returnTrue() { - return true; -} - -function returnFalse() { - return false; -} - -// Support: IE9 -// See #13393 for more info -function safeActiveElement() { - try { - return document.activeElement; - } catch ( err ) { } -} - -function on( elem, types, selector, data, fn, one ) { - var origFn, type; - - // Types can be a map of types/handlers - if ( typeof types === "object" ) { - - // ( types-Object, selector, data ) - if ( typeof selector !== "string" ) { - - // ( types-Object, data ) - data = data || selector; - selector = undefined; - } - for ( type in types ) { - on( elem, type, selector, data, types[ type ], one ); - } - return elem; - } - - if ( data == null && fn == null ) { - - // ( types, fn ) - fn = selector; - data = selector = undefined; - } else if ( fn == null ) { - if ( typeof selector === "string" ) { - - // ( types, selector, fn ) - fn = data; - data = undefined; - } else { - - // ( types, data, fn ) - fn = data; - data = selector; - selector = undefined; - } - } - if ( fn === false ) { - fn = returnFalse; - } else if ( !fn ) { - return elem; - } - - if ( one === 1 ) { - origFn = fn; - fn = function( event ) { - - // Can use an empty set, since event contains the info - jQuery().off( event ); - return origFn.apply( this, arguments ); - }; - - // Use same guid so caller can remove using origFn - fn.guid = origFn.guid || ( origFn.guid = jQuery.guid++ ); - } - return elem.each( function() { - jQuery.event.add( this, types, fn, data, selector ); - } ); -} - -/* - * Helper functions for managing events -- not part of the public interface. - * Props to Dean Edwards' addEvent library for many of the ideas. - */ -jQuery.event = { - - global: {}, - - add: function( elem, types, handler, data, selector ) { - - var handleObjIn, eventHandle, tmp, - events, t, handleObj, - special, handlers, type, namespaces, origType, - elemData = dataPriv.get( elem ); - - // Don't attach events to noData or text/comment nodes (but allow plain objects) - if ( !elemData ) { - return; - } - - // Caller can pass in an object of custom data in lieu of the handler - if ( handler.handler ) { - handleObjIn = handler; - handler = handleObjIn.handler; - selector = handleObjIn.selector; - } - - // Make sure that the handler has a unique ID, used to find/remove it later - if ( !handler.guid ) { - handler.guid = jQuery.guid++; - } - - // Init the element's event structure and main handler, if this is the first - if ( !( events = elemData.events ) ) { - events = elemData.events = {}; - } - if ( !( eventHandle = elemData.handle ) ) { - eventHandle = elemData.handle = function( e ) { - - // Discard the second event of a jQuery.event.trigger() and - // when an event is called after a page has unloaded - return typeof jQuery !== "undefined" && jQuery.event.triggered !== e.type ? - jQuery.event.dispatch.apply( elem, arguments ) : undefined; - }; - } - - // Handle multiple events separated by a space - types = ( types || "" ).match( rnotwhite ) || [ "" ]; - t = types.length; - while ( t-- ) { - tmp = rtypenamespace.exec( types[ t ] ) || []; - type = origType = tmp[ 1 ]; - namespaces = ( tmp[ 2 ] || "" ).split( "." ).sort(); - - // There *must* be a type, no attaching namespace-only handlers - if ( !type ) { - continue; - } - - // If event changes its type, use the special event handlers for the changed type - special = jQuery.event.special[ type ] || {}; - - // If selector defined, determine special event api type, otherwise given type - type = ( selector ? special.delegateType : special.bindType ) || type; - - // Update special based on newly reset type - special = jQuery.event.special[ type ] || {}; - - // handleObj is passed to all event handlers - handleObj = jQuery.extend( { - type: type, - origType: origType, - data: data, - handler: handler, - guid: handler.guid, - selector: selector, - needsContext: selector && jQuery.expr.match.needsContext.test( selector ), - namespace: namespaces.join( "." ) - }, handleObjIn ); - - // Init the event handler queue if we're the first - if ( !( handlers = events[ type ] ) ) { - handlers = events[ type ] = []; - handlers.delegateCount = 0; - - // Only use addEventListener if the special events handler returns false - if ( !special.setup || - special.setup.call( elem, data, namespaces, eventHandle ) === false ) { - - if ( elem.addEventListener ) { - elem.addEventListener( type, eventHandle ); - } - } - } - - if ( special.add ) { - special.add.call( elem, handleObj ); - - if ( !handleObj.handler.guid ) { - handleObj.handler.guid = handler.guid; - } - } - - // Add to the element's handler list, delegates in front - if ( selector ) { - handlers.splice( handlers.delegateCount++, 0, handleObj ); - } else { - handlers.push( handleObj ); - } - - // Keep track of which events have ever been used, for event optimization - jQuery.event.global[ type ] = true; - } - - }, - - // Detach an event or set of events from an element - remove: function( elem, types, handler, selector, mappedTypes ) { - - var j, origCount, tmp, - events, t, handleObj, - special, handlers, type, namespaces, origType, - elemData = dataPriv.hasData( elem ) && dataPriv.get( elem ); - - if ( !elemData || !( events = elemData.events ) ) { - return; - } - - // Once for each type.namespace in types; type may be omitted - types = ( types || "" ).match( rnotwhite ) || [ "" ]; - t = types.length; - while ( t-- ) { - tmp = rtypenamespace.exec( types[ t ] ) || []; - type = origType = tmp[ 1 ]; - namespaces = ( tmp[ 2 ] || "" ).split( "." ).sort(); - - // Unbind all events (on this namespace, if provided) for the element - if ( !type ) { - for ( type in events ) { - jQuery.event.remove( elem, type + types[ t ], handler, selector, true ); - } - continue; - } - - special = jQuery.event.special[ type ] || {}; - type = ( selector ? special.delegateType : special.bindType ) || type; - handlers = events[ type ] || []; - tmp = tmp[ 2 ] && - new RegExp( "(^|\\.)" + namespaces.join( "\\.(?:.*\\.|)" ) + "(\\.|$)" ); - - // Remove matching events - origCount = j = handlers.length; - while ( j-- ) { - handleObj = handlers[ j ]; - - if ( ( mappedTypes || origType === handleObj.origType ) && - ( !handler || handler.guid === handleObj.guid ) && - ( !tmp || tmp.test( handleObj.namespace ) ) && - ( !selector || selector === handleObj.selector || - selector === "**" && handleObj.selector ) ) { - handlers.splice( j, 1 ); - - if ( handleObj.selector ) { - handlers.delegateCount--; - } - if ( special.remove ) { - special.remove.call( elem, handleObj ); - } - } - } - - // Remove generic event handler if we removed something and no more handlers exist - // (avoids potential for endless recursion during removal of special event handlers) - if ( origCount && !handlers.length ) { - if ( !special.teardown || - special.teardown.call( elem, namespaces, elemData.handle ) === false ) { - - jQuery.removeEvent( elem, type, elemData.handle ); - } - - delete events[ type ]; - } - } - - // Remove data and the expando if it's no longer used - if ( jQuery.isEmptyObject( events ) ) { - dataPriv.remove( elem, "handle events" ); - } - }, - - dispatch: function( event ) { - - // Make a writable jQuery.Event from the native event object - event = jQuery.event.fix( event ); - - var i, j, ret, matched, handleObj, - handlerQueue = [], - args = slice.call( arguments ), - handlers = ( dataPriv.get( this, "events" ) || {} )[ event.type ] || [], - special = jQuery.event.special[ event.type ] || {}; - - // Use the fix-ed jQuery.Event rather than the (read-only) native event - args[ 0 ] = event; - event.delegateTarget = this; - - // Call the preDispatch hook for the mapped type, and let it bail if desired - if ( special.preDispatch && special.preDispatch.call( this, event ) === false ) { - return; - } - - // Determine handlers - handlerQueue = jQuery.event.handlers.call( this, event, handlers ); - - // Run delegates first; they may want to stop propagation beneath us - i = 0; - while ( ( matched = handlerQueue[ i++ ] ) && !event.isPropagationStopped() ) { - event.currentTarget = matched.elem; - - j = 0; - while ( ( handleObj = matched.handlers[ j++ ] ) && - !event.isImmediatePropagationStopped() ) { - - // Triggered event must either 1) have no namespace, or 2) have namespace(s) - // a subset or equal to those in the bound event (both can have no namespace). - if ( !event.rnamespace || event.rnamespace.test( handleObj.namespace ) ) { - - event.handleObj = handleObj; - event.data = handleObj.data; - - ret = ( ( jQuery.event.special[ handleObj.origType ] || {} ).handle || - handleObj.handler ).apply( matched.elem, args ); - - if ( ret !== undefined ) { - if ( ( event.result = ret ) === false ) { - event.preventDefault(); - event.stopPropagation(); - } - } - } - } - } - - // Call the postDispatch hook for the mapped type - if ( special.postDispatch ) { - special.postDispatch.call( this, event ); - } - - return event.result; - }, - - handlers: function( event, handlers ) { - var i, matches, sel, handleObj, - handlerQueue = [], - delegateCount = handlers.delegateCount, - cur = event.target; - - // Support (at least): Chrome, IE9 - // Find delegate handlers - // Black-hole SVG instance trees (#13180) - // - // Support: Firefox<=42+ - // Avoid non-left-click in FF but don't block IE radio events (#3861, gh-2343) - if ( delegateCount && cur.nodeType && - ( event.type !== "click" || isNaN( event.button ) || event.button < 1 ) ) { - - for ( ; cur !== this; cur = cur.parentNode || this ) { - - // Don't check non-elements (#13208) - // Don't process clicks on disabled elements (#6911, #8165, #11382, #11764) - if ( cur.nodeType === 1 && ( cur.disabled !== true || event.type !== "click" ) ) { - matches = []; - for ( i = 0; i < delegateCount; i++ ) { - handleObj = handlers[ i ]; - - // Don't conflict with Object.prototype properties (#13203) - sel = handleObj.selector + " "; - - if ( matches[ sel ] === undefined ) { - matches[ sel ] = handleObj.needsContext ? - jQuery( sel, this ).index( cur ) > -1 : - jQuery.find( sel, this, null, [ cur ] ).length; - } - if ( matches[ sel ] ) { - matches.push( handleObj ); - } - } - if ( matches.length ) { - handlerQueue.push( { elem: cur, handlers: matches } ); - } - } - } - } - - // Add the remaining (directly-bound) handlers - if ( delegateCount < handlers.length ) { - handlerQueue.push( { elem: this, handlers: handlers.slice( delegateCount ) } ); - } - - return handlerQueue; - }, - - // Includes some event props shared by KeyEvent and MouseEvent - props: ( "altKey bubbles cancelable ctrlKey currentTarget detail eventPhase " + - "metaKey relatedTarget shiftKey target timeStamp view which" ).split( " " ), - - fixHooks: {}, - - keyHooks: { - props: "char charCode key keyCode".split( " " ), - filter: function( event, original ) { - - // Add which for key events - if ( event.which == null ) { - event.which = original.charCode != null ? original.charCode : original.keyCode; - } - - return event; - } - }, - - mouseHooks: { - props: ( "button buttons clientX clientY offsetX offsetY pageX pageY " + - "screenX screenY toElement" ).split( " " ), - filter: function( event, original ) { - var eventDoc, doc, body, - button = original.button; - - // Calculate pageX/Y if missing and clientX/Y available - if ( event.pageX == null && original.clientX != null ) { - eventDoc = event.target.ownerDocument || document; - doc = eventDoc.documentElement; - body = eventDoc.body; - - event.pageX = original.clientX + - ( doc && doc.scrollLeft || body && body.scrollLeft || 0 ) - - ( doc && doc.clientLeft || body && body.clientLeft || 0 ); - event.pageY = original.clientY + - ( doc && doc.scrollTop || body && body.scrollTop || 0 ) - - ( doc && doc.clientTop || body && body.clientTop || 0 ); - } - - // Add which for click: 1 === left; 2 === middle; 3 === right - // Note: button is not normalized, so don't use it - if ( !event.which && button !== undefined ) { - event.which = ( button & 1 ? 1 : ( button & 2 ? 3 : ( button & 4 ? 2 : 0 ) ) ); - } - - return event; - } - }, - - fix: function( event ) { - if ( event[ jQuery.expando ] ) { - return event; - } - - // Create a writable copy of the event object and normalize some properties - var i, prop, copy, - type = event.type, - originalEvent = event, - fixHook = this.fixHooks[ type ]; - - if ( !fixHook ) { - this.fixHooks[ type ] = fixHook = - rmouseEvent.test( type ) ? this.mouseHooks : - rkeyEvent.test( type ) ? this.keyHooks : - {}; - } - copy = fixHook.props ? this.props.concat( fixHook.props ) : this.props; - - event = new jQuery.Event( originalEvent ); - - i = copy.length; - while ( i-- ) { - prop = copy[ i ]; - event[ prop ] = originalEvent[ prop ]; - } - - // Support: Cordova 2.5 (WebKit) (#13255) - // All events should have a target; Cordova deviceready doesn't - if ( !event.target ) { - event.target = document; - } - - // Support: Safari 6.0+, Chrome<28 - // Target should not be a text node (#504, #13143) - if ( event.target.nodeType === 3 ) { - event.target = event.target.parentNode; - } - - return fixHook.filter ? fixHook.filter( event, originalEvent ) : event; - }, - - special: { - load: { - - // Prevent triggered image.load events from bubbling to window.load - noBubble: true - }, - focus: { - - // Fire native event if possible so blur/focus sequence is correct - trigger: function() { - if ( this !== safeActiveElement() && this.focus ) { - this.focus(); - return false; - } - }, - delegateType: "focusin" - }, - blur: { - trigger: function() { - if ( this === safeActiveElement() && this.blur ) { - this.blur(); - return false; - } - }, - delegateType: "focusout" - }, - click: { - - // For checkbox, fire native event so checked state will be right - trigger: function() { - if ( this.type === "checkbox" && this.click && jQuery.nodeName( this, "input" ) ) { - this.click(); - return false; - } - }, - - // For cross-browser consistency, don't fire native .click() on links - _default: function( event ) { - return jQuery.nodeName( event.target, "a" ); - } - }, - - beforeunload: { - postDispatch: function( event ) { - - // Support: Firefox 20+ - // Firefox doesn't alert if the returnValue field is not set. - if ( event.result !== undefined && event.originalEvent ) { - event.originalEvent.returnValue = event.result; - } - } - } - } -}; - -jQuery.removeEvent = function( elem, type, handle ) { - - // This "if" is needed for plain objects - if ( elem.removeEventListener ) { - elem.removeEventListener( type, handle ); - } -}; - -jQuery.Event = function( src, props ) { - - // Allow instantiation without the 'new' keyword - if ( !( this instanceof jQuery.Event ) ) { - return new jQuery.Event( src, props ); - } - - // Event object - if ( src && src.type ) { - this.originalEvent = src; - this.type = src.type; - - // Events bubbling up the document may have been marked as prevented - // by a handler lower down the tree; reflect the correct value. - this.isDefaultPrevented = src.defaultPrevented || - src.defaultPrevented === undefined && - - // Support: Android<4.0 - src.returnValue === false ? - returnTrue : - returnFalse; - - // Event type - } else { - this.type = src; - } - - // Put explicitly provided properties onto the event object - if ( props ) { - jQuery.extend( this, props ); - } - - // Create a timestamp if incoming event doesn't have one - this.timeStamp = src && src.timeStamp || jQuery.now(); - - // Mark it as fixed - this[ jQuery.expando ] = true; -}; - -// jQuery.Event is based on DOM3 Events as specified by the ECMAScript Language Binding -// http://www.w3.org/TR/2003/WD-DOM-Level-3-Events-20030331/ecma-script-binding.html -jQuery.Event.prototype = { - constructor: jQuery.Event, - isDefaultPrevented: returnFalse, - isPropagationStopped: returnFalse, - isImmediatePropagationStopped: returnFalse, - isSimulated: false, - - preventDefault: function() { - var e = this.originalEvent; - - this.isDefaultPrevented = returnTrue; - - if ( e && !this.isSimulated ) { - e.preventDefault(); - } - }, - stopPropagation: function() { - var e = this.originalEvent; - - this.isPropagationStopped = returnTrue; - - if ( e && !this.isSimulated ) { - e.stopPropagation(); - } - }, - stopImmediatePropagation: function() { - var e = this.originalEvent; - - this.isImmediatePropagationStopped = returnTrue; - - if ( e && !this.isSimulated ) { - e.stopImmediatePropagation(); - } - - this.stopPropagation(); - } -}; - -// Create mouseenter/leave events using mouseover/out and event-time checks -// so that event delegation works in jQuery. -// Do the same for pointerenter/pointerleave and pointerover/pointerout -// -// Support: Safari 7 only -// Safari sends mouseenter too often; see: -// https://code.google.com/p/chromium/issues/detail?id=470258 -// for the description of the bug (it existed in older Chrome versions as well). -jQuery.each( { - mouseenter: "mouseover", - mouseleave: "mouseout", - pointerenter: "pointerover", - pointerleave: "pointerout" -}, function( orig, fix ) { - jQuery.event.special[ orig ] = { - delegateType: fix, - bindType: fix, - - handle: function( event ) { - var ret, - target = this, - related = event.relatedTarget, - handleObj = event.handleObj; - - // For mouseenter/leave call the handler if related is outside the target. - // NB: No relatedTarget if the mouse left/entered the browser window - if ( !related || ( related !== target && !jQuery.contains( target, related ) ) ) { - event.type = handleObj.origType; - ret = handleObj.handler.apply( this, arguments ); - event.type = fix; - } - return ret; - } - }; -} ); - -jQuery.fn.extend( { - on: function( types, selector, data, fn ) { - return on( this, types, selector, data, fn ); - }, - one: function( types, selector, data, fn ) { - return on( this, types, selector, data, fn, 1 ); - }, - off: function( types, selector, fn ) { - var handleObj, type; - if ( types && types.preventDefault && types.handleObj ) { - - // ( event ) dispatched jQuery.Event - handleObj = types.handleObj; - jQuery( types.delegateTarget ).off( - handleObj.namespace ? - handleObj.origType + "." + handleObj.namespace : - handleObj.origType, - handleObj.selector, - handleObj.handler - ); - return this; - } - if ( typeof types === "object" ) { - - // ( types-object [, selector] ) - for ( type in types ) { - this.off( type, selector, types[ type ] ); - } - return this; - } - if ( selector === false || typeof selector === "function" ) { - - // ( types [, fn] ) - fn = selector; - selector = undefined; - } - if ( fn === false ) { - fn = returnFalse; - } - return this.each( function() { - jQuery.event.remove( this, types, fn, selector ); - } ); - } -} ); - - -var - rxhtmlTag = /<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:-]+)[^>]*)\/>/gi, - - // Support: IE 10-11, Edge 10240+ - // In IE/Edge using regex groups here causes severe slowdowns. - // See https://connect.microsoft.com/IE/feedback/details/1736512/ - rnoInnerhtml = /\s*$/g; - -// Manipulating tables requires a tbody -function manipulationTarget( elem, content ) { - return jQuery.nodeName( elem, "table" ) && - jQuery.nodeName( content.nodeType !== 11 ? content : content.firstChild, "tr" ) ? - - elem.getElementsByTagName( "tbody" )[ 0 ] || - elem.appendChild( elem.ownerDocument.createElement( "tbody" ) ) : - elem; -} - -// Replace/restore the type attribute of script elements for safe DOM manipulation -function disableScript( elem ) { - elem.type = ( elem.getAttribute( "type" ) !== null ) + "/" + elem.type; - return elem; -} -function restoreScript( elem ) { - var match = rscriptTypeMasked.exec( elem.type ); - - if ( match ) { - elem.type = match[ 1 ]; - } else { - elem.removeAttribute( "type" ); - } - - return elem; -} - -function cloneCopyEvent( src, dest ) { - var i, l, type, pdataOld, pdataCur, udataOld, udataCur, events; - - if ( dest.nodeType !== 1 ) { - return; - } - - // 1. Copy private data: events, handlers, etc. - if ( dataPriv.hasData( src ) ) { - pdataOld = dataPriv.access( src ); - pdataCur = dataPriv.set( dest, pdataOld ); - events = pdataOld.events; - - if ( events ) { - delete pdataCur.handle; - pdataCur.events = {}; - - for ( type in events ) { - for ( i = 0, l = events[ type ].length; i < l; i++ ) { - jQuery.event.add( dest, type, events[ type ][ i ] ); - } - } - } - } - - // 2. Copy user data - if ( dataUser.hasData( src ) ) { - udataOld = dataUser.access( src ); - udataCur = jQuery.extend( {}, udataOld ); - - dataUser.set( dest, udataCur ); - } -} - -// Fix IE bugs, see support tests -function fixInput( src, dest ) { - var nodeName = dest.nodeName.toLowerCase(); - - // Fails to persist the checked state of a cloned checkbox or radio button. - if ( nodeName === "input" && rcheckableType.test( src.type ) ) { - dest.checked = src.checked; - - // Fails to return the selected option to the default selected state when cloning options - } else if ( nodeName === "input" || nodeName === "textarea" ) { - dest.defaultValue = src.defaultValue; - } -} - -function domManip( collection, args, callback, ignored ) { - - // Flatten any nested arrays - args = concat.apply( [], args ); - - var fragment, first, scripts, hasScripts, node, doc, - i = 0, - l = collection.length, - iNoClone = l - 1, - value = args[ 0 ], - isFunction = jQuery.isFunction( value ); - - // We can't cloneNode fragments that contain checked, in WebKit - if ( isFunction || - ( l > 1 && typeof value === "string" && - !support.checkClone && rchecked.test( value ) ) ) { - return collection.each( function( index ) { - var self = collection.eq( index ); - if ( isFunction ) { - args[ 0 ] = value.call( this, index, self.html() ); - } - domManip( self, args, callback, ignored ); - } ); - } - - if ( l ) { - fragment = buildFragment( args, collection[ 0 ].ownerDocument, false, collection, ignored ); - first = fragment.firstChild; - - if ( fragment.childNodes.length === 1 ) { - fragment = first; - } - - // Require either new content or an interest in ignored elements to invoke the callback - if ( first || ignored ) { - scripts = jQuery.map( getAll( fragment, "script" ), disableScript ); - hasScripts = scripts.length; - - // Use the original fragment for the last item - // instead of the first because it can end up - // being emptied incorrectly in certain situations (#8070). - for ( ; i < l; i++ ) { - node = fragment; - - if ( i !== iNoClone ) { - node = jQuery.clone( node, true, true ); - - // Keep references to cloned scripts for later restoration - if ( hasScripts ) { - - // Support: Android<4.1, PhantomJS<2 - // push.apply(_, arraylike) throws on ancient WebKit - jQuery.merge( scripts, getAll( node, "script" ) ); - } - } - - callback.call( collection[ i ], node, i ); - } - - if ( hasScripts ) { - doc = scripts[ scripts.length - 1 ].ownerDocument; - - // Reenable scripts - jQuery.map( scripts, restoreScript ); - - // Evaluate executable scripts on first document insertion - for ( i = 0; i < hasScripts; i++ ) { - node = scripts[ i ]; - if ( rscriptType.test( node.type || "" ) && - !dataPriv.access( node, "globalEval" ) && - jQuery.contains( doc, node ) ) { - - if ( node.src ) { - - // Optional AJAX dependency, but won't run scripts if not present - if ( jQuery._evalUrl ) { - jQuery._evalUrl( node.src ); - } - } else { - jQuery.globalEval( node.textContent.replace( rcleanScript, "" ) ); - } - } - } - } - } - } - - return collection; -} - -function remove( elem, selector, keepData ) { - var node, - nodes = selector ? jQuery.filter( selector, elem ) : elem, - i = 0; - - for ( ; ( node = nodes[ i ] ) != null; i++ ) { - if ( !keepData && node.nodeType === 1 ) { - jQuery.cleanData( getAll( node ) ); - } - - if ( node.parentNode ) { - if ( keepData && jQuery.contains( node.ownerDocument, node ) ) { - setGlobalEval( getAll( node, "script" ) ); - } - node.parentNode.removeChild( node ); - } - } - - return elem; -} - -jQuery.extend( { - htmlPrefilter: function( html ) { - return html.replace( rxhtmlTag, "<$1>" ); - }, - - clone: function( elem, dataAndEvents, deepDataAndEvents ) { - var i, l, srcElements, destElements, - clone = elem.cloneNode( true ), - inPage = jQuery.contains( elem.ownerDocument, elem ); - - // Fix IE cloning issues - if ( !support.noCloneChecked && ( elem.nodeType === 1 || elem.nodeType === 11 ) && - !jQuery.isXMLDoc( elem ) ) { - - // We eschew Sizzle here for performance reasons: http://jsperf.com/getall-vs-sizzle/2 - destElements = getAll( clone ); - srcElements = getAll( elem ); - - for ( i = 0, l = srcElements.length; i < l; i++ ) { - fixInput( srcElements[ i ], destElements[ i ] ); - } - } - - // Copy the events from the original to the clone - if ( dataAndEvents ) { - if ( deepDataAndEvents ) { - srcElements = srcElements || getAll( elem ); - destElements = destElements || getAll( clone ); - - for ( i = 0, l = srcElements.length; i < l; i++ ) { - cloneCopyEvent( srcElements[ i ], destElements[ i ] ); - } - } else { - cloneCopyEvent( elem, clone ); - } - } - - // Preserve script evaluation history - destElements = getAll( clone, "script" ); - if ( destElements.length > 0 ) { - setGlobalEval( destElements, !inPage && getAll( elem, "script" ) ); - } - - // Return the cloned set - return clone; - }, - - cleanData: function( elems ) { - var data, elem, type, - special = jQuery.event.special, - i = 0; - - for ( ; ( elem = elems[ i ] ) !== undefined; i++ ) { - if ( acceptData( elem ) ) { - if ( ( data = elem[ dataPriv.expando ] ) ) { - if ( data.events ) { - for ( type in data.events ) { - if ( special[ type ] ) { - jQuery.event.remove( elem, type ); - - // This is a shortcut to avoid jQuery.event.remove's overhead - } else { - jQuery.removeEvent( elem, type, data.handle ); - } - } - } - - // Support: Chrome <= 35-45+ - // Assign undefined instead of using delete, see Data#remove - elem[ dataPriv.expando ] = undefined; - } - if ( elem[ dataUser.expando ] ) { - - // Support: Chrome <= 35-45+ - // Assign undefined instead of using delete, see Data#remove - elem[ dataUser.expando ] = undefined; - } - } - } - } -} ); - -jQuery.fn.extend( { - - // Keep domManip exposed until 3.0 (gh-2225) - domManip: domManip, - - detach: function( selector ) { - return remove( this, selector, true ); - }, - - remove: function( selector ) { - return remove( this, selector ); - }, - - text: function( value ) { - return access( this, function( value ) { - return value === undefined ? - jQuery.text( this ) : - this.empty().each( function() { - if ( this.nodeType === 1 || this.nodeType === 11 || this.nodeType === 9 ) { - this.textContent = value; - } - } ); - }, null, value, arguments.length ); - }, - - append: function() { - return domManip( this, arguments, function( elem ) { - if ( this.nodeType === 1 || this.nodeType === 11 || this.nodeType === 9 ) { - var target = manipulationTarget( this, elem ); - target.appendChild( elem ); - } - } ); - }, - - prepend: function() { - return domManip( this, arguments, function( elem ) { - if ( this.nodeType === 1 || this.nodeType === 11 || this.nodeType === 9 ) { - var target = manipulationTarget( this, elem ); - target.insertBefore( elem, target.firstChild ); - } - } ); - }, - - before: function() { - return domManip( this, arguments, function( elem ) { - if ( this.parentNode ) { - this.parentNode.insertBefore( elem, this ); - } - } ); - }, - - after: function() { - return domManip( this, arguments, function( elem ) { - if ( this.parentNode ) { - this.parentNode.insertBefore( elem, this.nextSibling ); - } - } ); - }, - - empty: function() { - var elem, - i = 0; - - for ( ; ( elem = this[ i ] ) != null; i++ ) { - if ( elem.nodeType === 1 ) { - - // Prevent memory leaks - jQuery.cleanData( getAll( elem, false ) ); - - // Remove any remaining nodes - elem.textContent = ""; - } - } - - return this; - }, - - clone: function( dataAndEvents, deepDataAndEvents ) { - dataAndEvents = dataAndEvents == null ? false : dataAndEvents; - deepDataAndEvents = deepDataAndEvents == null ? dataAndEvents : deepDataAndEvents; - - return this.map( function() { - return jQuery.clone( this, dataAndEvents, deepDataAndEvents ); - } ); - }, - - html: function( value ) { - return access( this, function( value ) { - var elem = this[ 0 ] || {}, - i = 0, - l = this.length; - - if ( value === undefined && elem.nodeType === 1 ) { - return elem.innerHTML; - } - - // See if we can take a shortcut and just use innerHTML - if ( typeof value === "string" && !rnoInnerhtml.test( value ) && - !wrapMap[ ( rtagName.exec( value ) || [ "", "" ] )[ 1 ].toLowerCase() ] ) { - - value = jQuery.htmlPrefilter( value ); - - try { - for ( ; i < l; i++ ) { - elem = this[ i ] || {}; - - // Remove element nodes and prevent memory leaks - if ( elem.nodeType === 1 ) { - jQuery.cleanData( getAll( elem, false ) ); - elem.innerHTML = value; - } - } - - elem = 0; - - // If using innerHTML throws an exception, use the fallback method - } catch ( e ) {} - } - - if ( elem ) { - this.empty().append( value ); - } - }, null, value, arguments.length ); - }, - - replaceWith: function() { - var ignored = []; - - // Make the changes, replacing each non-ignored context element with the new content - return domManip( this, arguments, function( elem ) { - var parent = this.parentNode; - - if ( jQuery.inArray( this, ignored ) < 0 ) { - jQuery.cleanData( getAll( this ) ); - if ( parent ) { - parent.replaceChild( elem, this ); - } - } - - // Force callback invocation - }, ignored ); - } -} ); - -jQuery.each( { - appendTo: "append", - prependTo: "prepend", - insertBefore: "before", - insertAfter: "after", - replaceAll: "replaceWith" -}, function( name, original ) { - jQuery.fn[ name ] = function( selector ) { - var elems, - ret = [], - insert = jQuery( selector ), - last = insert.length - 1, - i = 0; - - for ( ; i <= last; i++ ) { - elems = i === last ? this : this.clone( true ); - jQuery( insert[ i ] )[ original ]( elems ); - - // Support: QtWebKit - // .get() because push.apply(_, arraylike) throws - push.apply( ret, elems.get() ); - } - - return this.pushStack( ret ); - }; -} ); - - -var iframe, - elemdisplay = { - - // Support: Firefox - // We have to pre-define these values for FF (#10227) - HTML: "block", - BODY: "block" - }; - -/** - * Retrieve the actual display of a element - * @param {String} name nodeName of the element - * @param {Object} doc Document object - */ - -// Called only from within defaultDisplay -function actualDisplay( name, doc ) { - var elem = jQuery( doc.createElement( name ) ).appendTo( doc.body ), - - display = jQuery.css( elem[ 0 ], "display" ); - - // We don't have any data stored on the element, - // so use "detach" method as fast way to get rid of the element - elem.detach(); - - return display; -} - -/** - * Try to determine the default display value of an element - * @param {String} nodeName - */ -function defaultDisplay( nodeName ) { - var doc = document, - display = elemdisplay[ nodeName ]; - - if ( !display ) { - display = actualDisplay( nodeName, doc ); - - // If the simple way fails, read from inside an iframe - if ( display === "none" || !display ) { - - // Use the already-created iframe if possible - iframe = ( iframe || jQuery( " -
      - - - - - - + + + + + + + + + + + + + + + + + + + +
      +

      The Ultimate Material Application Template for PrimeNG

      +

      PrimeNG is a collection of rich UI components for Angular. PrimeNG is developed by PrimeTek Informatics, a vendor with years of expertise in developing open source UI solutions. + Allocate your valuable time on business logic rather than dealing with the complex user interface requirements. +

      + +
      +
      +

      Creative

      + +
      +
      +

      Responsive

      + +
      +
      +

      Cross Browser

      + +
      + +
      + +

      Well Organized

      +
      +
      + +

      Beautiful

      +
      +
      + +

      Just For you

      +
      +
      +
      + +
      +
      +
      +

      Boost Your Productivity.

      + +
      +
      +
      +

      Just

      +

      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab perferendis nesciunt ad reiciendis + explicabo consequatur sapiente odit ipsa harum illum

      +
      + +
      +

      Like

      +

      Ab perferendis nesciunt ad reiciendis explicabo consequatur sapiente odit ipsa harum illum

      +
      + +
      +

      That

      +

      Necessitatibus quaerat voluptates aspernatur iure, aperiam possimus sint sit mollitia!

      +
      +
      +
      +
      + +
      +

      Pricing

      +

      Esse delectus sit velit, aspernatur voluptates molestiae, enim recusandae. Odit dicta, maiores quas ad + nesciunt, illum expedita veritatis illo quam odio id!

      + +
      +
      +
      +
      + BASIC +

      $5

      + Monthly +
      +
        +
      • Responsive
      • +
      • Push Messages
      • +
      +
      +
      +
      +
      +
      + STANDARD +

      $25

      + Monthly +
      +
        +
      • Responsive
      • +
      • Push Messages
      • +
      • 7/24 Support
      • +
      • Free Shipping
      • +
      +
      +
      +
      +
      +
      + PROFESSIONAL +

      $50

      + Monthly +
      +
        +
      • Responsive
      • +
      • Push Messages
      • +
      • 7/24 Support
      • +
      • Free Shipping
      • +
      • Unlimited Bandwidth
      • +
      • Unlimited Storage
      • +
      • Gift Cards
      • +
      +
      +
      +
      +
      + +
      +

      Video

      +

      Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque.

      +
      + +
      +
      + + + + + diff --git a/src/assets/pages/login.html b/src/assets/pages/login.html deleted file mode 100644 index a35917cc..00000000 --- a/src/assets/pages/login.html +++ /dev/null @@ -1,67 +0,0 @@ - - - - - - - - - - PrimeNG - ULTIMA - - - - - - - - - - - - - - - - - - diff --git a/src/assets/pages/primeflex.min.css b/src/assets/pages/primeflex.min.css new file mode 100644 index 00000000..68d13293 --- /dev/null +++ b/src/assets/pages/primeflex.min.css @@ -0,0 +1 @@ +.grid{display:flex;flex-wrap:wrap;margin-right:-0.5rem;margin-left:-0.5rem;margin-top:-0.5rem}.grid>.col,.grid>[class*=col]{box-sizing:border-box}.grid-nogutter{margin-right:0;margin-left:0;margin-top:0}.grid-nogutter>.col,.grid-nogutter>[class*=col-]{padding:0}.col{flex-grow:1;flex-basis:0;padding:.5rem}.col-fixed{flex:0 0 auto;padding:.5rem}.col-1{flex:0 0 auto;padding:.5rem;width:8.3333%}.col-2{flex:0 0 auto;padding:.5rem;width:16.6667%}.col-3{flex:0 0 auto;padding:.5rem;width:25%}.col-4{flex:0 0 auto;padding:.5rem;width:33.3333%}.col-5{flex:0 0 auto;padding:.5rem;width:41.6667%}.col-6{flex:0 0 auto;padding:.5rem;width:50%}.col-7{flex:0 0 auto;padding:.5rem;width:58.3333%}.col-8{flex:0 0 auto;padding:.5rem;width:66.6667%}.col-9{flex:0 0 auto;padding:.5rem;width:75%}.col-10{flex:0 0 auto;padding:.5rem;width:83.3333%}.col-11{flex:0 0 auto;padding:.5rem;width:91.6667%}.col-12{flex:0 0 auto;padding:.5rem;width:100%}@media screen and (min-width: 576px){.sm\:col-1{flex:0 0 auto;padding:.5rem;width:8.3333%}.sm\:col-2{flex:0 0 auto;padding:.5rem;width:16.6667%}.sm\:col-3{flex:0 0 auto;padding:.5rem;width:25%}.sm\:col-4{flex:0 0 auto;padding:.5rem;width:33.3333%}.sm\:col-5{flex:0 0 auto;padding:.5rem;width:41.6667%}.sm\:col-6{flex:0 0 auto;padding:.5rem;width:50%}.sm\:col-7{flex:0 0 auto;padding:.5rem;width:58.3333%}.sm\:col-8{flex:0 0 auto;padding:.5rem;width:66.6667%}.sm\:col-9{flex:0 0 auto;padding:.5rem;width:75%}.sm\:col-10{flex:0 0 auto;padding:.5rem;width:83.3333%}.sm\:col-11{flex:0 0 auto;padding:.5rem;width:91.6667%}.sm\:col-12{flex:0 0 auto;padding:.5rem;width:100%}}@media screen and (min-width: 768px){.md\:col-1{flex:0 0 auto;padding:.5rem;width:8.3333%}.md\:col-2{flex:0 0 auto;padding:.5rem;width:16.6667%}.md\:col-3{flex:0 0 auto;padding:.5rem;width:25%}.md\:col-4{flex:0 0 auto;padding:.5rem;width:33.3333%}.md\:col-5{flex:0 0 auto;padding:.5rem;width:41.6667%}.md\:col-6{flex:0 0 auto;padding:.5rem;width:50%}.md\:col-7{flex:0 0 auto;padding:.5rem;width:58.3333%}.md\:col-8{flex:0 0 auto;padding:.5rem;width:66.6667%}.md\:col-9{flex:0 0 auto;padding:.5rem;width:75%}.md\:col-10{flex:0 0 auto;padding:.5rem;width:83.3333%}.md\:col-11{flex:0 0 auto;padding:.5rem;width:91.6667%}.md\:col-12{flex:0 0 auto;padding:.5rem;width:100%}}@media screen and (min-width: 992px){.lg\:col-1{flex:0 0 auto;padding:.5rem;width:8.3333%}.lg\:col-2{flex:0 0 auto;padding:.5rem;width:16.6667%}.lg\:col-3{flex:0 0 auto;padding:.5rem;width:25%}.lg\:col-4{flex:0 0 auto;padding:.5rem;width:33.3333%}.lg\:col-5{flex:0 0 auto;padding:.5rem;width:41.6667%}.lg\:col-6{flex:0 0 auto;padding:.5rem;width:50%}.lg\:col-7{flex:0 0 auto;padding:.5rem;width:58.3333%}.lg\:col-8{flex:0 0 auto;padding:.5rem;width:66.6667%}.lg\:col-9{flex:0 0 auto;padding:.5rem;width:75%}.lg\:col-10{flex:0 0 auto;padding:.5rem;width:83.3333%}.lg\:col-11{flex:0 0 auto;padding:.5rem;width:91.6667%}.lg\:col-12{flex:0 0 auto;padding:.5rem;width:100%}}@media screen and (min-width: 1200px){.xl\:col-1{flex:0 0 auto;padding:.5rem;width:8.3333%}.xl\:col-2{flex:0 0 auto;padding:.5rem;width:16.6667%}.xl\:col-3{flex:0 0 auto;padding:.5rem;width:25%}.xl\:col-4{flex:0 0 auto;padding:.5rem;width:33.3333%}.xl\:col-5{flex:0 0 auto;padding:.5rem;width:41.6667%}.xl\:col-6{flex:0 0 auto;padding:.5rem;width:50%}.xl\:col-7{flex:0 0 auto;padding:.5rem;width:58.3333%}.xl\:col-8{flex:0 0 auto;padding:.5rem;width:66.6667%}.xl\:col-9{flex:0 0 auto;padding:.5rem;width:75%}.xl\:col-10{flex:0 0 auto;padding:.5rem;width:83.3333%}.xl\:col-11{flex:0 0 auto;padding:.5rem;width:91.6667%}.xl\:col-12{flex:0 0 auto;padding:.5rem;width:100%}}.col-offset-0{margin-left:0 !important}.col-offset-1{margin-left:8.3333% !important}.col-offset-2{margin-left:16.6667% !important}.col-offset-3{margin-left:25% !important}.col-offset-4{margin-left:33.3333% !important}.col-offset-5{margin-left:41.6667% !important}.col-offset-6{margin-left:50% !important}.col-offset-7{margin-left:58.3333% !important}.col-offset-8{margin-left:66.6667% !important}.col-offset-9{margin-left:75% !important}.col-offset-10{margin-left:83.3333% !important}.col-offset-11{margin-left:91.6667% !important}.col-offset-12{margin-left:100% !important}@media screen and (min-width: 576px){.sm\:col-offset-0{margin-left:0 !important}.sm\:col-offset-1{margin-left:8.3333% !important}.sm\:col-offset-2{margin-left:16.6667% !important}.sm\:col-offset-3{margin-left:25% !important}.sm\:col-offset-4{margin-left:33.3333% !important}.sm\:col-offset-5{margin-left:41.6667% !important}.sm\:col-offset-6{margin-left:50% !important}.sm\:col-offset-7{margin-left:58.3333% !important}.sm\:col-offset-8{margin-left:66.6667% !important}.sm\:col-offset-9{margin-left:75% !important}.sm\:col-offset-10{margin-left:83.3333% !important}.sm\:col-offset-11{margin-left:91.6667% !important}.sm\:col-offset-12{margin-left:100% !important}}@media screen and (min-width: 768px){.md\:col-offset-0{margin-left:0 !important}.md\:col-offset-1{margin-left:8.3333% !important}.md\:col-offset-2{margin-left:16.6667% !important}.md\:col-offset-3{margin-left:25% !important}.md\:col-offset-4{margin-left:33.3333% !important}.md\:col-offset-5{margin-left:41.6667% !important}.md\:col-offset-6{margin-left:50% !important}.md\:col-offset-7{margin-left:58.3333% !important}.md\:col-offset-8{margin-left:66.6667% !important}.md\:col-offset-9{margin-left:75% !important}.md\:col-offset-10{margin-left:83.3333% !important}.md\:col-offset-11{margin-left:91.6667% !important}.md\:col-offset-12{margin-left:100% !important}}@media screen and (min-width: 992px){.lg\:col-offset-0{margin-left:0 !important}.lg\:col-offset-1{margin-left:8.3333% !important}.lg\:col-offset-2{margin-left:16.6667% !important}.lg\:col-offset-3{margin-left:25% !important}.lg\:col-offset-4{margin-left:33.3333% !important}.lg\:col-offset-5{margin-left:41.6667% !important}.lg\:col-offset-6{margin-left:50% !important}.lg\:col-offset-7{margin-left:58.3333% !important}.lg\:col-offset-8{margin-left:66.6667% !important}.lg\:col-offset-9{margin-left:75% !important}.lg\:col-offset-10{margin-left:83.3333% !important}.lg\:col-offset-11{margin-left:91.6667% !important}.lg\:col-offset-12{margin-left:100% !important}}@media screen and (min-width: 1200px){.xl\:col-offset-0{margin-left:0 !important}.xl\:col-offset-1{margin-left:8.3333% !important}.xl\:col-offset-2{margin-left:16.6667% !important}.xl\:col-offset-3{margin-left:25% !important}.xl\:col-offset-4{margin-left:33.3333% !important}.xl\:col-offset-5{margin-left:41.6667% !important}.xl\:col-offset-6{margin-left:50% !important}.xl\:col-offset-7{margin-left:58.3333% !important}.xl\:col-offset-8{margin-left:66.6667% !important}.xl\:col-offset-9{margin-left:75% !important}.xl\:col-offset-10{margin-left:83.3333% !important}.xl\:col-offset-11{margin-left:91.6667% !important}.xl\:col-offset-12{margin-left:100% !important}}.text-0{color:var(--surface-0) !important}.text-50{color:var(--surface-50) !important}.text-100{color:var(--surface-100) !important}.text-200{color:var(--surface-200) !important}.text-300{color:var(--surface-300) !important}.text-400{color:var(--surface-400) !important}.text-500{color:var(--surface-500) !important}.text-600{color:var(--surface-600) !important}.text-700{color:var(--surface-700) !important}.text-800{color:var(--surface-800) !important}.text-900{color:var(--surface-900) !important}.focus\:text-0:focus{color:var(--surface-0) !important}.hover\:text-0:hover{color:var(--surface-0) !important}.active\:text-0:active{color:var(--surface-0) !important}.focus\:text-50:focus{color:var(--surface-50) !important}.hover\:text-50:hover{color:var(--surface-50) !important}.active\:text-50:active{color:var(--surface-50) !important}.focus\:text-100:focus{color:var(--surface-100) !important}.hover\:text-100:hover{color:var(--surface-100) !important}.active\:text-100:active{color:var(--surface-100) !important}.focus\:text-200:focus{color:var(--surface-200) !important}.hover\:text-200:hover{color:var(--surface-200) !important}.active\:text-200:active{color:var(--surface-200) !important}.focus\:text-300:focus{color:var(--surface-300) !important}.hover\:text-300:hover{color:var(--surface-300) !important}.active\:text-300:active{color:var(--surface-300) !important}.focus\:text-400:focus{color:var(--surface-400) !important}.hover\:text-400:hover{color:var(--surface-400) !important}.active\:text-400:active{color:var(--surface-400) !important}.focus\:text-500:focus{color:var(--surface-500) !important}.hover\:text-500:hover{color:var(--surface-500) !important}.active\:text-500:active{color:var(--surface-500) !important}.focus\:text-600:focus{color:var(--surface-600) !important}.hover\:text-600:hover{color:var(--surface-600) !important}.active\:text-600:active{color:var(--surface-600) !important}.focus\:text-700:focus{color:var(--surface-700) !important}.hover\:text-700:hover{color:var(--surface-700) !important}.active\:text-700:active{color:var(--surface-700) !important}.focus\:text-800:focus{color:var(--surface-800) !important}.hover\:text-800:hover{color:var(--surface-800) !important}.active\:text-800:active{color:var(--surface-800) !important}.focus\:text-900:focus{color:var(--surface-900) !important}.hover\:text-900:hover{color:var(--surface-900) !important}.active\:text-900:active{color:var(--surface-900) !important}.surface-0{background-color:var(--surface-0) !important}.surface-50{background-color:var(--surface-50) !important}.surface-100{background-color:var(--surface-100) !important}.surface-200{background-color:var(--surface-200) !important}.surface-300{background-color:var(--surface-300) !important}.surface-400{background-color:var(--surface-400) !important}.surface-500{background-color:var(--surface-500) !important}.surface-600{background-color:var(--surface-600) !important}.surface-700{background-color:var(--surface-700) !important}.surface-800{background-color:var(--surface-800) !important}.surface-900{background-color:var(--surface-900) !important}.focus\:surface-0:focus{background-color:var(--surface-0) !important}.hover\:surface-0:hover{background-color:var(--surface-0) !important}.active\:surface-0:active{background-color:var(--surface-0) !important}.focus\:surface-50:focus{background-color:var(--surface-50) !important}.hover\:surface-50:hover{background-color:var(--surface-50) !important}.active\:surface-50:active{background-color:var(--surface-50) !important}.focus\:surface-100:focus{background-color:var(--surface-100) !important}.hover\:surface-100:hover{background-color:var(--surface-100) !important}.active\:surface-100:active{background-color:var(--surface-100) !important}.focus\:surface-200:focus{background-color:var(--surface-200) !important}.hover\:surface-200:hover{background-color:var(--surface-200) !important}.active\:surface-200:active{background-color:var(--surface-200) !important}.focus\:surface-300:focus{background-color:var(--surface-300) !important}.hover\:surface-300:hover{background-color:var(--surface-300) !important}.active\:surface-300:active{background-color:var(--surface-300) !important}.focus\:surface-400:focus{background-color:var(--surface-400) !important}.hover\:surface-400:hover{background-color:var(--surface-400) !important}.active\:surface-400:active{background-color:var(--surface-400) !important}.focus\:surface-500:focus{background-color:var(--surface-500) !important}.hover\:surface-500:hover{background-color:var(--surface-500) !important}.active\:surface-500:active{background-color:var(--surface-500) !important}.focus\:surface-600:focus{background-color:var(--surface-600) !important}.hover\:surface-600:hover{background-color:var(--surface-600) !important}.active\:surface-600:active{background-color:var(--surface-600) !important}.focus\:surface-700:focus{background-color:var(--surface-700) !important}.hover\:surface-700:hover{background-color:var(--surface-700) !important}.active\:surface-700:active{background-color:var(--surface-700) !important}.focus\:surface-800:focus{background-color:var(--surface-800) !important}.hover\:surface-800:hover{background-color:var(--surface-800) !important}.active\:surface-800:active{background-color:var(--surface-800) !important}.focus\:surface-900:focus{background-color:var(--surface-900) !important}.hover\:surface-900:hover{background-color:var(--surface-900) !important}.active\:surface-900:active{background-color:var(--surface-900) !important}.border-0{border-color:var(--surface-0) !important}.border-50{border-color:var(--surface-50) !important}.border-100{border-color:var(--surface-100) !important}.border-200{border-color:var(--surface-200) !important}.border-300{border-color:var(--surface-300) !important}.border-400{border-color:var(--surface-400) !important}.border-500{border-color:var(--surface-500) !important}.border-600{border-color:var(--surface-600) !important}.border-700{border-color:var(--surface-700) !important}.border-800{border-color:var(--surface-800) !important}.border-900{border-color:var(--surface-900) !important}.focus\:border-0:focus{border-color:var(--surface-0) !important}.hover\:border-0:hover{border-color:var(--surface-0) !important}.active\:border-0:active{border-color:var(--surface-0) !important}.focus\:border-50:focus{border-color:var(--surface-50) !important}.hover\:border-50:hover{border-color:var(--surface-50) !important}.active\:border-50:active{border-color:var(--surface-50) !important}.focus\:border-100:focus{border-color:var(--surface-100) !important}.hover\:border-100:hover{border-color:var(--surface-100) !important}.active\:border-100:active{border-color:var(--surface-100) !important}.focus\:border-200:focus{border-color:var(--surface-200) !important}.hover\:border-200:hover{border-color:var(--surface-200) !important}.active\:border-200:active{border-color:var(--surface-200) !important}.focus\:border-300:focus{border-color:var(--surface-300) !important}.hover\:border-300:hover{border-color:var(--surface-300) !important}.active\:border-300:active{border-color:var(--surface-300) !important}.focus\:border-400:focus{border-color:var(--surface-400) !important}.hover\:border-400:hover{border-color:var(--surface-400) !important}.active\:border-400:active{border-color:var(--surface-400) !important}.focus\:border-500:focus{border-color:var(--surface-500) !important}.hover\:border-500:hover{border-color:var(--surface-500) !important}.active\:border-500:active{border-color:var(--surface-500) !important}.focus\:border-600:focus{border-color:var(--surface-600) !important}.hover\:border-600:hover{border-color:var(--surface-600) !important}.active\:border-600:active{border-color:var(--surface-600) !important}.focus\:border-700:focus{border-color:var(--surface-700) !important}.hover\:border-700:hover{border-color:var(--surface-700) !important}.active\:border-700:active{border-color:var(--surface-700) !important}.focus\:border-800:focus{border-color:var(--surface-800) !important}.hover\:border-800:hover{border-color:var(--surface-800) !important}.active\:border-800:active{border-color:var(--surface-800) !important}.focus\:border-900:focus{border-color:var(--surface-900) !important}.hover\:border-900:hover{border-color:var(--surface-900) !important}.active\:border-900:active{border-color:var(--surface-900) !important}.bg-transparent{background-color:transparent !important}@media screen and (min-width: 576px){.sm\:bg-transparent{background-color:transparent !important}}@media screen and (min-width: 768px){.md\:bg-transparent{background-color:transparent !important}}@media screen and (min-width: 992px){.lg\:bg-transparent{background-color:transparent !important}}@media screen and (min-width: 1200px){.xl\:bg-transparent{background-color:transparent !important}}.border-transparent{border-color:transparent !important}@media screen and (min-width: 576px){.sm\:border-transparent{border-color:transparent !important}}@media screen and (min-width: 768px){.md\:border-transparent{border-color:transparent !important}}@media screen and (min-width: 992px){.lg\:border-transparent{border-color:transparent !important}}@media screen and (min-width: 1200px){.xl\:border-transparent{border-color:transparent !important}}.text-blue-50{color:var(--blue-50) !important}.text-blue-100{color:var(--blue-100) !important}.text-blue-200{color:var(--blue-200) !important}.text-blue-300{color:var(--blue-300) !important}.text-blue-400{color:var(--blue-400) !important}.text-blue-500{color:var(--blue-500) !important}.text-blue-600{color:var(--blue-600) !important}.text-blue-700{color:var(--blue-700) !important}.text-blue-800{color:var(--blue-800) !important}.text-blue-900{color:var(--blue-900) !important}.focus\:text-blue-50:focus{color:var(--blue-50) !important}.focus\:text-blue-100:focus{color:var(--blue-100) !important}.focus\:text-blue-200:focus{color:var(--blue-200) !important}.focus\:text-blue-300:focus{color:var(--blue-300) !important}.focus\:text-blue-400:focus{color:var(--blue-400) !important}.focus\:text-blue-500:focus{color:var(--blue-500) !important}.focus\:text-blue-600:focus{color:var(--blue-600) !important}.focus\:text-blue-700:focus{color:var(--blue-700) !important}.focus\:text-blue-800:focus{color:var(--blue-800) !important}.focus\:text-blue-900:focus{color:var(--blue-900) !important}.hover\:text-blue-50:hover{color:var(--blue-50) !important}.hover\:text-blue-100:hover{color:var(--blue-100) !important}.hover\:text-blue-200:hover{color:var(--blue-200) !important}.hover\:text-blue-300:hover{color:var(--blue-300) !important}.hover\:text-blue-400:hover{color:var(--blue-400) !important}.hover\:text-blue-500:hover{color:var(--blue-500) !important}.hover\:text-blue-600:hover{color:var(--blue-600) !important}.hover\:text-blue-700:hover{color:var(--blue-700) !important}.hover\:text-blue-800:hover{color:var(--blue-800) !important}.hover\:text-blue-900:hover{color:var(--blue-900) !important}.active\:text-blue-50:active{color:var(--blue-50) !important}.active\:text-blue-100:active{color:var(--blue-100) !important}.active\:text-blue-200:active{color:var(--blue-200) !important}.active\:text-blue-300:active{color:var(--blue-300) !important}.active\:text-blue-400:active{color:var(--blue-400) !important}.active\:text-blue-500:active{color:var(--blue-500) !important}.active\:text-blue-600:active{color:var(--blue-600) !important}.active\:text-blue-700:active{color:var(--blue-700) !important}.active\:text-blue-800:active{color:var(--blue-800) !important}.active\:text-blue-900:active{color:var(--blue-900) !important}.text-green-50{color:var(--green-50) !important}.text-green-100{color:var(--green-100) !important}.text-green-200{color:var(--green-200) !important}.text-green-300{color:var(--green-300) !important}.text-green-400{color:var(--green-400) !important}.text-green-500{color:var(--green-500) !important}.text-green-600{color:var(--green-600) !important}.text-green-700{color:var(--green-700) !important}.text-green-800{color:var(--green-800) !important}.text-green-900{color:var(--green-900) !important}.focus\:text-green-50:focus{color:var(--green-50) !important}.focus\:text-green-100:focus{color:var(--green-100) !important}.focus\:text-green-200:focus{color:var(--green-200) !important}.focus\:text-green-300:focus{color:var(--green-300) !important}.focus\:text-green-400:focus{color:var(--green-400) !important}.focus\:text-green-500:focus{color:var(--green-500) !important}.focus\:text-green-600:focus{color:var(--green-600) !important}.focus\:text-green-700:focus{color:var(--green-700) !important}.focus\:text-green-800:focus{color:var(--green-800) !important}.focus\:text-green-900:focus{color:var(--green-900) !important}.hover\:text-green-50:hover{color:var(--green-50) !important}.hover\:text-green-100:hover{color:var(--green-100) !important}.hover\:text-green-200:hover{color:var(--green-200) !important}.hover\:text-green-300:hover{color:var(--green-300) !important}.hover\:text-green-400:hover{color:var(--green-400) !important}.hover\:text-green-500:hover{color:var(--green-500) !important}.hover\:text-green-600:hover{color:var(--green-600) !important}.hover\:text-green-700:hover{color:var(--green-700) !important}.hover\:text-green-800:hover{color:var(--green-800) !important}.hover\:text-green-900:hover{color:var(--green-900) !important}.active\:text-green-50:active{color:var(--green-50) !important}.active\:text-green-100:active{color:var(--green-100) !important}.active\:text-green-200:active{color:var(--green-200) !important}.active\:text-green-300:active{color:var(--green-300) !important}.active\:text-green-400:active{color:var(--green-400) !important}.active\:text-green-500:active{color:var(--green-500) !important}.active\:text-green-600:active{color:var(--green-600) !important}.active\:text-green-700:active{color:var(--green-700) !important}.active\:text-green-800:active{color:var(--green-800) !important}.active\:text-green-900:active{color:var(--green-900) !important}.text-yellow-50{color:var(--yellow-50) !important}.text-yellow-100{color:var(--yellow-100) !important}.text-yellow-200{color:var(--yellow-200) !important}.text-yellow-300{color:var(--yellow-300) !important}.text-yellow-400{color:var(--yellow-400) !important}.text-yellow-500{color:var(--yellow-500) !important}.text-yellow-600{color:var(--yellow-600) !important}.text-yellow-700{color:var(--yellow-700) !important}.text-yellow-800{color:var(--yellow-800) !important}.text-yellow-900{color:var(--yellow-900) !important}.focus\:text-yellow-50:focus{color:var(--yellow-50) !important}.focus\:text-yellow-100:focus{color:var(--yellow-100) !important}.focus\:text-yellow-200:focus{color:var(--yellow-200) !important}.focus\:text-yellow-300:focus{color:var(--yellow-300) !important}.focus\:text-yellow-400:focus{color:var(--yellow-400) !important}.focus\:text-yellow-500:focus{color:var(--yellow-500) !important}.focus\:text-yellow-600:focus{color:var(--yellow-600) !important}.focus\:text-yellow-700:focus{color:var(--yellow-700) !important}.focus\:text-yellow-800:focus{color:var(--yellow-800) !important}.focus\:text-yellow-900:focus{color:var(--yellow-900) !important}.hover\:text-yellow-50:hover{color:var(--yellow-50) !important}.hover\:text-yellow-100:hover{color:var(--yellow-100) !important}.hover\:text-yellow-200:hover{color:var(--yellow-200) !important}.hover\:text-yellow-300:hover{color:var(--yellow-300) !important}.hover\:text-yellow-400:hover{color:var(--yellow-400) !important}.hover\:text-yellow-500:hover{color:var(--yellow-500) !important}.hover\:text-yellow-600:hover{color:var(--yellow-600) !important}.hover\:text-yellow-700:hover{color:var(--yellow-700) !important}.hover\:text-yellow-800:hover{color:var(--yellow-800) !important}.hover\:text-yellow-900:hover{color:var(--yellow-900) !important}.active\:text-yellow-50:active{color:var(--yellow-50) !important}.active\:text-yellow-100:active{color:var(--yellow-100) !important}.active\:text-yellow-200:active{color:var(--yellow-200) !important}.active\:text-yellow-300:active{color:var(--yellow-300) !important}.active\:text-yellow-400:active{color:var(--yellow-400) !important}.active\:text-yellow-500:active{color:var(--yellow-500) !important}.active\:text-yellow-600:active{color:var(--yellow-600) !important}.active\:text-yellow-700:active{color:var(--yellow-700) !important}.active\:text-yellow-800:active{color:var(--yellow-800) !important}.active\:text-yellow-900:active{color:var(--yellow-900) !important}.text-cyan-50{color:var(--cyan-50) !important}.text-cyan-100{color:var(--cyan-100) !important}.text-cyan-200{color:var(--cyan-200) !important}.text-cyan-300{color:var(--cyan-300) !important}.text-cyan-400{color:var(--cyan-400) !important}.text-cyan-500{color:var(--cyan-500) !important}.text-cyan-600{color:var(--cyan-600) !important}.text-cyan-700{color:var(--cyan-700) !important}.text-cyan-800{color:var(--cyan-800) !important}.text-cyan-900{color:var(--cyan-900) !important}.focus\:text-cyan-50:focus{color:var(--cyan-50) !important}.focus\:text-cyan-100:focus{color:var(--cyan-100) !important}.focus\:text-cyan-200:focus{color:var(--cyan-200) !important}.focus\:text-cyan-300:focus{color:var(--cyan-300) !important}.focus\:text-cyan-400:focus{color:var(--cyan-400) !important}.focus\:text-cyan-500:focus{color:var(--cyan-500) !important}.focus\:text-cyan-600:focus{color:var(--cyan-600) !important}.focus\:text-cyan-700:focus{color:var(--cyan-700) !important}.focus\:text-cyan-800:focus{color:var(--cyan-800) !important}.focus\:text-cyan-900:focus{color:var(--cyan-900) !important}.hover\:text-cyan-50:hover{color:var(--cyan-50) !important}.hover\:text-cyan-100:hover{color:var(--cyan-100) !important}.hover\:text-cyan-200:hover{color:var(--cyan-200) !important}.hover\:text-cyan-300:hover{color:var(--cyan-300) !important}.hover\:text-cyan-400:hover{color:var(--cyan-400) !important}.hover\:text-cyan-500:hover{color:var(--cyan-500) !important}.hover\:text-cyan-600:hover{color:var(--cyan-600) !important}.hover\:text-cyan-700:hover{color:var(--cyan-700) !important}.hover\:text-cyan-800:hover{color:var(--cyan-800) !important}.hover\:text-cyan-900:hover{color:var(--cyan-900) !important}.active\:text-cyan-50:active{color:var(--cyan-50) !important}.active\:text-cyan-100:active{color:var(--cyan-100) !important}.active\:text-cyan-200:active{color:var(--cyan-200) !important}.active\:text-cyan-300:active{color:var(--cyan-300) !important}.active\:text-cyan-400:active{color:var(--cyan-400) !important}.active\:text-cyan-500:active{color:var(--cyan-500) !important}.active\:text-cyan-600:active{color:var(--cyan-600) !important}.active\:text-cyan-700:active{color:var(--cyan-700) !important}.active\:text-cyan-800:active{color:var(--cyan-800) !important}.active\:text-cyan-900:active{color:var(--cyan-900) !important}.text-pink-50{color:var(--pink-50) !important}.text-pink-100{color:var(--pink-100) !important}.text-pink-200{color:var(--pink-200) !important}.text-pink-300{color:var(--pink-300) !important}.text-pink-400{color:var(--pink-400) !important}.text-pink-500{color:var(--pink-500) !important}.text-pink-600{color:var(--pink-600) !important}.text-pink-700{color:var(--pink-700) !important}.text-pink-800{color:var(--pink-800) !important}.text-pink-900{color:var(--pink-900) !important}.focus\:text-pink-50:focus{color:var(--pink-50) !important}.focus\:text-pink-100:focus{color:var(--pink-100) !important}.focus\:text-pink-200:focus{color:var(--pink-200) !important}.focus\:text-pink-300:focus{color:var(--pink-300) !important}.focus\:text-pink-400:focus{color:var(--pink-400) !important}.focus\:text-pink-500:focus{color:var(--pink-500) !important}.focus\:text-pink-600:focus{color:var(--pink-600) !important}.focus\:text-pink-700:focus{color:var(--pink-700) !important}.focus\:text-pink-800:focus{color:var(--pink-800) !important}.focus\:text-pink-900:focus{color:var(--pink-900) !important}.hover\:text-pink-50:hover{color:var(--pink-50) !important}.hover\:text-pink-100:hover{color:var(--pink-100) !important}.hover\:text-pink-200:hover{color:var(--pink-200) !important}.hover\:text-pink-300:hover{color:var(--pink-300) !important}.hover\:text-pink-400:hover{color:var(--pink-400) !important}.hover\:text-pink-500:hover{color:var(--pink-500) !important}.hover\:text-pink-600:hover{color:var(--pink-600) !important}.hover\:text-pink-700:hover{color:var(--pink-700) !important}.hover\:text-pink-800:hover{color:var(--pink-800) !important}.hover\:text-pink-900:hover{color:var(--pink-900) !important}.active\:text-pink-50:active{color:var(--pink-50) !important}.active\:text-pink-100:active{color:var(--pink-100) !important}.active\:text-pink-200:active{color:var(--pink-200) !important}.active\:text-pink-300:active{color:var(--pink-300) !important}.active\:text-pink-400:active{color:var(--pink-400) !important}.active\:text-pink-500:active{color:var(--pink-500) !important}.active\:text-pink-600:active{color:var(--pink-600) !important}.active\:text-pink-700:active{color:var(--pink-700) !important}.active\:text-pink-800:active{color:var(--pink-800) !important}.active\:text-pink-900:active{color:var(--pink-900) !important}.text-indigo-50{color:var(--indigo-50) !important}.text-indigo-100{color:var(--indigo-100) !important}.text-indigo-200{color:var(--indigo-200) !important}.text-indigo-300{color:var(--indigo-300) !important}.text-indigo-400{color:var(--indigo-400) !important}.text-indigo-500{color:var(--indigo-500) !important}.text-indigo-600{color:var(--indigo-600) !important}.text-indigo-700{color:var(--indigo-700) !important}.text-indigo-800{color:var(--indigo-800) !important}.text-indigo-900{color:var(--indigo-900) !important}.focus\:text-indigo-50:focus{color:var(--indigo-50) !important}.focus\:text-indigo-100:focus{color:var(--indigo-100) !important}.focus\:text-indigo-200:focus{color:var(--indigo-200) !important}.focus\:text-indigo-300:focus{color:var(--indigo-300) !important}.focus\:text-indigo-400:focus{color:var(--indigo-400) !important}.focus\:text-indigo-500:focus{color:var(--indigo-500) !important}.focus\:text-indigo-600:focus{color:var(--indigo-600) !important}.focus\:text-indigo-700:focus{color:var(--indigo-700) !important}.focus\:text-indigo-800:focus{color:var(--indigo-800) !important}.focus\:text-indigo-900:focus{color:var(--indigo-900) !important}.hover\:text-indigo-50:hover{color:var(--indigo-50) !important}.hover\:text-indigo-100:hover{color:var(--indigo-100) !important}.hover\:text-indigo-200:hover{color:var(--indigo-200) !important}.hover\:text-indigo-300:hover{color:var(--indigo-300) !important}.hover\:text-indigo-400:hover{color:var(--indigo-400) !important}.hover\:text-indigo-500:hover{color:var(--indigo-500) !important}.hover\:text-indigo-600:hover{color:var(--indigo-600) !important}.hover\:text-indigo-700:hover{color:var(--indigo-700) !important}.hover\:text-indigo-800:hover{color:var(--indigo-800) !important}.hover\:text-indigo-900:hover{color:var(--indigo-900) !important}.active\:text-indigo-50:active{color:var(--indigo-50) !important}.active\:text-indigo-100:active{color:var(--indigo-100) !important}.active\:text-indigo-200:active{color:var(--indigo-200) !important}.active\:text-indigo-300:active{color:var(--indigo-300) !important}.active\:text-indigo-400:active{color:var(--indigo-400) !important}.active\:text-indigo-500:active{color:var(--indigo-500) !important}.active\:text-indigo-600:active{color:var(--indigo-600) !important}.active\:text-indigo-700:active{color:var(--indigo-700) !important}.active\:text-indigo-800:active{color:var(--indigo-800) !important}.active\:text-indigo-900:active{color:var(--indigo-900) !important}.text-teal-50{color:var(--teal-50) !important}.text-teal-100{color:var(--teal-100) !important}.text-teal-200{color:var(--teal-200) !important}.text-teal-300{color:var(--teal-300) !important}.text-teal-400{color:var(--teal-400) !important}.text-teal-500{color:var(--teal-500) !important}.text-teal-600{color:var(--teal-600) !important}.text-teal-700{color:var(--teal-700) !important}.text-teal-800{color:var(--teal-800) !important}.text-teal-900{color:var(--teal-900) !important}.focus\:text-teal-50:focus{color:var(--teal-50) !important}.focus\:text-teal-100:focus{color:var(--teal-100) !important}.focus\:text-teal-200:focus{color:var(--teal-200) !important}.focus\:text-teal-300:focus{color:var(--teal-300) !important}.focus\:text-teal-400:focus{color:var(--teal-400) !important}.focus\:text-teal-500:focus{color:var(--teal-500) !important}.focus\:text-teal-600:focus{color:var(--teal-600) !important}.focus\:text-teal-700:focus{color:var(--teal-700) !important}.focus\:text-teal-800:focus{color:var(--teal-800) !important}.focus\:text-teal-900:focus{color:var(--teal-900) !important}.hover\:text-teal-50:hover{color:var(--teal-50) !important}.hover\:text-teal-100:hover{color:var(--teal-100) !important}.hover\:text-teal-200:hover{color:var(--teal-200) !important}.hover\:text-teal-300:hover{color:var(--teal-300) !important}.hover\:text-teal-400:hover{color:var(--teal-400) !important}.hover\:text-teal-500:hover{color:var(--teal-500) !important}.hover\:text-teal-600:hover{color:var(--teal-600) !important}.hover\:text-teal-700:hover{color:var(--teal-700) !important}.hover\:text-teal-800:hover{color:var(--teal-800) !important}.hover\:text-teal-900:hover{color:var(--teal-900) !important}.active\:text-teal-50:active{color:var(--teal-50) !important}.active\:text-teal-100:active{color:var(--teal-100) !important}.active\:text-teal-200:active{color:var(--teal-200) !important}.active\:text-teal-300:active{color:var(--teal-300) !important}.active\:text-teal-400:active{color:var(--teal-400) !important}.active\:text-teal-500:active{color:var(--teal-500) !important}.active\:text-teal-600:active{color:var(--teal-600) !important}.active\:text-teal-700:active{color:var(--teal-700) !important}.active\:text-teal-800:active{color:var(--teal-800) !important}.active\:text-teal-900:active{color:var(--teal-900) !important}.text-orange-50{color:var(--orange-50) !important}.text-orange-100{color:var(--orange-100) !important}.text-orange-200{color:var(--orange-200) !important}.text-orange-300{color:var(--orange-300) !important}.text-orange-400{color:var(--orange-400) !important}.text-orange-500{color:var(--orange-500) !important}.text-orange-600{color:var(--orange-600) !important}.text-orange-700{color:var(--orange-700) !important}.text-orange-800{color:var(--orange-800) !important}.text-orange-900{color:var(--orange-900) !important}.focus\:text-orange-50:focus{color:var(--orange-50) !important}.focus\:text-orange-100:focus{color:var(--orange-100) !important}.focus\:text-orange-200:focus{color:var(--orange-200) !important}.focus\:text-orange-300:focus{color:var(--orange-300) !important}.focus\:text-orange-400:focus{color:var(--orange-400) !important}.focus\:text-orange-500:focus{color:var(--orange-500) !important}.focus\:text-orange-600:focus{color:var(--orange-600) !important}.focus\:text-orange-700:focus{color:var(--orange-700) !important}.focus\:text-orange-800:focus{color:var(--orange-800) !important}.focus\:text-orange-900:focus{color:var(--orange-900) !important}.hover\:text-orange-50:hover{color:var(--orange-50) !important}.hover\:text-orange-100:hover{color:var(--orange-100) !important}.hover\:text-orange-200:hover{color:var(--orange-200) !important}.hover\:text-orange-300:hover{color:var(--orange-300) !important}.hover\:text-orange-400:hover{color:var(--orange-400) !important}.hover\:text-orange-500:hover{color:var(--orange-500) !important}.hover\:text-orange-600:hover{color:var(--orange-600) !important}.hover\:text-orange-700:hover{color:var(--orange-700) !important}.hover\:text-orange-800:hover{color:var(--orange-800) !important}.hover\:text-orange-900:hover{color:var(--orange-900) !important}.active\:text-orange-50:active{color:var(--orange-50) !important}.active\:text-orange-100:active{color:var(--orange-100) !important}.active\:text-orange-200:active{color:var(--orange-200) !important}.active\:text-orange-300:active{color:var(--orange-300) !important}.active\:text-orange-400:active{color:var(--orange-400) !important}.active\:text-orange-500:active{color:var(--orange-500) !important}.active\:text-orange-600:active{color:var(--orange-600) !important}.active\:text-orange-700:active{color:var(--orange-700) !important}.active\:text-orange-800:active{color:var(--orange-800) !important}.active\:text-orange-900:active{color:var(--orange-900) !important}.text-bluegray-50{color:var(--bluegray-50) !important}.text-bluegray-100{color:var(--bluegray-100) !important}.text-bluegray-200{color:var(--bluegray-200) !important}.text-bluegray-300{color:var(--bluegray-300) !important}.text-bluegray-400{color:var(--bluegray-400) !important}.text-bluegray-500{color:var(--bluegray-500) !important}.text-bluegray-600{color:var(--bluegray-600) !important}.text-bluegray-700{color:var(--bluegray-700) !important}.text-bluegray-800{color:var(--bluegray-800) !important}.text-bluegray-900{color:var(--bluegray-900) !important}.focus\:text-bluegray-50:focus{color:var(--bluegray-50) !important}.focus\:text-bluegray-100:focus{color:var(--bluegray-100) !important}.focus\:text-bluegray-200:focus{color:var(--bluegray-200) !important}.focus\:text-bluegray-300:focus{color:var(--bluegray-300) !important}.focus\:text-bluegray-400:focus{color:var(--bluegray-400) !important}.focus\:text-bluegray-500:focus{color:var(--bluegray-500) !important}.focus\:text-bluegray-600:focus{color:var(--bluegray-600) !important}.focus\:text-bluegray-700:focus{color:var(--bluegray-700) !important}.focus\:text-bluegray-800:focus{color:var(--bluegray-800) !important}.focus\:text-bluegray-900:focus{color:var(--bluegray-900) !important}.hover\:text-bluegray-50:hover{color:var(--bluegray-50) !important}.hover\:text-bluegray-100:hover{color:var(--bluegray-100) !important}.hover\:text-bluegray-200:hover{color:var(--bluegray-200) !important}.hover\:text-bluegray-300:hover{color:var(--bluegray-300) !important}.hover\:text-bluegray-400:hover{color:var(--bluegray-400) !important}.hover\:text-bluegray-500:hover{color:var(--bluegray-500) !important}.hover\:text-bluegray-600:hover{color:var(--bluegray-600) !important}.hover\:text-bluegray-700:hover{color:var(--bluegray-700) !important}.hover\:text-bluegray-800:hover{color:var(--bluegray-800) !important}.hover\:text-bluegray-900:hover{color:var(--bluegray-900) !important}.active\:text-bluegray-50:active{color:var(--bluegray-50) !important}.active\:text-bluegray-100:active{color:var(--bluegray-100) !important}.active\:text-bluegray-200:active{color:var(--bluegray-200) !important}.active\:text-bluegray-300:active{color:var(--bluegray-300) !important}.active\:text-bluegray-400:active{color:var(--bluegray-400) !important}.active\:text-bluegray-500:active{color:var(--bluegray-500) !important}.active\:text-bluegray-600:active{color:var(--bluegray-600) !important}.active\:text-bluegray-700:active{color:var(--bluegray-700) !important}.active\:text-bluegray-800:active{color:var(--bluegray-800) !important}.active\:text-bluegray-900:active{color:var(--bluegray-900) !important}.text-purple-50{color:var(--purple-50) !important}.text-purple-100{color:var(--purple-100) !important}.text-purple-200{color:var(--purple-200) !important}.text-purple-300{color:var(--purple-300) !important}.text-purple-400{color:var(--purple-400) !important}.text-purple-500{color:var(--purple-500) !important}.text-purple-600{color:var(--purple-600) !important}.text-purple-700{color:var(--purple-700) !important}.text-purple-800{color:var(--purple-800) !important}.text-purple-900{color:var(--purple-900) !important}.focus\:text-purple-50:focus{color:var(--purple-50) !important}.focus\:text-purple-100:focus{color:var(--purple-100) !important}.focus\:text-purple-200:focus{color:var(--purple-200) !important}.focus\:text-purple-300:focus{color:var(--purple-300) !important}.focus\:text-purple-400:focus{color:var(--purple-400) !important}.focus\:text-purple-500:focus{color:var(--purple-500) !important}.focus\:text-purple-600:focus{color:var(--purple-600) !important}.focus\:text-purple-700:focus{color:var(--purple-700) !important}.focus\:text-purple-800:focus{color:var(--purple-800) !important}.focus\:text-purple-900:focus{color:var(--purple-900) !important}.hover\:text-purple-50:hover{color:var(--purple-50) !important}.hover\:text-purple-100:hover{color:var(--purple-100) !important}.hover\:text-purple-200:hover{color:var(--purple-200) !important}.hover\:text-purple-300:hover{color:var(--purple-300) !important}.hover\:text-purple-400:hover{color:var(--purple-400) !important}.hover\:text-purple-500:hover{color:var(--purple-500) !important}.hover\:text-purple-600:hover{color:var(--purple-600) !important}.hover\:text-purple-700:hover{color:var(--purple-700) !important}.hover\:text-purple-800:hover{color:var(--purple-800) !important}.hover\:text-purple-900:hover{color:var(--purple-900) !important}.active\:text-purple-50:active{color:var(--purple-50) !important}.active\:text-purple-100:active{color:var(--purple-100) !important}.active\:text-purple-200:active{color:var(--purple-200) !important}.active\:text-purple-300:active{color:var(--purple-300) !important}.active\:text-purple-400:active{color:var(--purple-400) !important}.active\:text-purple-500:active{color:var(--purple-500) !important}.active\:text-purple-600:active{color:var(--purple-600) !important}.active\:text-purple-700:active{color:var(--purple-700) !important}.active\:text-purple-800:active{color:var(--purple-800) !important}.active\:text-purple-900:active{color:var(--purple-900) !important}.text-gray-50{color:var(--gray-50) !important}.text-gray-100{color:var(--gray-100) !important}.text-gray-200{color:var(--gray-200) !important}.text-gray-300{color:var(--gray-300) !important}.text-gray-400{color:var(--gray-400) !important}.text-gray-500{color:var(--gray-500) !important}.text-gray-600{color:var(--gray-600) !important}.text-gray-700{color:var(--gray-700) !important}.text-gray-800{color:var(--gray-800) !important}.text-gray-900{color:var(--gray-900) !important}.focus\:text-gray-50:focus{color:var(--gray-50) !important}.focus\:text-gray-100:focus{color:var(--gray-100) !important}.focus\:text-gray-200:focus{color:var(--gray-200) !important}.focus\:text-gray-300:focus{color:var(--gray-300) !important}.focus\:text-gray-400:focus{color:var(--gray-400) !important}.focus\:text-gray-500:focus{color:var(--gray-500) !important}.focus\:text-gray-600:focus{color:var(--gray-600) !important}.focus\:text-gray-700:focus{color:var(--gray-700) !important}.focus\:text-gray-800:focus{color:var(--gray-800) !important}.focus\:text-gray-900:focus{color:var(--gray-900) !important}.hover\:text-gray-50:hover{color:var(--gray-50) !important}.hover\:text-gray-100:hover{color:var(--gray-100) !important}.hover\:text-gray-200:hover{color:var(--gray-200) !important}.hover\:text-gray-300:hover{color:var(--gray-300) !important}.hover\:text-gray-400:hover{color:var(--gray-400) !important}.hover\:text-gray-500:hover{color:var(--gray-500) !important}.hover\:text-gray-600:hover{color:var(--gray-600) !important}.hover\:text-gray-700:hover{color:var(--gray-700) !important}.hover\:text-gray-800:hover{color:var(--gray-800) !important}.hover\:text-gray-900:hover{color:var(--gray-900) !important}.active\:text-gray-50:active{color:var(--gray-50) !important}.active\:text-gray-100:active{color:var(--gray-100) !important}.active\:text-gray-200:active{color:var(--gray-200) !important}.active\:text-gray-300:active{color:var(--gray-300) !important}.active\:text-gray-400:active{color:var(--gray-400) !important}.active\:text-gray-500:active{color:var(--gray-500) !important}.active\:text-gray-600:active{color:var(--gray-600) !important}.active\:text-gray-700:active{color:var(--gray-700) !important}.active\:text-gray-800:active{color:var(--gray-800) !important}.active\:text-gray-900:active{color:var(--gray-900) !important}.bg-blue-50{background-color:var(--blue-50) !important}.bg-blue-100{background-color:var(--blue-100) !important}.bg-blue-200{background-color:var(--blue-200) !important}.bg-blue-300{background-color:var(--blue-300) !important}.bg-blue-400{background-color:var(--blue-400) !important}.bg-blue-500{background-color:var(--blue-500) !important}.bg-blue-600{background-color:var(--blue-600) !important}.bg-blue-700{background-color:var(--blue-700) !important}.bg-blue-800{background-color:var(--blue-800) !important}.bg-blue-900{background-color:var(--blue-900) !important}.focus\:bg-blue-50:focus{background-color:var(--blue-50) !important}.focus\:bg-blue-100:focus{background-color:var(--blue-100) !important}.focus\:bg-blue-200:focus{background-color:var(--blue-200) !important}.focus\:bg-blue-300:focus{background-color:var(--blue-300) !important}.focus\:bg-blue-400:focus{background-color:var(--blue-400) !important}.focus\:bg-blue-500:focus{background-color:var(--blue-500) !important}.focus\:bg-blue-600:focus{background-color:var(--blue-600) !important}.focus\:bg-blue-700:focus{background-color:var(--blue-700) !important}.focus\:bg-blue-800:focus{background-color:var(--blue-800) !important}.focus\:bg-blue-900:focus{background-color:var(--blue-900) !important}.hover\:bg-blue-50:hover{background-color:var(--blue-50) !important}.hover\:bg-blue-100:hover{background-color:var(--blue-100) !important}.hover\:bg-blue-200:hover{background-color:var(--blue-200) !important}.hover\:bg-blue-300:hover{background-color:var(--blue-300) !important}.hover\:bg-blue-400:hover{background-color:var(--blue-400) !important}.hover\:bg-blue-500:hover{background-color:var(--blue-500) !important}.hover\:bg-blue-600:hover{background-color:var(--blue-600) !important}.hover\:bg-blue-700:hover{background-color:var(--blue-700) !important}.hover\:bg-blue-800:hover{background-color:var(--blue-800) !important}.hover\:bg-blue-900:hover{background-color:var(--blue-900) !important}.active\:bg-blue-50:active{background-color:var(--blue-50) !important}.active\:bg-blue-100:active{background-color:var(--blue-100) !important}.active\:bg-blue-200:active{background-color:var(--blue-200) !important}.active\:bg-blue-300:active{background-color:var(--blue-300) !important}.active\:bg-blue-400:active{background-color:var(--blue-400) !important}.active\:bg-blue-500:active{background-color:var(--blue-500) !important}.active\:bg-blue-600:active{background-color:var(--blue-600) !important}.active\:bg-blue-700:active{background-color:var(--blue-700) !important}.active\:bg-blue-800:active{background-color:var(--blue-800) !important}.active\:bg-blue-900:active{background-color:var(--blue-900) !important}.bg-green-50{background-color:var(--green-50) !important}.bg-green-100{background-color:var(--green-100) !important}.bg-green-200{background-color:var(--green-200) !important}.bg-green-300{background-color:var(--green-300) !important}.bg-green-400{background-color:var(--green-400) !important}.bg-green-500{background-color:var(--green-500) !important}.bg-green-600{background-color:var(--green-600) !important}.bg-green-700{background-color:var(--green-700) !important}.bg-green-800{background-color:var(--green-800) !important}.bg-green-900{background-color:var(--green-900) !important}.focus\:bg-green-50:focus{background-color:var(--green-50) !important}.focus\:bg-green-100:focus{background-color:var(--green-100) !important}.focus\:bg-green-200:focus{background-color:var(--green-200) !important}.focus\:bg-green-300:focus{background-color:var(--green-300) !important}.focus\:bg-green-400:focus{background-color:var(--green-400) !important}.focus\:bg-green-500:focus{background-color:var(--green-500) !important}.focus\:bg-green-600:focus{background-color:var(--green-600) !important}.focus\:bg-green-700:focus{background-color:var(--green-700) !important}.focus\:bg-green-800:focus{background-color:var(--green-800) !important}.focus\:bg-green-900:focus{background-color:var(--green-900) !important}.hover\:bg-green-50:hover{background-color:var(--green-50) !important}.hover\:bg-green-100:hover{background-color:var(--green-100) !important}.hover\:bg-green-200:hover{background-color:var(--green-200) !important}.hover\:bg-green-300:hover{background-color:var(--green-300) !important}.hover\:bg-green-400:hover{background-color:var(--green-400) !important}.hover\:bg-green-500:hover{background-color:var(--green-500) !important}.hover\:bg-green-600:hover{background-color:var(--green-600) !important}.hover\:bg-green-700:hover{background-color:var(--green-700) !important}.hover\:bg-green-800:hover{background-color:var(--green-800) !important}.hover\:bg-green-900:hover{background-color:var(--green-900) !important}.active\:bg-green-50:active{background-color:var(--green-50) !important}.active\:bg-green-100:active{background-color:var(--green-100) !important}.active\:bg-green-200:active{background-color:var(--green-200) !important}.active\:bg-green-300:active{background-color:var(--green-300) !important}.active\:bg-green-400:active{background-color:var(--green-400) !important}.active\:bg-green-500:active{background-color:var(--green-500) !important}.active\:bg-green-600:active{background-color:var(--green-600) !important}.active\:bg-green-700:active{background-color:var(--green-700) !important}.active\:bg-green-800:active{background-color:var(--green-800) !important}.active\:bg-green-900:active{background-color:var(--green-900) !important}.bg-yellow-50{background-color:var(--yellow-50) !important}.bg-yellow-100{background-color:var(--yellow-100) !important}.bg-yellow-200{background-color:var(--yellow-200) !important}.bg-yellow-300{background-color:var(--yellow-300) !important}.bg-yellow-400{background-color:var(--yellow-400) !important}.bg-yellow-500{background-color:var(--yellow-500) !important}.bg-yellow-600{background-color:var(--yellow-600) !important}.bg-yellow-700{background-color:var(--yellow-700) !important}.bg-yellow-800{background-color:var(--yellow-800) !important}.bg-yellow-900{background-color:var(--yellow-900) !important}.focus\:bg-yellow-50:focus{background-color:var(--yellow-50) !important}.focus\:bg-yellow-100:focus{background-color:var(--yellow-100) !important}.focus\:bg-yellow-200:focus{background-color:var(--yellow-200) !important}.focus\:bg-yellow-300:focus{background-color:var(--yellow-300) !important}.focus\:bg-yellow-400:focus{background-color:var(--yellow-400) !important}.focus\:bg-yellow-500:focus{background-color:var(--yellow-500) !important}.focus\:bg-yellow-600:focus{background-color:var(--yellow-600) !important}.focus\:bg-yellow-700:focus{background-color:var(--yellow-700) !important}.focus\:bg-yellow-800:focus{background-color:var(--yellow-800) !important}.focus\:bg-yellow-900:focus{background-color:var(--yellow-900) !important}.hover\:bg-yellow-50:hover{background-color:var(--yellow-50) !important}.hover\:bg-yellow-100:hover{background-color:var(--yellow-100) !important}.hover\:bg-yellow-200:hover{background-color:var(--yellow-200) !important}.hover\:bg-yellow-300:hover{background-color:var(--yellow-300) !important}.hover\:bg-yellow-400:hover{background-color:var(--yellow-400) !important}.hover\:bg-yellow-500:hover{background-color:var(--yellow-500) !important}.hover\:bg-yellow-600:hover{background-color:var(--yellow-600) !important}.hover\:bg-yellow-700:hover{background-color:var(--yellow-700) !important}.hover\:bg-yellow-800:hover{background-color:var(--yellow-800) !important}.hover\:bg-yellow-900:hover{background-color:var(--yellow-900) !important}.active\:bg-yellow-50:active{background-color:var(--yellow-50) !important}.active\:bg-yellow-100:active{background-color:var(--yellow-100) !important}.active\:bg-yellow-200:active{background-color:var(--yellow-200) !important}.active\:bg-yellow-300:active{background-color:var(--yellow-300) !important}.active\:bg-yellow-400:active{background-color:var(--yellow-400) !important}.active\:bg-yellow-500:active{background-color:var(--yellow-500) !important}.active\:bg-yellow-600:active{background-color:var(--yellow-600) !important}.active\:bg-yellow-700:active{background-color:var(--yellow-700) !important}.active\:bg-yellow-800:active{background-color:var(--yellow-800) !important}.active\:bg-yellow-900:active{background-color:var(--yellow-900) !important}.bg-cyan-50{background-color:var(--cyan-50) !important}.bg-cyan-100{background-color:var(--cyan-100) !important}.bg-cyan-200{background-color:var(--cyan-200) !important}.bg-cyan-300{background-color:var(--cyan-300) !important}.bg-cyan-400{background-color:var(--cyan-400) !important}.bg-cyan-500{background-color:var(--cyan-500) !important}.bg-cyan-600{background-color:var(--cyan-600) !important}.bg-cyan-700{background-color:var(--cyan-700) !important}.bg-cyan-800{background-color:var(--cyan-800) !important}.bg-cyan-900{background-color:var(--cyan-900) !important}.focus\:bg-cyan-50:focus{background-color:var(--cyan-50) !important}.focus\:bg-cyan-100:focus{background-color:var(--cyan-100) !important}.focus\:bg-cyan-200:focus{background-color:var(--cyan-200) !important}.focus\:bg-cyan-300:focus{background-color:var(--cyan-300) !important}.focus\:bg-cyan-400:focus{background-color:var(--cyan-400) !important}.focus\:bg-cyan-500:focus{background-color:var(--cyan-500) !important}.focus\:bg-cyan-600:focus{background-color:var(--cyan-600) !important}.focus\:bg-cyan-700:focus{background-color:var(--cyan-700) !important}.focus\:bg-cyan-800:focus{background-color:var(--cyan-800) !important}.focus\:bg-cyan-900:focus{background-color:var(--cyan-900) !important}.hover\:bg-cyan-50:hover{background-color:var(--cyan-50) !important}.hover\:bg-cyan-100:hover{background-color:var(--cyan-100) !important}.hover\:bg-cyan-200:hover{background-color:var(--cyan-200) !important}.hover\:bg-cyan-300:hover{background-color:var(--cyan-300) !important}.hover\:bg-cyan-400:hover{background-color:var(--cyan-400) !important}.hover\:bg-cyan-500:hover{background-color:var(--cyan-500) !important}.hover\:bg-cyan-600:hover{background-color:var(--cyan-600) !important}.hover\:bg-cyan-700:hover{background-color:var(--cyan-700) !important}.hover\:bg-cyan-800:hover{background-color:var(--cyan-800) !important}.hover\:bg-cyan-900:hover{background-color:var(--cyan-900) !important}.active\:bg-cyan-50:active{background-color:var(--cyan-50) !important}.active\:bg-cyan-100:active{background-color:var(--cyan-100) !important}.active\:bg-cyan-200:active{background-color:var(--cyan-200) !important}.active\:bg-cyan-300:active{background-color:var(--cyan-300) !important}.active\:bg-cyan-400:active{background-color:var(--cyan-400) !important}.active\:bg-cyan-500:active{background-color:var(--cyan-500) !important}.active\:bg-cyan-600:active{background-color:var(--cyan-600) !important}.active\:bg-cyan-700:active{background-color:var(--cyan-700) !important}.active\:bg-cyan-800:active{background-color:var(--cyan-800) !important}.active\:bg-cyan-900:active{background-color:var(--cyan-900) !important}.bg-pink-50{background-color:var(--pink-50) !important}.bg-pink-100{background-color:var(--pink-100) !important}.bg-pink-200{background-color:var(--pink-200) !important}.bg-pink-300{background-color:var(--pink-300) !important}.bg-pink-400{background-color:var(--pink-400) !important}.bg-pink-500{background-color:var(--pink-500) !important}.bg-pink-600{background-color:var(--pink-600) !important}.bg-pink-700{background-color:var(--pink-700) !important}.bg-pink-800{background-color:var(--pink-800) !important}.bg-pink-900{background-color:var(--pink-900) !important}.focus\:bg-pink-50:focus{background-color:var(--pink-50) !important}.focus\:bg-pink-100:focus{background-color:var(--pink-100) !important}.focus\:bg-pink-200:focus{background-color:var(--pink-200) !important}.focus\:bg-pink-300:focus{background-color:var(--pink-300) !important}.focus\:bg-pink-400:focus{background-color:var(--pink-400) !important}.focus\:bg-pink-500:focus{background-color:var(--pink-500) !important}.focus\:bg-pink-600:focus{background-color:var(--pink-600) !important}.focus\:bg-pink-700:focus{background-color:var(--pink-700) !important}.focus\:bg-pink-800:focus{background-color:var(--pink-800) !important}.focus\:bg-pink-900:focus{background-color:var(--pink-900) !important}.hover\:bg-pink-50:hover{background-color:var(--pink-50) !important}.hover\:bg-pink-100:hover{background-color:var(--pink-100) !important}.hover\:bg-pink-200:hover{background-color:var(--pink-200) !important}.hover\:bg-pink-300:hover{background-color:var(--pink-300) !important}.hover\:bg-pink-400:hover{background-color:var(--pink-400) !important}.hover\:bg-pink-500:hover{background-color:var(--pink-500) !important}.hover\:bg-pink-600:hover{background-color:var(--pink-600) !important}.hover\:bg-pink-700:hover{background-color:var(--pink-700) !important}.hover\:bg-pink-800:hover{background-color:var(--pink-800) !important}.hover\:bg-pink-900:hover{background-color:var(--pink-900) !important}.active\:bg-pink-50:active{background-color:var(--pink-50) !important}.active\:bg-pink-100:active{background-color:var(--pink-100) !important}.active\:bg-pink-200:active{background-color:var(--pink-200) !important}.active\:bg-pink-300:active{background-color:var(--pink-300) !important}.active\:bg-pink-400:active{background-color:var(--pink-400) !important}.active\:bg-pink-500:active{background-color:var(--pink-500) !important}.active\:bg-pink-600:active{background-color:var(--pink-600) !important}.active\:bg-pink-700:active{background-color:var(--pink-700) !important}.active\:bg-pink-800:active{background-color:var(--pink-800) !important}.active\:bg-pink-900:active{background-color:var(--pink-900) !important}.bg-indigo-50{background-color:var(--indigo-50) !important}.bg-indigo-100{background-color:var(--indigo-100) !important}.bg-indigo-200{background-color:var(--indigo-200) !important}.bg-indigo-300{background-color:var(--indigo-300) !important}.bg-indigo-400{background-color:var(--indigo-400) !important}.bg-indigo-500{background-color:var(--indigo-500) !important}.bg-indigo-600{background-color:var(--indigo-600) !important}.bg-indigo-700{background-color:var(--indigo-700) !important}.bg-indigo-800{background-color:var(--indigo-800) !important}.bg-indigo-900{background-color:var(--indigo-900) !important}.focus\:bg-indigo-50:focus{background-color:var(--indigo-50) !important}.focus\:bg-indigo-100:focus{background-color:var(--indigo-100) !important}.focus\:bg-indigo-200:focus{background-color:var(--indigo-200) !important}.focus\:bg-indigo-300:focus{background-color:var(--indigo-300) !important}.focus\:bg-indigo-400:focus{background-color:var(--indigo-400) !important}.focus\:bg-indigo-500:focus{background-color:var(--indigo-500) !important}.focus\:bg-indigo-600:focus{background-color:var(--indigo-600) !important}.focus\:bg-indigo-700:focus{background-color:var(--indigo-700) !important}.focus\:bg-indigo-800:focus{background-color:var(--indigo-800) !important}.focus\:bg-indigo-900:focus{background-color:var(--indigo-900) !important}.hover\:bg-indigo-50:hover{background-color:var(--indigo-50) !important}.hover\:bg-indigo-100:hover{background-color:var(--indigo-100) !important}.hover\:bg-indigo-200:hover{background-color:var(--indigo-200) !important}.hover\:bg-indigo-300:hover{background-color:var(--indigo-300) !important}.hover\:bg-indigo-400:hover{background-color:var(--indigo-400) !important}.hover\:bg-indigo-500:hover{background-color:var(--indigo-500) !important}.hover\:bg-indigo-600:hover{background-color:var(--indigo-600) !important}.hover\:bg-indigo-700:hover{background-color:var(--indigo-700) !important}.hover\:bg-indigo-800:hover{background-color:var(--indigo-800) !important}.hover\:bg-indigo-900:hover{background-color:var(--indigo-900) !important}.active\:bg-indigo-50:active{background-color:var(--indigo-50) !important}.active\:bg-indigo-100:active{background-color:var(--indigo-100) !important}.active\:bg-indigo-200:active{background-color:var(--indigo-200) !important}.active\:bg-indigo-300:active{background-color:var(--indigo-300) !important}.active\:bg-indigo-400:active{background-color:var(--indigo-400) !important}.active\:bg-indigo-500:active{background-color:var(--indigo-500) !important}.active\:bg-indigo-600:active{background-color:var(--indigo-600) !important}.active\:bg-indigo-700:active{background-color:var(--indigo-700) !important}.active\:bg-indigo-800:active{background-color:var(--indigo-800) !important}.active\:bg-indigo-900:active{background-color:var(--indigo-900) !important}.bg-teal-50{background-color:var(--teal-50) !important}.bg-teal-100{background-color:var(--teal-100) !important}.bg-teal-200{background-color:var(--teal-200) !important}.bg-teal-300{background-color:var(--teal-300) !important}.bg-teal-400{background-color:var(--teal-400) !important}.bg-teal-500{background-color:var(--teal-500) !important}.bg-teal-600{background-color:var(--teal-600) !important}.bg-teal-700{background-color:var(--teal-700) !important}.bg-teal-800{background-color:var(--teal-800) !important}.bg-teal-900{background-color:var(--teal-900) !important}.focus\:bg-teal-50:focus{background-color:var(--teal-50) !important}.focus\:bg-teal-100:focus{background-color:var(--teal-100) !important}.focus\:bg-teal-200:focus{background-color:var(--teal-200) !important}.focus\:bg-teal-300:focus{background-color:var(--teal-300) !important}.focus\:bg-teal-400:focus{background-color:var(--teal-400) !important}.focus\:bg-teal-500:focus{background-color:var(--teal-500) !important}.focus\:bg-teal-600:focus{background-color:var(--teal-600) !important}.focus\:bg-teal-700:focus{background-color:var(--teal-700) !important}.focus\:bg-teal-800:focus{background-color:var(--teal-800) !important}.focus\:bg-teal-900:focus{background-color:var(--teal-900) !important}.hover\:bg-teal-50:hover{background-color:var(--teal-50) !important}.hover\:bg-teal-100:hover{background-color:var(--teal-100) !important}.hover\:bg-teal-200:hover{background-color:var(--teal-200) !important}.hover\:bg-teal-300:hover{background-color:var(--teal-300) !important}.hover\:bg-teal-400:hover{background-color:var(--teal-400) !important}.hover\:bg-teal-500:hover{background-color:var(--teal-500) !important}.hover\:bg-teal-600:hover{background-color:var(--teal-600) !important}.hover\:bg-teal-700:hover{background-color:var(--teal-700) !important}.hover\:bg-teal-800:hover{background-color:var(--teal-800) !important}.hover\:bg-teal-900:hover{background-color:var(--teal-900) !important}.active\:bg-teal-50:active{background-color:var(--teal-50) !important}.active\:bg-teal-100:active{background-color:var(--teal-100) !important}.active\:bg-teal-200:active{background-color:var(--teal-200) !important}.active\:bg-teal-300:active{background-color:var(--teal-300) !important}.active\:bg-teal-400:active{background-color:var(--teal-400) !important}.active\:bg-teal-500:active{background-color:var(--teal-500) !important}.active\:bg-teal-600:active{background-color:var(--teal-600) !important}.active\:bg-teal-700:active{background-color:var(--teal-700) !important}.active\:bg-teal-800:active{background-color:var(--teal-800) !important}.active\:bg-teal-900:active{background-color:var(--teal-900) !important}.bg-orange-50{background-color:var(--orange-50) !important}.bg-orange-100{background-color:var(--orange-100) !important}.bg-orange-200{background-color:var(--orange-200) !important}.bg-orange-300{background-color:var(--orange-300) !important}.bg-orange-400{background-color:var(--orange-400) !important}.bg-orange-500{background-color:var(--orange-500) !important}.bg-orange-600{background-color:var(--orange-600) !important}.bg-orange-700{background-color:var(--orange-700) !important}.bg-orange-800{background-color:var(--orange-800) !important}.bg-orange-900{background-color:var(--orange-900) !important}.focus\:bg-orange-50:focus{background-color:var(--orange-50) !important}.focus\:bg-orange-100:focus{background-color:var(--orange-100) !important}.focus\:bg-orange-200:focus{background-color:var(--orange-200) !important}.focus\:bg-orange-300:focus{background-color:var(--orange-300) !important}.focus\:bg-orange-400:focus{background-color:var(--orange-400) !important}.focus\:bg-orange-500:focus{background-color:var(--orange-500) !important}.focus\:bg-orange-600:focus{background-color:var(--orange-600) !important}.focus\:bg-orange-700:focus{background-color:var(--orange-700) !important}.focus\:bg-orange-800:focus{background-color:var(--orange-800) !important}.focus\:bg-orange-900:focus{background-color:var(--orange-900) !important}.hover\:bg-orange-50:hover{background-color:var(--orange-50) !important}.hover\:bg-orange-100:hover{background-color:var(--orange-100) !important}.hover\:bg-orange-200:hover{background-color:var(--orange-200) !important}.hover\:bg-orange-300:hover{background-color:var(--orange-300) !important}.hover\:bg-orange-400:hover{background-color:var(--orange-400) !important}.hover\:bg-orange-500:hover{background-color:var(--orange-500) !important}.hover\:bg-orange-600:hover{background-color:var(--orange-600) !important}.hover\:bg-orange-700:hover{background-color:var(--orange-700) !important}.hover\:bg-orange-800:hover{background-color:var(--orange-800) !important}.hover\:bg-orange-900:hover{background-color:var(--orange-900) !important}.active\:bg-orange-50:active{background-color:var(--orange-50) !important}.active\:bg-orange-100:active{background-color:var(--orange-100) !important}.active\:bg-orange-200:active{background-color:var(--orange-200) !important}.active\:bg-orange-300:active{background-color:var(--orange-300) !important}.active\:bg-orange-400:active{background-color:var(--orange-400) !important}.active\:bg-orange-500:active{background-color:var(--orange-500) !important}.active\:bg-orange-600:active{background-color:var(--orange-600) !important}.active\:bg-orange-700:active{background-color:var(--orange-700) !important}.active\:bg-orange-800:active{background-color:var(--orange-800) !important}.active\:bg-orange-900:active{background-color:var(--orange-900) !important}.bg-bluegray-50{background-color:var(--bluegray-50) !important}.bg-bluegray-100{background-color:var(--bluegray-100) !important}.bg-bluegray-200{background-color:var(--bluegray-200) !important}.bg-bluegray-300{background-color:var(--bluegray-300) !important}.bg-bluegray-400{background-color:var(--bluegray-400) !important}.bg-bluegray-500{background-color:var(--bluegray-500) !important}.bg-bluegray-600{background-color:var(--bluegray-600) !important}.bg-bluegray-700{background-color:var(--bluegray-700) !important}.bg-bluegray-800{background-color:var(--bluegray-800) !important}.bg-bluegray-900{background-color:var(--bluegray-900) !important}.focus\:bg-bluegray-50:focus{background-color:var(--bluegray-50) !important}.focus\:bg-bluegray-100:focus{background-color:var(--bluegray-100) !important}.focus\:bg-bluegray-200:focus{background-color:var(--bluegray-200) !important}.focus\:bg-bluegray-300:focus{background-color:var(--bluegray-300) !important}.focus\:bg-bluegray-400:focus{background-color:var(--bluegray-400) !important}.focus\:bg-bluegray-500:focus{background-color:var(--bluegray-500) !important}.focus\:bg-bluegray-600:focus{background-color:var(--bluegray-600) !important}.focus\:bg-bluegray-700:focus{background-color:var(--bluegray-700) !important}.focus\:bg-bluegray-800:focus{background-color:var(--bluegray-800) !important}.focus\:bg-bluegray-900:focus{background-color:var(--bluegray-900) !important}.hover\:bg-bluegray-50:hover{background-color:var(--bluegray-50) !important}.hover\:bg-bluegray-100:hover{background-color:var(--bluegray-100) !important}.hover\:bg-bluegray-200:hover{background-color:var(--bluegray-200) !important}.hover\:bg-bluegray-300:hover{background-color:var(--bluegray-300) !important}.hover\:bg-bluegray-400:hover{background-color:var(--bluegray-400) !important}.hover\:bg-bluegray-500:hover{background-color:var(--bluegray-500) !important}.hover\:bg-bluegray-600:hover{background-color:var(--bluegray-600) !important}.hover\:bg-bluegray-700:hover{background-color:var(--bluegray-700) !important}.hover\:bg-bluegray-800:hover{background-color:var(--bluegray-800) !important}.hover\:bg-bluegray-900:hover{background-color:var(--bluegray-900) !important}.active\:bg-bluegray-50:active{background-color:var(--bluegray-50) !important}.active\:bg-bluegray-100:active{background-color:var(--bluegray-100) !important}.active\:bg-bluegray-200:active{background-color:var(--bluegray-200) !important}.active\:bg-bluegray-300:active{background-color:var(--bluegray-300) !important}.active\:bg-bluegray-400:active{background-color:var(--bluegray-400) !important}.active\:bg-bluegray-500:active{background-color:var(--bluegray-500) !important}.active\:bg-bluegray-600:active{background-color:var(--bluegray-600) !important}.active\:bg-bluegray-700:active{background-color:var(--bluegray-700) !important}.active\:bg-bluegray-800:active{background-color:var(--bluegray-800) !important}.active\:bg-bluegray-900:active{background-color:var(--bluegray-900) !important}.bg-purple-50{background-color:var(--purple-50) !important}.bg-purple-100{background-color:var(--purple-100) !important}.bg-purple-200{background-color:var(--purple-200) !important}.bg-purple-300{background-color:var(--purple-300) !important}.bg-purple-400{background-color:var(--purple-400) !important}.bg-purple-500{background-color:var(--purple-500) !important}.bg-purple-600{background-color:var(--purple-600) !important}.bg-purple-700{background-color:var(--purple-700) !important}.bg-purple-800{background-color:var(--purple-800) !important}.bg-purple-900{background-color:var(--purple-900) !important}.focus\:bg-purple-50:focus{background-color:var(--purple-50) !important}.focus\:bg-purple-100:focus{background-color:var(--purple-100) !important}.focus\:bg-purple-200:focus{background-color:var(--purple-200) !important}.focus\:bg-purple-300:focus{background-color:var(--purple-300) !important}.focus\:bg-purple-400:focus{background-color:var(--purple-400) !important}.focus\:bg-purple-500:focus{background-color:var(--purple-500) !important}.focus\:bg-purple-600:focus{background-color:var(--purple-600) !important}.focus\:bg-purple-700:focus{background-color:var(--purple-700) !important}.focus\:bg-purple-800:focus{background-color:var(--purple-800) !important}.focus\:bg-purple-900:focus{background-color:var(--purple-900) !important}.hover\:bg-purple-50:hover{background-color:var(--purple-50) !important}.hover\:bg-purple-100:hover{background-color:var(--purple-100) !important}.hover\:bg-purple-200:hover{background-color:var(--purple-200) !important}.hover\:bg-purple-300:hover{background-color:var(--purple-300) !important}.hover\:bg-purple-400:hover{background-color:var(--purple-400) !important}.hover\:bg-purple-500:hover{background-color:var(--purple-500) !important}.hover\:bg-purple-600:hover{background-color:var(--purple-600) !important}.hover\:bg-purple-700:hover{background-color:var(--purple-700) !important}.hover\:bg-purple-800:hover{background-color:var(--purple-800) !important}.hover\:bg-purple-900:hover{background-color:var(--purple-900) !important}.active\:bg-purple-50:active{background-color:var(--purple-50) !important}.active\:bg-purple-100:active{background-color:var(--purple-100) !important}.active\:bg-purple-200:active{background-color:var(--purple-200) !important}.active\:bg-purple-300:active{background-color:var(--purple-300) !important}.active\:bg-purple-400:active{background-color:var(--purple-400) !important}.active\:bg-purple-500:active{background-color:var(--purple-500) !important}.active\:bg-purple-600:active{background-color:var(--purple-600) !important}.active\:bg-purple-700:active{background-color:var(--purple-700) !important}.active\:bg-purple-800:active{background-color:var(--purple-800) !important}.active\:bg-purple-900:active{background-color:var(--purple-900) !important}.bg-gray-50{background-color:var(--gray-50) !important}.bg-gray-100{background-color:var(--gray-100) !important}.bg-gray-200{background-color:var(--gray-200) !important}.bg-gray-300{background-color:var(--gray-300) !important}.bg-gray-400{background-color:var(--gray-400) !important}.bg-gray-500{background-color:var(--gray-500) !important}.bg-gray-600{background-color:var(--gray-600) !important}.bg-gray-700{background-color:var(--gray-700) !important}.bg-gray-800{background-color:var(--gray-800) !important}.bg-gray-900{background-color:var(--gray-900) !important}.focus\:bg-gray-50:focus{background-color:var(--gray-50) !important}.focus\:bg-gray-100:focus{background-color:var(--gray-100) !important}.focus\:bg-gray-200:focus{background-color:var(--gray-200) !important}.focus\:bg-gray-300:focus{background-color:var(--gray-300) !important}.focus\:bg-gray-400:focus{background-color:var(--gray-400) !important}.focus\:bg-gray-500:focus{background-color:var(--gray-500) !important}.focus\:bg-gray-600:focus{background-color:var(--gray-600) !important}.focus\:bg-gray-700:focus{background-color:var(--gray-700) !important}.focus\:bg-gray-800:focus{background-color:var(--gray-800) !important}.focus\:bg-gray-900:focus{background-color:var(--gray-900) !important}.hover\:bg-gray-50:hover{background-color:var(--gray-50) !important}.hover\:bg-gray-100:hover{background-color:var(--gray-100) !important}.hover\:bg-gray-200:hover{background-color:var(--gray-200) !important}.hover\:bg-gray-300:hover{background-color:var(--gray-300) !important}.hover\:bg-gray-400:hover{background-color:var(--gray-400) !important}.hover\:bg-gray-500:hover{background-color:var(--gray-500) !important}.hover\:bg-gray-600:hover{background-color:var(--gray-600) !important}.hover\:bg-gray-700:hover{background-color:var(--gray-700) !important}.hover\:bg-gray-800:hover{background-color:var(--gray-800) !important}.hover\:bg-gray-900:hover{background-color:var(--gray-900) !important}.active\:bg-gray-50:active{background-color:var(--gray-50) !important}.active\:bg-gray-100:active{background-color:var(--gray-100) !important}.active\:bg-gray-200:active{background-color:var(--gray-200) !important}.active\:bg-gray-300:active{background-color:var(--gray-300) !important}.active\:bg-gray-400:active{background-color:var(--gray-400) !important}.active\:bg-gray-500:active{background-color:var(--gray-500) !important}.active\:bg-gray-600:active{background-color:var(--gray-600) !important}.active\:bg-gray-700:active{background-color:var(--gray-700) !important}.active\:bg-gray-800:active{background-color:var(--gray-800) !important}.active\:bg-gray-900:active{background-color:var(--gray-900) !important}.border-blue-50{border-color:var(--blue-50) !important}.border-blue-100{border-color:var(--blue-100) !important}.border-blue-200{border-color:var(--blue-200) !important}.border-blue-300{border-color:var(--blue-300) !important}.border-blue-400{border-color:var(--blue-400) !important}.border-blue-500{border-color:var(--blue-500) !important}.border-blue-600{border-color:var(--blue-600) !important}.border-blue-700{border-color:var(--blue-700) !important}.border-blue-800{border-color:var(--blue-800) !important}.border-blue-900{border-color:var(--blue-900) !important}.focus\:border-blue-50:focus{border-color:var(--blue-50) !important}.focus\:border-blue-100:focus{border-color:var(--blue-100) !important}.focus\:border-blue-200:focus{border-color:var(--blue-200) !important}.focus\:border-blue-300:focus{border-color:var(--blue-300) !important}.focus\:border-blue-400:focus{border-color:var(--blue-400) !important}.focus\:border-blue-500:focus{border-color:var(--blue-500) !important}.focus\:border-blue-600:focus{border-color:var(--blue-600) !important}.focus\:border-blue-700:focus{border-color:var(--blue-700) !important}.focus\:border-blue-800:focus{border-color:var(--blue-800) !important}.focus\:border-blue-900:focus{border-color:var(--blue-900) !important}.hover\:border-blue-50:hover{border-color:var(--blue-50) !important}.hover\:border-blue-100:hover{border-color:var(--blue-100) !important}.hover\:border-blue-200:hover{border-color:var(--blue-200) !important}.hover\:border-blue-300:hover{border-color:var(--blue-300) !important}.hover\:border-blue-400:hover{border-color:var(--blue-400) !important}.hover\:border-blue-500:hover{border-color:var(--blue-500) !important}.hover\:border-blue-600:hover{border-color:var(--blue-600) !important}.hover\:border-blue-700:hover{border-color:var(--blue-700) !important}.hover\:border-blue-800:hover{border-color:var(--blue-800) !important}.hover\:border-blue-900:hover{border-color:var(--blue-900) !important}.active\:border-blue-50:active{border-color:var(--blue-50) !important}.active\:border-blue-100:active{border-color:var(--blue-100) !important}.active\:border-blue-200:active{border-color:var(--blue-200) !important}.active\:border-blue-300:active{border-color:var(--blue-300) !important}.active\:border-blue-400:active{border-color:var(--blue-400) !important}.active\:border-blue-500:active{border-color:var(--blue-500) !important}.active\:border-blue-600:active{border-color:var(--blue-600) !important}.active\:border-blue-700:active{border-color:var(--blue-700) !important}.active\:border-blue-800:active{border-color:var(--blue-800) !important}.active\:border-blue-900:active{border-color:var(--blue-900) !important}.border-green-50{border-color:var(--green-50) !important}.border-green-100{border-color:var(--green-100) !important}.border-green-200{border-color:var(--green-200) !important}.border-green-300{border-color:var(--green-300) !important}.border-green-400{border-color:var(--green-400) !important}.border-green-500{border-color:var(--green-500) !important}.border-green-600{border-color:var(--green-600) !important}.border-green-700{border-color:var(--green-700) !important}.border-green-800{border-color:var(--green-800) !important}.border-green-900{border-color:var(--green-900) !important}.focus\:border-green-50:focus{border-color:var(--green-50) !important}.focus\:border-green-100:focus{border-color:var(--green-100) !important}.focus\:border-green-200:focus{border-color:var(--green-200) !important}.focus\:border-green-300:focus{border-color:var(--green-300) !important}.focus\:border-green-400:focus{border-color:var(--green-400) !important}.focus\:border-green-500:focus{border-color:var(--green-500) !important}.focus\:border-green-600:focus{border-color:var(--green-600) !important}.focus\:border-green-700:focus{border-color:var(--green-700) !important}.focus\:border-green-800:focus{border-color:var(--green-800) !important}.focus\:border-green-900:focus{border-color:var(--green-900) !important}.hover\:border-green-50:hover{border-color:var(--green-50) !important}.hover\:border-green-100:hover{border-color:var(--green-100) !important}.hover\:border-green-200:hover{border-color:var(--green-200) !important}.hover\:border-green-300:hover{border-color:var(--green-300) !important}.hover\:border-green-400:hover{border-color:var(--green-400) !important}.hover\:border-green-500:hover{border-color:var(--green-500) !important}.hover\:border-green-600:hover{border-color:var(--green-600) !important}.hover\:border-green-700:hover{border-color:var(--green-700) !important}.hover\:border-green-800:hover{border-color:var(--green-800) !important}.hover\:border-green-900:hover{border-color:var(--green-900) !important}.active\:border-green-50:active{border-color:var(--green-50) !important}.active\:border-green-100:active{border-color:var(--green-100) !important}.active\:border-green-200:active{border-color:var(--green-200) !important}.active\:border-green-300:active{border-color:var(--green-300) !important}.active\:border-green-400:active{border-color:var(--green-400) !important}.active\:border-green-500:active{border-color:var(--green-500) !important}.active\:border-green-600:active{border-color:var(--green-600) !important}.active\:border-green-700:active{border-color:var(--green-700) !important}.active\:border-green-800:active{border-color:var(--green-800) !important}.active\:border-green-900:active{border-color:var(--green-900) !important}.border-yellow-50{border-color:var(--yellow-50) !important}.border-yellow-100{border-color:var(--yellow-100) !important}.border-yellow-200{border-color:var(--yellow-200) !important}.border-yellow-300{border-color:var(--yellow-300) !important}.border-yellow-400{border-color:var(--yellow-400) !important}.border-yellow-500{border-color:var(--yellow-500) !important}.border-yellow-600{border-color:var(--yellow-600) !important}.border-yellow-700{border-color:var(--yellow-700) !important}.border-yellow-800{border-color:var(--yellow-800) !important}.border-yellow-900{border-color:var(--yellow-900) !important}.focus\:border-yellow-50:focus{border-color:var(--yellow-50) !important}.focus\:border-yellow-100:focus{border-color:var(--yellow-100) !important}.focus\:border-yellow-200:focus{border-color:var(--yellow-200) !important}.focus\:border-yellow-300:focus{border-color:var(--yellow-300) !important}.focus\:border-yellow-400:focus{border-color:var(--yellow-400) !important}.focus\:border-yellow-500:focus{border-color:var(--yellow-500) !important}.focus\:border-yellow-600:focus{border-color:var(--yellow-600) !important}.focus\:border-yellow-700:focus{border-color:var(--yellow-700) !important}.focus\:border-yellow-800:focus{border-color:var(--yellow-800) !important}.focus\:border-yellow-900:focus{border-color:var(--yellow-900) !important}.hover\:border-yellow-50:hover{border-color:var(--yellow-50) !important}.hover\:border-yellow-100:hover{border-color:var(--yellow-100) !important}.hover\:border-yellow-200:hover{border-color:var(--yellow-200) !important}.hover\:border-yellow-300:hover{border-color:var(--yellow-300) !important}.hover\:border-yellow-400:hover{border-color:var(--yellow-400) !important}.hover\:border-yellow-500:hover{border-color:var(--yellow-500) !important}.hover\:border-yellow-600:hover{border-color:var(--yellow-600) !important}.hover\:border-yellow-700:hover{border-color:var(--yellow-700) !important}.hover\:border-yellow-800:hover{border-color:var(--yellow-800) !important}.hover\:border-yellow-900:hover{border-color:var(--yellow-900) !important}.active\:border-yellow-50:active{border-color:var(--yellow-50) !important}.active\:border-yellow-100:active{border-color:var(--yellow-100) !important}.active\:border-yellow-200:active{border-color:var(--yellow-200) !important}.active\:border-yellow-300:active{border-color:var(--yellow-300) !important}.active\:border-yellow-400:active{border-color:var(--yellow-400) !important}.active\:border-yellow-500:active{border-color:var(--yellow-500) !important}.active\:border-yellow-600:active{border-color:var(--yellow-600) !important}.active\:border-yellow-700:active{border-color:var(--yellow-700) !important}.active\:border-yellow-800:active{border-color:var(--yellow-800) !important}.active\:border-yellow-900:active{border-color:var(--yellow-900) !important}.border-cyan-50{border-color:var(--cyan-50) !important}.border-cyan-100{border-color:var(--cyan-100) !important}.border-cyan-200{border-color:var(--cyan-200) !important}.border-cyan-300{border-color:var(--cyan-300) !important}.border-cyan-400{border-color:var(--cyan-400) !important}.border-cyan-500{border-color:var(--cyan-500) !important}.border-cyan-600{border-color:var(--cyan-600) !important}.border-cyan-700{border-color:var(--cyan-700) !important}.border-cyan-800{border-color:var(--cyan-800) !important}.border-cyan-900{border-color:var(--cyan-900) !important}.focus\:border-cyan-50:focus{border-color:var(--cyan-50) !important}.focus\:border-cyan-100:focus{border-color:var(--cyan-100) !important}.focus\:border-cyan-200:focus{border-color:var(--cyan-200) !important}.focus\:border-cyan-300:focus{border-color:var(--cyan-300) !important}.focus\:border-cyan-400:focus{border-color:var(--cyan-400) !important}.focus\:border-cyan-500:focus{border-color:var(--cyan-500) !important}.focus\:border-cyan-600:focus{border-color:var(--cyan-600) !important}.focus\:border-cyan-700:focus{border-color:var(--cyan-700) !important}.focus\:border-cyan-800:focus{border-color:var(--cyan-800) !important}.focus\:border-cyan-900:focus{border-color:var(--cyan-900) !important}.hover\:border-cyan-50:hover{border-color:var(--cyan-50) !important}.hover\:border-cyan-100:hover{border-color:var(--cyan-100) !important}.hover\:border-cyan-200:hover{border-color:var(--cyan-200) !important}.hover\:border-cyan-300:hover{border-color:var(--cyan-300) !important}.hover\:border-cyan-400:hover{border-color:var(--cyan-400) !important}.hover\:border-cyan-500:hover{border-color:var(--cyan-500) !important}.hover\:border-cyan-600:hover{border-color:var(--cyan-600) !important}.hover\:border-cyan-700:hover{border-color:var(--cyan-700) !important}.hover\:border-cyan-800:hover{border-color:var(--cyan-800) !important}.hover\:border-cyan-900:hover{border-color:var(--cyan-900) !important}.active\:border-cyan-50:active{border-color:var(--cyan-50) !important}.active\:border-cyan-100:active{border-color:var(--cyan-100) !important}.active\:border-cyan-200:active{border-color:var(--cyan-200) !important}.active\:border-cyan-300:active{border-color:var(--cyan-300) !important}.active\:border-cyan-400:active{border-color:var(--cyan-400) !important}.active\:border-cyan-500:active{border-color:var(--cyan-500) !important}.active\:border-cyan-600:active{border-color:var(--cyan-600) !important}.active\:border-cyan-700:active{border-color:var(--cyan-700) !important}.active\:border-cyan-800:active{border-color:var(--cyan-800) !important}.active\:border-cyan-900:active{border-color:var(--cyan-900) !important}.border-pink-50{border-color:var(--pink-50) !important}.border-pink-100{border-color:var(--pink-100) !important}.border-pink-200{border-color:var(--pink-200) !important}.border-pink-300{border-color:var(--pink-300) !important}.border-pink-400{border-color:var(--pink-400) !important}.border-pink-500{border-color:var(--pink-500) !important}.border-pink-600{border-color:var(--pink-600) !important}.border-pink-700{border-color:var(--pink-700) !important}.border-pink-800{border-color:var(--pink-800) !important}.border-pink-900{border-color:var(--pink-900) !important}.focus\:border-pink-50:focus{border-color:var(--pink-50) !important}.focus\:border-pink-100:focus{border-color:var(--pink-100) !important}.focus\:border-pink-200:focus{border-color:var(--pink-200) !important}.focus\:border-pink-300:focus{border-color:var(--pink-300) !important}.focus\:border-pink-400:focus{border-color:var(--pink-400) !important}.focus\:border-pink-500:focus{border-color:var(--pink-500) !important}.focus\:border-pink-600:focus{border-color:var(--pink-600) !important}.focus\:border-pink-700:focus{border-color:var(--pink-700) !important}.focus\:border-pink-800:focus{border-color:var(--pink-800) !important}.focus\:border-pink-900:focus{border-color:var(--pink-900) !important}.hover\:border-pink-50:hover{border-color:var(--pink-50) !important}.hover\:border-pink-100:hover{border-color:var(--pink-100) !important}.hover\:border-pink-200:hover{border-color:var(--pink-200) !important}.hover\:border-pink-300:hover{border-color:var(--pink-300) !important}.hover\:border-pink-400:hover{border-color:var(--pink-400) !important}.hover\:border-pink-500:hover{border-color:var(--pink-500) !important}.hover\:border-pink-600:hover{border-color:var(--pink-600) !important}.hover\:border-pink-700:hover{border-color:var(--pink-700) !important}.hover\:border-pink-800:hover{border-color:var(--pink-800) !important}.hover\:border-pink-900:hover{border-color:var(--pink-900) !important}.active\:border-pink-50:active{border-color:var(--pink-50) !important}.active\:border-pink-100:active{border-color:var(--pink-100) !important}.active\:border-pink-200:active{border-color:var(--pink-200) !important}.active\:border-pink-300:active{border-color:var(--pink-300) !important}.active\:border-pink-400:active{border-color:var(--pink-400) !important}.active\:border-pink-500:active{border-color:var(--pink-500) !important}.active\:border-pink-600:active{border-color:var(--pink-600) !important}.active\:border-pink-700:active{border-color:var(--pink-700) !important}.active\:border-pink-800:active{border-color:var(--pink-800) !important}.active\:border-pink-900:active{border-color:var(--pink-900) !important}.border-indigo-50{border-color:var(--indigo-50) !important}.border-indigo-100{border-color:var(--indigo-100) !important}.border-indigo-200{border-color:var(--indigo-200) !important}.border-indigo-300{border-color:var(--indigo-300) !important}.border-indigo-400{border-color:var(--indigo-400) !important}.border-indigo-500{border-color:var(--indigo-500) !important}.border-indigo-600{border-color:var(--indigo-600) !important}.border-indigo-700{border-color:var(--indigo-700) !important}.border-indigo-800{border-color:var(--indigo-800) !important}.border-indigo-900{border-color:var(--indigo-900) !important}.focus\:border-indigo-50:focus{border-color:var(--indigo-50) !important}.focus\:border-indigo-100:focus{border-color:var(--indigo-100) !important}.focus\:border-indigo-200:focus{border-color:var(--indigo-200) !important}.focus\:border-indigo-300:focus{border-color:var(--indigo-300) !important}.focus\:border-indigo-400:focus{border-color:var(--indigo-400) !important}.focus\:border-indigo-500:focus{border-color:var(--indigo-500) !important}.focus\:border-indigo-600:focus{border-color:var(--indigo-600) !important}.focus\:border-indigo-700:focus{border-color:var(--indigo-700) !important}.focus\:border-indigo-800:focus{border-color:var(--indigo-800) !important}.focus\:border-indigo-900:focus{border-color:var(--indigo-900) !important}.hover\:border-indigo-50:hover{border-color:var(--indigo-50) !important}.hover\:border-indigo-100:hover{border-color:var(--indigo-100) !important}.hover\:border-indigo-200:hover{border-color:var(--indigo-200) !important}.hover\:border-indigo-300:hover{border-color:var(--indigo-300) !important}.hover\:border-indigo-400:hover{border-color:var(--indigo-400) !important}.hover\:border-indigo-500:hover{border-color:var(--indigo-500) !important}.hover\:border-indigo-600:hover{border-color:var(--indigo-600) !important}.hover\:border-indigo-700:hover{border-color:var(--indigo-700) !important}.hover\:border-indigo-800:hover{border-color:var(--indigo-800) !important}.hover\:border-indigo-900:hover{border-color:var(--indigo-900) !important}.active\:border-indigo-50:active{border-color:var(--indigo-50) !important}.active\:border-indigo-100:active{border-color:var(--indigo-100) !important}.active\:border-indigo-200:active{border-color:var(--indigo-200) !important}.active\:border-indigo-300:active{border-color:var(--indigo-300) !important}.active\:border-indigo-400:active{border-color:var(--indigo-400) !important}.active\:border-indigo-500:active{border-color:var(--indigo-500) !important}.active\:border-indigo-600:active{border-color:var(--indigo-600) !important}.active\:border-indigo-700:active{border-color:var(--indigo-700) !important}.active\:border-indigo-800:active{border-color:var(--indigo-800) !important}.active\:border-indigo-900:active{border-color:var(--indigo-900) !important}.border-teal-50{border-color:var(--teal-50) !important}.border-teal-100{border-color:var(--teal-100) !important}.border-teal-200{border-color:var(--teal-200) !important}.border-teal-300{border-color:var(--teal-300) !important}.border-teal-400{border-color:var(--teal-400) !important}.border-teal-500{border-color:var(--teal-500) !important}.border-teal-600{border-color:var(--teal-600) !important}.border-teal-700{border-color:var(--teal-700) !important}.border-teal-800{border-color:var(--teal-800) !important}.border-teal-900{border-color:var(--teal-900) !important}.focus\:border-teal-50:focus{border-color:var(--teal-50) !important}.focus\:border-teal-100:focus{border-color:var(--teal-100) !important}.focus\:border-teal-200:focus{border-color:var(--teal-200) !important}.focus\:border-teal-300:focus{border-color:var(--teal-300) !important}.focus\:border-teal-400:focus{border-color:var(--teal-400) !important}.focus\:border-teal-500:focus{border-color:var(--teal-500) !important}.focus\:border-teal-600:focus{border-color:var(--teal-600) !important}.focus\:border-teal-700:focus{border-color:var(--teal-700) !important}.focus\:border-teal-800:focus{border-color:var(--teal-800) !important}.focus\:border-teal-900:focus{border-color:var(--teal-900) !important}.hover\:border-teal-50:hover{border-color:var(--teal-50) !important}.hover\:border-teal-100:hover{border-color:var(--teal-100) !important}.hover\:border-teal-200:hover{border-color:var(--teal-200) !important}.hover\:border-teal-300:hover{border-color:var(--teal-300) !important}.hover\:border-teal-400:hover{border-color:var(--teal-400) !important}.hover\:border-teal-500:hover{border-color:var(--teal-500) !important}.hover\:border-teal-600:hover{border-color:var(--teal-600) !important}.hover\:border-teal-700:hover{border-color:var(--teal-700) !important}.hover\:border-teal-800:hover{border-color:var(--teal-800) !important}.hover\:border-teal-900:hover{border-color:var(--teal-900) !important}.active\:border-teal-50:active{border-color:var(--teal-50) !important}.active\:border-teal-100:active{border-color:var(--teal-100) !important}.active\:border-teal-200:active{border-color:var(--teal-200) !important}.active\:border-teal-300:active{border-color:var(--teal-300) !important}.active\:border-teal-400:active{border-color:var(--teal-400) !important}.active\:border-teal-500:active{border-color:var(--teal-500) !important}.active\:border-teal-600:active{border-color:var(--teal-600) !important}.active\:border-teal-700:active{border-color:var(--teal-700) !important}.active\:border-teal-800:active{border-color:var(--teal-800) !important}.active\:border-teal-900:active{border-color:var(--teal-900) !important}.border-orange-50{border-color:var(--orange-50) !important}.border-orange-100{border-color:var(--orange-100) !important}.border-orange-200{border-color:var(--orange-200) !important}.border-orange-300{border-color:var(--orange-300) !important}.border-orange-400{border-color:var(--orange-400) !important}.border-orange-500{border-color:var(--orange-500) !important}.border-orange-600{border-color:var(--orange-600) !important}.border-orange-700{border-color:var(--orange-700) !important}.border-orange-800{border-color:var(--orange-800) !important}.border-orange-900{border-color:var(--orange-900) !important}.focus\:border-orange-50:focus{border-color:var(--orange-50) !important}.focus\:border-orange-100:focus{border-color:var(--orange-100) !important}.focus\:border-orange-200:focus{border-color:var(--orange-200) !important}.focus\:border-orange-300:focus{border-color:var(--orange-300) !important}.focus\:border-orange-400:focus{border-color:var(--orange-400) !important}.focus\:border-orange-500:focus{border-color:var(--orange-500) !important}.focus\:border-orange-600:focus{border-color:var(--orange-600) !important}.focus\:border-orange-700:focus{border-color:var(--orange-700) !important}.focus\:border-orange-800:focus{border-color:var(--orange-800) !important}.focus\:border-orange-900:focus{border-color:var(--orange-900) !important}.hover\:border-orange-50:hover{border-color:var(--orange-50) !important}.hover\:border-orange-100:hover{border-color:var(--orange-100) !important}.hover\:border-orange-200:hover{border-color:var(--orange-200) !important}.hover\:border-orange-300:hover{border-color:var(--orange-300) !important}.hover\:border-orange-400:hover{border-color:var(--orange-400) !important}.hover\:border-orange-500:hover{border-color:var(--orange-500) !important}.hover\:border-orange-600:hover{border-color:var(--orange-600) !important}.hover\:border-orange-700:hover{border-color:var(--orange-700) !important}.hover\:border-orange-800:hover{border-color:var(--orange-800) !important}.hover\:border-orange-900:hover{border-color:var(--orange-900) !important}.active\:border-orange-50:active{border-color:var(--orange-50) !important}.active\:border-orange-100:active{border-color:var(--orange-100) !important}.active\:border-orange-200:active{border-color:var(--orange-200) !important}.active\:border-orange-300:active{border-color:var(--orange-300) !important}.active\:border-orange-400:active{border-color:var(--orange-400) !important}.active\:border-orange-500:active{border-color:var(--orange-500) !important}.active\:border-orange-600:active{border-color:var(--orange-600) !important}.active\:border-orange-700:active{border-color:var(--orange-700) !important}.active\:border-orange-800:active{border-color:var(--orange-800) !important}.active\:border-orange-900:active{border-color:var(--orange-900) !important}.border-bluegray-50{border-color:var(--bluegray-50) !important}.border-bluegray-100{border-color:var(--bluegray-100) !important}.border-bluegray-200{border-color:var(--bluegray-200) !important}.border-bluegray-300{border-color:var(--bluegray-300) !important}.border-bluegray-400{border-color:var(--bluegray-400) !important}.border-bluegray-500{border-color:var(--bluegray-500) !important}.border-bluegray-600{border-color:var(--bluegray-600) !important}.border-bluegray-700{border-color:var(--bluegray-700) !important}.border-bluegray-800{border-color:var(--bluegray-800) !important}.border-bluegray-900{border-color:var(--bluegray-900) !important}.focus\:border-bluegray-50:focus{border-color:var(--bluegray-50) !important}.focus\:border-bluegray-100:focus{border-color:var(--bluegray-100) !important}.focus\:border-bluegray-200:focus{border-color:var(--bluegray-200) !important}.focus\:border-bluegray-300:focus{border-color:var(--bluegray-300) !important}.focus\:border-bluegray-400:focus{border-color:var(--bluegray-400) !important}.focus\:border-bluegray-500:focus{border-color:var(--bluegray-500) !important}.focus\:border-bluegray-600:focus{border-color:var(--bluegray-600) !important}.focus\:border-bluegray-700:focus{border-color:var(--bluegray-700) !important}.focus\:border-bluegray-800:focus{border-color:var(--bluegray-800) !important}.focus\:border-bluegray-900:focus{border-color:var(--bluegray-900) !important}.hover\:border-bluegray-50:hover{border-color:var(--bluegray-50) !important}.hover\:border-bluegray-100:hover{border-color:var(--bluegray-100) !important}.hover\:border-bluegray-200:hover{border-color:var(--bluegray-200) !important}.hover\:border-bluegray-300:hover{border-color:var(--bluegray-300) !important}.hover\:border-bluegray-400:hover{border-color:var(--bluegray-400) !important}.hover\:border-bluegray-500:hover{border-color:var(--bluegray-500) !important}.hover\:border-bluegray-600:hover{border-color:var(--bluegray-600) !important}.hover\:border-bluegray-700:hover{border-color:var(--bluegray-700) !important}.hover\:border-bluegray-800:hover{border-color:var(--bluegray-800) !important}.hover\:border-bluegray-900:hover{border-color:var(--bluegray-900) !important}.active\:border-bluegray-50:active{border-color:var(--bluegray-50) !important}.active\:border-bluegray-100:active{border-color:var(--bluegray-100) !important}.active\:border-bluegray-200:active{border-color:var(--bluegray-200) !important}.active\:border-bluegray-300:active{border-color:var(--bluegray-300) !important}.active\:border-bluegray-400:active{border-color:var(--bluegray-400) !important}.active\:border-bluegray-500:active{border-color:var(--bluegray-500) !important}.active\:border-bluegray-600:active{border-color:var(--bluegray-600) !important}.active\:border-bluegray-700:active{border-color:var(--bluegray-700) !important}.active\:border-bluegray-800:active{border-color:var(--bluegray-800) !important}.active\:border-bluegray-900:active{border-color:var(--bluegray-900) !important}.border-purple-50{border-color:var(--purple-50) !important}.border-purple-100{border-color:var(--purple-100) !important}.border-purple-200{border-color:var(--purple-200) !important}.border-purple-300{border-color:var(--purple-300) !important}.border-purple-400{border-color:var(--purple-400) !important}.border-purple-500{border-color:var(--purple-500) !important}.border-purple-600{border-color:var(--purple-600) !important}.border-purple-700{border-color:var(--purple-700) !important}.border-purple-800{border-color:var(--purple-800) !important}.border-purple-900{border-color:var(--purple-900) !important}.focus\:border-purple-50:focus{border-color:var(--purple-50) !important}.focus\:border-purple-100:focus{border-color:var(--purple-100) !important}.focus\:border-purple-200:focus{border-color:var(--purple-200) !important}.focus\:border-purple-300:focus{border-color:var(--purple-300) !important}.focus\:border-purple-400:focus{border-color:var(--purple-400) !important}.focus\:border-purple-500:focus{border-color:var(--purple-500) !important}.focus\:border-purple-600:focus{border-color:var(--purple-600) !important}.focus\:border-purple-700:focus{border-color:var(--purple-700) !important}.focus\:border-purple-800:focus{border-color:var(--purple-800) !important}.focus\:border-purple-900:focus{border-color:var(--purple-900) !important}.hover\:border-purple-50:hover{border-color:var(--purple-50) !important}.hover\:border-purple-100:hover{border-color:var(--purple-100) !important}.hover\:border-purple-200:hover{border-color:var(--purple-200) !important}.hover\:border-purple-300:hover{border-color:var(--purple-300) !important}.hover\:border-purple-400:hover{border-color:var(--purple-400) !important}.hover\:border-purple-500:hover{border-color:var(--purple-500) !important}.hover\:border-purple-600:hover{border-color:var(--purple-600) !important}.hover\:border-purple-700:hover{border-color:var(--purple-700) !important}.hover\:border-purple-800:hover{border-color:var(--purple-800) !important}.hover\:border-purple-900:hover{border-color:var(--purple-900) !important}.active\:border-purple-50:active{border-color:var(--purple-50) !important}.active\:border-purple-100:active{border-color:var(--purple-100) !important}.active\:border-purple-200:active{border-color:var(--purple-200) !important}.active\:border-purple-300:active{border-color:var(--purple-300) !important}.active\:border-purple-400:active{border-color:var(--purple-400) !important}.active\:border-purple-500:active{border-color:var(--purple-500) !important}.active\:border-purple-600:active{border-color:var(--purple-600) !important}.active\:border-purple-700:active{border-color:var(--purple-700) !important}.active\:border-purple-800:active{border-color:var(--purple-800) !important}.active\:border-purple-900:active{border-color:var(--purple-900) !important}.border-gray-50{border-color:var(--gray-50) !important}.border-gray-100{border-color:var(--gray-100) !important}.border-gray-200{border-color:var(--gray-200) !important}.border-gray-300{border-color:var(--gray-300) !important}.border-gray-400{border-color:var(--gray-400) !important}.border-gray-500{border-color:var(--gray-500) !important}.border-gray-600{border-color:var(--gray-600) !important}.border-gray-700{border-color:var(--gray-700) !important}.border-gray-800{border-color:var(--gray-800) !important}.border-gray-900{border-color:var(--gray-900) !important}.focus\:border-gray-50:focus{border-color:var(--gray-50) !important}.focus\:border-gray-100:focus{border-color:var(--gray-100) !important}.focus\:border-gray-200:focus{border-color:var(--gray-200) !important}.focus\:border-gray-300:focus{border-color:var(--gray-300) !important}.focus\:border-gray-400:focus{border-color:var(--gray-400) !important}.focus\:border-gray-500:focus{border-color:var(--gray-500) !important}.focus\:border-gray-600:focus{border-color:var(--gray-600) !important}.focus\:border-gray-700:focus{border-color:var(--gray-700) !important}.focus\:border-gray-800:focus{border-color:var(--gray-800) !important}.focus\:border-gray-900:focus{border-color:var(--gray-900) !important}.hover\:border-gray-50:hover{border-color:var(--gray-50) !important}.hover\:border-gray-100:hover{border-color:var(--gray-100) !important}.hover\:border-gray-200:hover{border-color:var(--gray-200) !important}.hover\:border-gray-300:hover{border-color:var(--gray-300) !important}.hover\:border-gray-400:hover{border-color:var(--gray-400) !important}.hover\:border-gray-500:hover{border-color:var(--gray-500) !important}.hover\:border-gray-600:hover{border-color:var(--gray-600) !important}.hover\:border-gray-700:hover{border-color:var(--gray-700) !important}.hover\:border-gray-800:hover{border-color:var(--gray-800) !important}.hover\:border-gray-900:hover{border-color:var(--gray-900) !important}.active\:border-gray-50:active{border-color:var(--gray-50) !important}.active\:border-gray-100:active{border-color:var(--gray-100) !important}.active\:border-gray-200:active{border-color:var(--gray-200) !important}.active\:border-gray-300:active{border-color:var(--gray-300) !important}.active\:border-gray-400:active{border-color:var(--gray-400) !important}.active\:border-gray-500:active{border-color:var(--gray-500) !important}.active\:border-gray-600:active{border-color:var(--gray-600) !important}.active\:border-gray-700:active{border-color:var(--gray-700) !important}.active\:border-gray-800:active{border-color:var(--gray-800) !important}.active\:border-gray-900:active{border-color:var(--gray-900) !important}.text-primary{color:var(--primary-color) !important}.hover\:text-primary:hover{color:var(--primary-color) !important}.bg-primary{background-color:var(--primary-color) !important;color:var(--primary-color-text) !important}.hover\:bg-primary:hover{background-color:var(--primary-color) !important;color:var(--primary-color-text) !important}.border-primary{border-color:var(--primary-color) !important}.hover\:border-primary:hover{border-color:var(--primary-color) !important}.bg-primary-reverse{background-color:var(--primary-color-text) !important;color:var(--primary-color) !important}.hover\:bg-primary-reverse:hover{background-color:var(--primary-color-text) !important;color:var(--primary-color) !important}.text-white{color:#fff !important}.hover\:text-white:hover{color:#fff !important}.bg-white{background-color:#fff !important}.hover\:bg-white:hover{background-color:#fff !important}.border-white{border-color:#fff !important}.hover\:border-white:hover{border-color:#fff !important}.surface-ground{background-color:var(--surface-ground)}.surface-section{background-color:var(--surface-section)}.surface-card{background-color:var(--surface-card)}.surface-overlay{background-color:var(--surface-overlay)}.surface-border{border-color:var(--surface-border)}.field{margin-bottom:1rem}.field>label{display:inline-block;margin-bottom:.5rem}.field.grid>label{display:flex;align-items:center}.field>small{margin-top:.25rem}.field.grid,.formgrid.grid{margin-top:0}.field.grid .col-fixed,.formgrid.grid .col-fixed,.field.grid .col,.formgrid.grid .col,.field.grid .col-1,.formgrid.grid .col-1,.field.grid .col-2,.formgrid.grid .col-2,.field.grid .col-3,.formgrid.grid .col-3,.field.grid .col-4,.formgrid.grid .col-4,.field.grid .col-5,.formgrid.grid .col-5,.field.grid .col-6,.formgrid.grid .col-6,.field.grid .col-7,.formgrid.grid .col-7,.field.grid .col-8,.formgrid.grid .col-8,.field.grid .col-9,.formgrid.grid .col-9,.field.grid .col-10,.formgrid.grid .col-10,.field.grid .col-11,.formgrid.grid .col-11,.field.grid .col-12,.formgrid.grid .col-12{padding-top:0;padding-bottom:0}.formgroup-inline{display:flex;flex-wrap:wrap;align-items:flex-start}.formgroup-inline .field,.formgroup-inline .field-checkbox,.formgroup-inline .field-radiobutton{margin-right:1rem}.formgroup-inline .field>label,.formgroup-inline .field-checkbox>label,.formgroup-inline .field-radiobutton>label{margin-right:.5rem;margin-bottom:0}.field-checkbox,.field-radiobutton{margin-bottom:1rem;display:flex;align-items:center}.field-checkbox>label,.field-radiobutton>label{margin-left:.5rem;line-height:1}.hidden{display:none !important}.block{display:block !important}.inline{display:inline !important}.inline-block{display:inline-block !important}.flex{display:flex !important}.inline-flex{display:inline-flex !important}@media screen and (min-width: 576px){.sm\:hidden{display:none !important}.sm\:block{display:block !important}.sm\:inline{display:inline !important}.sm\:inline-block{display:inline-block !important}.sm\:flex{display:flex !important}.sm\:inline-flex{display:inline-flex !important}}@media screen and (min-width: 768px){.md\:hidden{display:none !important}.md\:block{display:block !important}.md\:inline{display:inline !important}.md\:inline-block{display:inline-block !important}.md\:flex{display:flex !important}.md\:inline-flex{display:inline-flex !important}}@media screen and (min-width: 992px){.lg\:hidden{display:none !important}.lg\:block{display:block !important}.lg\:inline{display:inline !important}.lg\:inline-block{display:inline-block !important}.lg\:flex{display:flex !important}.lg\:inline-flex{display:inline-flex !important}}@media screen and (min-width: 1200px){.xl\:hidden{display:none !important}.xl\:block{display:block !important}.xl\:inline{display:inline !important}.xl\:inline-block{display:inline-block !important}.xl\:flex{display:flex !important}.xl\:inline-flex{display:inline-flex !important}}.text-center{text-align:center !important}.text-justify{text-align:justify !important}.text-left{text-align:left !important}.text-right{text-align:right !important}@media screen and (min-width: 576px){.sm\:text-center{text-align:center !important}.sm\:text-justify{text-align:justify !important}.sm\:text-left{text-align:left !important}.sm\:text-right{text-align:right !important}}@media screen and (min-width: 768px){.md\:text-center{text-align:center !important}.md\:text-justify{text-align:justify !important}.md\:text-left{text-align:left !important}.md\:text-right{text-align:right !important}}@media screen and (min-width: 992px){.lg\:text-center{text-align:center !important}.lg\:text-justify{text-align:justify !important}.lg\:text-left{text-align:left !important}.lg\:text-right{text-align:right !important}}@media screen and (min-width: 1200px){.xl\:text-center{text-align:center !important}.xl\:text-justify{text-align:justify !important}.xl\:text-left{text-align:left !important}.xl\:text-right{text-align:right !important}}.underline{text-decoration:underline !important}.line-through{text-decoration:line-through !important}.no-underline{text-decoration:none !important}.lowercase{text-transform:lowercase !important}.uppercase{text-transform:uppercase !important}.capitalize{text-transform:capitalize !important}.font-light{font-weight:300 !important}.font-normal{font-weight:400 !important}.font-medium{font-weight:500 !important}.font-semibold{font-weight:600 !important}.font-bold{font-weight:700 !important}@media screen and (min-width: 576px){.sm\:font-light{font-weight:300 !important}.sm\:font-normal{font-weight:400 !important}.sm\:font-medium{font-weight:500 !important}.sm\:font-semibold{font-weight:600 !important}.sm\:font-bold{font-weight:700 !important}}@media screen and (min-width: 768px){.md\:font-light{font-weight:300 !important}.md\:font-normal{font-weight:400 !important}.md\:font-medium{font-weight:500 !important}.md\:font-semibold{font-weight:600 !important}.md\:font-bold{font-weight:700 !important}}@media screen and (min-width: 992px){.lg\:font-light{font-weight:300 !important}.lg\:font-normal{font-weight:400 !important}.lg\:font-medium{font-weight:500 !important}.lg\:font-semibold{font-weight:600 !important}.lg\:font-bold{font-weight:700 !important}}@media screen and (min-width: 1200px){.xl\:font-light{font-weight:300 !important}.xl\:font-normal{font-weight:400 !important}.xl\:font-medium{font-weight:500 !important}.xl\:font-semibold{font-weight:600 !important}.xl\:font-bold{font-weight:700 !important}}.font-italic{font-style:italic !important}.text-xs{font-size:0.75rem !important}.text-sm{font-size:0.875rem !important}.text-base{font-size:1rem !important}.text-lg{font-size:1.125rem !important}.text-xl{font-size:1.25rem !important}.text-2xl{font-size:1.5rem !important}.text-3xl{font-size:1.75rem !important}.text-4xl{font-size:2rem !important}.text-5xl{font-size:2.5rem !important}.text-6xl{font-size:3rem !important}.text-7xl{font-size:4rem !important}.text-8xl{font-size:6rem !important}@media screen and (min-width: 576px){.sm\:text-xs{font-size:0.75rem !important}.sm\:text-sm{font-size:0.875rem !important}.sm\:text-base{font-size:1rem !important}.sm\:text-lg{font-size:1.125rem !important}.sm\:text-xl{font-size:1.25rem !important}.sm\:text-2xl{font-size:1.5rem !important}.sm\:text-3xl{font-size:1.75rem !important}.sm\:text-4xl{font-size:2rem !important}.sm\:text-5xl{font-size:2.5rem !important}.sm\:text-6xl{font-size:3rem !important}.sm\:text-7xl{font-size:4rem !important}.sm\:text-8xl{font-size:6rem !important}}@media screen and (min-width: 768px){.md\:text-xs{font-size:0.75rem !important}.md\:text-sm{font-size:0.875rem !important}.md\:text-base{font-size:1rem !important}.md\:text-lg{font-size:1.125rem !important}.md\:text-xl{font-size:1.25rem !important}.md\:text-2xl{font-size:1.5rem !important}.md\:text-3xl{font-size:1.75rem !important}.md\:text-4xl{font-size:2rem !important}.md\:text-5xl{font-size:2.5rem !important}.md\:text-6xl{font-size:3rem !important}.md\:text-7xl{font-size:4rem !important}.md\:text-8xl{font-size:6rem !important}}@media screen and (min-width: 992px){.lg\:text-xs{font-size:0.75rem !important}.lg\:text-sm{font-size:0.875rem !important}.lg\:text-base{font-size:1rem !important}.lg\:text-lg{font-size:1.125rem !important}.lg\:text-xl{font-size:1.25rem !important}.lg\:text-2xl{font-size:1.5rem !important}.lg\:text-3xl{font-size:1.75rem !important}.lg\:text-4xl{font-size:2rem !important}.lg\:text-5xl{font-size:2.5rem !important}.lg\:text-6xl{font-size:3rem !important}.lg\:text-7xl{font-size:4rem !important}.lg\:text-8xl{font-size:6rem !important}}@media screen and (min-width: 1200px){.xl\:text-xs{font-size:0.75rem !important}.xl\:text-sm{font-size:0.875rem !important}.xl\:text-base{font-size:1rem !important}.xl\:text-lg{font-size:1.125rem !important}.xl\:text-xl{font-size:1.25rem !important}.xl\:text-2xl{font-size:1.5rem !important}.xl\:text-3xl{font-size:1.75rem !important}.xl\:text-4xl{font-size:2rem !important}.xl\:text-5xl{font-size:2.5rem !important}.xl\:text-6xl{font-size:3rem !important}.xl\:text-7xl{font-size:4rem !important}.xl\:text-8xl{font-size:6rem !important}}.line-height-1{line-height:1 !important}.line-height-2{line-height:1.25 !important}.line-height-3{line-height:1.5 !important}.line-height-4{line-height:2 !important}.white-space-normal{white-space:normal !important}.white-space-nowrap{white-space:nowrap !important}.flex-row{flex-direction:row !important}.flex-row-reverse{flex-direction:row-reverse !important}.flex-column{flex-direction:column !important}.flex-column-reverse{flex-direction:column-reverse !important}@media screen and (min-width: 576px){.sm\:flex-row{flex-direction:row !important}.sm\:flex-row-reverse{flex-direction:row-reverse !important}.sm\:flex-column{flex-direction:column !important}.sm\:flex-column-reverse{flex-direction:column-reverse !important}}@media screen and (min-width: 768px){.md\:flex-row{flex-direction:row !important}.md\:flex-row-reverse{flex-direction:row-reverse !important}.md\:flex-column{flex-direction:column !important}.md\:flex-column-reverse{flex-direction:column-reverse !important}}@media screen and (min-width: 992px){.lg\:flex-row{flex-direction:row !important}.lg\:flex-row-reverse{flex-direction:row-reverse !important}.lg\:flex-column{flex-direction:column !important}.lg\:flex-column-reverse{flex-direction:column-reverse !important}}@media screen and (min-width: 1200px){.xl\:flex-row{flex-direction:row !important}.xl\:flex-row-reverse{flex-direction:row-reverse !important}.xl\:flex-column{flex-direction:column !important}.xl\:flex-column-reverse{flex-direction:column-reverse !important}}.flex-wrap{flex-wrap:wrap !important}.flex-wrap-reverse{flex-wrap:wrap-reverse !important}.flex-nowrap{flex-wrap:nowrap !important}@media screen and (min-width: 576px){.sm\:flex-wrap{flex-wrap:wrap !important}.sm\:flex-wrap-reverse{flex-wrap:wrap-reverse !important}.sm\:flex-nowrap{flex-wrap:nowrap !important}}@media screen and (min-width: 768px){.md\:flex-wrap{flex-wrap:wrap !important}.md\:flex-wrap-reverse{flex-wrap:wrap-reverse !important}.md\:flex-nowrap{flex-wrap:nowrap !important}}@media screen and (min-width: 992px){.lg\:flex-wrap{flex-wrap:wrap !important}.lg\:flex-wrap-reverse{flex-wrap:wrap-reverse !important}.lg\:flex-nowrap{flex-wrap:nowrap !important}}@media screen and (min-width: 1200px){.xl\:flex-wrap{flex-wrap:wrap !important}.xl\:flex-wrap-reverse{flex-wrap:wrap-reverse !important}.xl\:flex-nowrap{flex-wrap:nowrap !important}}.justify-content-start{justify-content:flex-start !important}.justify-content-end{justify-content:flex-end !important}.justify-content-center{justify-content:center !important}.justify-content-between{justify-content:space-between !important}.justify-content-around{justify-content:space-around !important}.justify-content-evenly{justify-content:space-evenly !important}@media screen and (min-width: 576px){.sm\:justify-content-start{justify-content:flex-start !important}.sm\:justify-content-end{justify-content:flex-end !important}.sm\:justify-content-center{justify-content:center !important}.sm\:justify-content-between{justify-content:space-between !important}.sm\:justify-content-around{justify-content:space-around !important}.sm\:justify-content-evenly{justify-content:space-evenly !important}}@media screen and (min-width: 768px){.md\:justify-content-start{justify-content:flex-start !important}.md\:justify-content-end{justify-content:flex-end !important}.md\:justify-content-center{justify-content:center !important}.md\:justify-content-between{justify-content:space-between !important}.md\:justify-content-around{justify-content:space-around !important}.md\:justify-content-evenly{justify-content:space-evenly !important}}@media screen and (min-width: 992px){.lg\:justify-content-start{justify-content:flex-start !important}.lg\:justify-content-end{justify-content:flex-end !important}.lg\:justify-content-center{justify-content:center !important}.lg\:justify-content-between{justify-content:space-between !important}.lg\:justify-content-around{justify-content:space-around !important}.lg\:justify-content-evenly{justify-content:space-evenly !important}}@media screen and (min-width: 1200px){.xl\:justify-content-start{justify-content:flex-start !important}.xl\:justify-content-end{justify-content:flex-end !important}.xl\:justify-content-center{justify-content:center !important}.xl\:justify-content-between{justify-content:space-between !important}.xl\:justify-content-around{justify-content:space-around !important}.xl\:justify-content-evenly{justify-content:space-evenly !important}}.align-content-start{align-content:flex-start !important}.align-content-end{align-content:flex-end !important}.align-content-center{align-content:center !important}.align-content-between{align-content:space-between !important}.align-content-around{align-content:space-around !important}.align-content-evenly{align-content:space-evenly !important}@media screen and (min-width: 576px){.sm\:align-content-start{align-content:flex-start !important}.sm\:align-content-end{align-content:flex-end !important}.sm\:align-content-center{align-content:center !important}.sm\:align-content-between{align-content:space-between !important}.sm\:align-content-around{align-content:space-around !important}.sm\:align-content-evenly{align-content:space-evenly !important}}@media screen and (min-width: 768px){.md\:align-content-start{align-content:flex-start !important}.md\:align-content-end{align-content:flex-end !important}.md\:align-content-center{align-content:center !important}.md\:align-content-between{align-content:space-between !important}.md\:align-content-around{align-content:space-around !important}.md\:align-content-evenly{align-content:space-evenly !important}}@media screen and (min-width: 992px){.lg\:align-content-start{align-content:flex-start !important}.lg\:align-content-end{align-content:flex-end !important}.lg\:align-content-center{align-content:center !important}.lg\:align-content-between{align-content:space-between !important}.lg\:align-content-around{align-content:space-around !important}.lg\:align-content-evenly{align-content:space-evenly !important}}@media screen and (min-width: 1200px){.xl\:align-content-start{align-content:flex-start !important}.xl\:align-content-end{align-content:flex-end !important}.xl\:align-content-center{align-content:center !important}.xl\:align-content-between{align-content:space-between !important}.xl\:align-content-around{align-content:space-around !important}.xl\:align-content-evenly{align-content:space-evenly !important}}.align-items-stretch{align-items:stretch !important}.align-items-start{align-items:flex-start !important}.align-items-center{align-items:center !important}.align-items-end{align-items:flex-end !important}.align-items-baseline{align-items:baseline !important}@media screen and (min-width: 576px){.sm\:align-items-stretch{align-items:stretch !important}.sm\:align-items-start{align-items:flex-start !important}.sm\:align-items-center{align-items:center !important}.sm\:align-items-end{align-items:flex-end !important}.sm\:align-items-baseline{align-items:baseline !important}}@media screen and (min-width: 768px){.md\:align-items-stretch{align-items:stretch !important}.md\:align-items-start{align-items:flex-start !important}.md\:align-items-center{align-items:center !important}.md\:align-items-end{align-items:flex-end !important}.md\:align-items-baseline{align-items:baseline !important}}@media screen and (min-width: 992px){.lg\:align-items-stretch{align-items:stretch !important}.lg\:align-items-start{align-items:flex-start !important}.lg\:align-items-center{align-items:center !important}.lg\:align-items-end{align-items:flex-end !important}.lg\:align-items-baseline{align-items:baseline !important}}@media screen and (min-width: 1200px){.xl\:align-items-stretch{align-items:stretch !important}.xl\:align-items-start{align-items:flex-start !important}.xl\:align-items-center{align-items:center !important}.xl\:align-items-end{align-items:flex-end !important}.xl\:align-items-baseline{align-items:baseline !important}}.align-self-auto{align-self:auto !important}.align-self-start{align-self:flex-start !important}.align-self-end{align-self:flex-end !important}.align-self-center{align-self:center !important}.align-self-stretch{align-self:stretch !important}.align-self-baseline{align-self:baseline !important}@media screen and (min-width: 576px){.sm\:align-self-auto{align-self:auto !important}.sm\:align-self-start{align-self:flex-start !important}.sm\:align-self-end{align-self:flex-end !important}.sm\:align-self-center{align-self:center !important}.sm\:align-self-stretch{align-self:stretch !important}.sm\:align-self-baseline{align-self:baseline !important}}@media screen and (min-width: 768px){.md\:align-self-auto{align-self:auto !important}.md\:align-self-start{align-self:flex-start !important}.md\:align-self-end{align-self:flex-end !important}.md\:align-self-center{align-self:center !important}.md\:align-self-stretch{align-self:stretch !important}.md\:align-self-baseline{align-self:baseline !important}}@media screen and (min-width: 992px){.lg\:align-self-auto{align-self:auto !important}.lg\:align-self-start{align-self:flex-start !important}.lg\:align-self-end{align-self:flex-end !important}.lg\:align-self-center{align-self:center !important}.lg\:align-self-stretch{align-self:stretch !important}.lg\:align-self-baseline{align-self:baseline !important}}@media screen and (min-width: 1200px){.xl\:align-self-auto{align-self:auto !important}.xl\:align-self-start{align-self:flex-start !important}.xl\:align-self-end{align-self:flex-end !important}.xl\:align-self-center{align-self:center !important}.xl\:align-self-stretch{align-self:stretch !important}.xl\:align-self-baseline{align-self:baseline !important}}.flex-order-0{order:0 !important}.flex-order-1{order:1 !important}.flex-order-2{order:2 !important}.flex-order-3{order:3 !important}.flex-order-4{order:4 !important}.flex-order-5{order:5 !important}.flex-order-6{order:6 !important}@media screen and (min-width: 576px){.sm\:flex-order-0{order:0 !important}.sm\:flex-order-1{order:1 !important}.sm\:flex-order-2{order:2 !important}.sm\:flex-order-3{order:3 !important}.sm\:flex-order-4{order:4 !important}.sm\:flex-order-5{order:5 !important}.sm\:flex-order-6{order:6 !important}}@media screen and (min-width: 768px){.md\:flex-order-0{order:0 !important}.md\:flex-order-1{order:1 !important}.md\:flex-order-2{order:2 !important}.md\:flex-order-3{order:3 !important}.md\:flex-order-4{order:4 !important}.md\:flex-order-5{order:5 !important}.md\:flex-order-6{order:6 !important}}@media screen and (min-width: 992px){.lg\:flex-order-0{order:0 !important}.lg\:flex-order-1{order:1 !important}.lg\:flex-order-2{order:2 !important}.lg\:flex-order-3{order:3 !important}.lg\:flex-order-4{order:4 !important}.lg\:flex-order-5{order:5 !important}.lg\:flex-order-6{order:6 !important}}@media screen and (min-width: 1200px){.xl\:flex-order-0{order:0 !important}.xl\:flex-order-1{order:1 !important}.xl\:flex-order-2{order:2 !important}.xl\:flex-order-3{order:3 !important}.xl\:flex-order-4{order:4 !important}.xl\:flex-order-5{order:5 !important}.xl\:flex-order-6{order:6 !important}}.flex-1{flex:1 1 0% !important}.flex-auto{flex:1 1 auto !important}.flex-initial{flex:0 1 auto !important}.flex-none{flex:none !important}@media screen and (min-width: 576px){.sm\:flex-1{flex:1 1 0% !important}.sm\:flex-auto{flex:1 1 auto !important}.sm\:flex-initial{flex:0 1 auto !important}.sm\:flex-none{flex:none !important}}@media screen and (min-width: 768px){.md\:flex-1{flex:1 1 0% !important}.md\:flex-auto{flex:1 1 auto !important}.md\:flex-initial{flex:0 1 auto !important}.md\:flex-none{flex:none !important}}@media screen and (min-width: 992px){.lg\:flex-1{flex:1 1 0% !important}.lg\:flex-auto{flex:1 1 auto !important}.lg\:flex-initial{flex:0 1 auto !important}.lg\:flex-none{flex:none !important}}@media screen and (min-width: 1200px){.xl\:flex-1{flex:1 1 0% !important}.xl\:flex-auto{flex:1 1 auto !important}.xl\:flex-initial{flex:0 1 auto !important}.xl\:flex-none{flex:none !important}}.flex-grow-0{flex-grow:0 !important}.flex-grow-1{flex-grow:1 !important}@media screen and (min-width: 576px){.sm\:flex-grow-0{flex-grow:0 !important}.sm\:flex-grow-1{flex-grow:1 !important}}@media screen and (min-width: 768px){.md\:flex-grow-0{flex-grow:0 !important}.md\:flex-grow-1{flex-grow:1 !important}}@media screen and (min-width: 992px){.lg\:flex-grow-0{flex-grow:0 !important}.lg\:flex-grow-1{flex-grow:1 !important}}@media screen and (min-width: 1200px){.xl\:flex-grow-0{flex-grow:0 !important}.xl\:flex-grow-1{flex-grow:1 !important}}.flex-shrink-0{flex-shrink:0 !important}.flex-shrink-1{flex-shrink:1 !important}@media screen and (min-width: 576px){.sm\:flex-shrink-0{flex-shrink:0 !important}.sm\:flex-shrink-1{flex-shrink:1 !important}}@media screen and (min-width: 768px){.md\:flex-shrink-0{flex-shrink:0 !important}.md\:flex-shrink-1{flex-shrink:1 !important}}@media screen and (min-width: 992px){.lg\:flex-shrink-0{flex-shrink:0 !important}.lg\:flex-shrink-1{flex-shrink:1 !important}}@media screen and (min-width: 1200px){.xl\:flex-shrink-0{flex-shrink:0 !important}.xl\:flex-shrink-1{flex-shrink:1 !important}}.p-0{padding:0rem !important}.p-1{padding:.25rem !important}.p-2{padding:.5rem !important}.p-3{padding:1rem !important}.p-4{padding:1.5rem !important}.p-5{padding:2rem !important}.p-6{padding:3rem !important}.p-7{padding:4rem !important}.p-8{padding:5rem !important}.pt-0{padding-top:0rem !important}.pt-1{padding-top:.25rem !important}.pt-2{padding-top:.5rem !important}.pt-3{padding-top:1rem !important}.pt-4{padding-top:1.5rem !important}.pt-5{padding-top:2rem !important}.pt-6{padding-top:3rem !important}.pt-7{padding-top:4rem !important}.pt-8{padding-top:5rem !important}.pr-0{padding-right:0rem !important}.pr-1{padding-right:.25rem !important}.pr-2{padding-right:.5rem !important}.pr-3{padding-right:1rem !important}.pr-4{padding-right:1.5rem !important}.pr-5{padding-right:2rem !important}.pr-6{padding-right:3rem !important}.pr-7{padding-right:4rem !important}.pr-8{padding-right:5rem !important}.pl-0{padding-left:0rem !important}.pl-1{padding-left:.25rem !important}.pl-2{padding-left:.5rem !important}.pl-3{padding-left:1rem !important}.pl-4{padding-left:1.5rem !important}.pl-5{padding-left:2rem !important}.pl-6{padding-left:3rem !important}.pl-7{padding-left:4rem !important}.pl-8{padding-left:5rem !important}.pb-0{padding-bottom:0rem !important}.pb-1{padding-bottom:.25rem !important}.pb-2{padding-bottom:.5rem !important}.pb-3{padding-bottom:1rem !important}.pb-4{padding-bottom:1.5rem !important}.pb-5{padding-bottom:2rem !important}.pb-6{padding-bottom:3rem !important}.pb-7{padding-bottom:4rem !important}.pb-8{padding-bottom:5rem !important}.px-0{padding-left:0rem !important;padding-right:0rem !important}.px-1{padding-left:.25rem !important;padding-right:.25rem !important}.px-2{padding-left:.5rem !important;padding-right:.5rem !important}.px-3{padding-left:1rem !important;padding-right:1rem !important}.px-4{padding-left:1.5rem !important;padding-right:1.5rem !important}.px-5{padding-left:2rem !important;padding-right:2rem !important}.px-6{padding-left:3rem !important;padding-right:3rem !important}.px-7{padding-left:4rem !important;padding-right:4rem !important}.px-8{padding-left:5rem !important;padding-right:5rem !important}.py-0{padding-top:0rem !important;padding-bottom:0rem !important}.py-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.py-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.py-3{padding-top:1rem !important;padding-bottom:1rem !important}.py-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.py-5{padding-top:2rem !important;padding-bottom:2rem !important}.py-6{padding-top:3rem !important;padding-bottom:3rem !important}.py-7{padding-top:4rem !important;padding-bottom:4rem !important}.py-8{padding-top:5rem !important;padding-bottom:5rem !important}@media screen and (min-width: 576px){.sm\:p-0{padding:0rem !important}.sm\:p-1{padding:.25rem !important}.sm\:p-2{padding:.5rem !important}.sm\:p-3{padding:1rem !important}.sm\:p-4{padding:1.5rem !important}.sm\:p-5{padding:2rem !important}.sm\:p-6{padding:3rem !important}.sm\:p-7{padding:4rem !important}.sm\:p-8{padding:5rem !important}.sm\:pt-0{padding-top:0rem !important}.sm\:pt-1{padding-top:.25rem !important}.sm\:pt-2{padding-top:.5rem !important}.sm\:pt-3{padding-top:1rem !important}.sm\:pt-4{padding-top:1.5rem !important}.sm\:pt-5{padding-top:2rem !important}.sm\:pt-6{padding-top:3rem !important}.sm\:pt-7{padding-top:4rem !important}.sm\:pt-8{padding-top:5rem !important}.sm\:pr-0{padding-right:0rem !important}.sm\:pr-1{padding-right:.25rem !important}.sm\:pr-2{padding-right:.5rem !important}.sm\:pr-3{padding-right:1rem !important}.sm\:pr-4{padding-right:1.5rem !important}.sm\:pr-5{padding-right:2rem !important}.sm\:pr-6{padding-right:3rem !important}.sm\:pr-7{padding-right:4rem !important}.sm\:pr-8{padding-right:5rem !important}.sm\:pl-0{padding-left:0rem !important}.sm\:pl-1{padding-left:.25rem !important}.sm\:pl-2{padding-left:.5rem !important}.sm\:pl-3{padding-left:1rem !important}.sm\:pl-4{padding-left:1.5rem !important}.sm\:pl-5{padding-left:2rem !important}.sm\:pl-6{padding-left:3rem !important}.sm\:pl-7{padding-left:4rem !important}.sm\:pl-8{padding-left:5rem !important}.sm\:pb-0{padding-bottom:0rem !important}.sm\:pb-1{padding-bottom:.25rem !important}.sm\:pb-2{padding-bottom:.5rem !important}.sm\:pb-3{padding-bottom:1rem !important}.sm\:pb-4{padding-bottom:1.5rem !important}.sm\:pb-5{padding-bottom:2rem !important}.sm\:pb-6{padding-bottom:3rem !important}.sm\:pb-7{padding-bottom:4rem !important}.sm\:pb-8{padding-bottom:5rem !important}.sm\:px-0{padding-left:0rem !important;padding-right:0rem !important}.sm\:px-1{padding-left:.25rem !important;padding-right:.25rem !important}.sm\:px-2{padding-left:.5rem !important;padding-right:.5rem !important}.sm\:px-3{padding-left:1rem !important;padding-right:1rem !important}.sm\:px-4{padding-left:1.5rem !important;padding-right:1.5rem !important}.sm\:px-5{padding-left:2rem !important;padding-right:2rem !important}.sm\:px-6{padding-left:3rem !important;padding-right:3rem !important}.sm\:px-7{padding-left:4rem !important;padding-right:4rem !important}.sm\:px-8{padding-left:5rem !important;padding-right:5rem !important}.sm\:py-0{padding-top:0rem !important;padding-bottom:0rem !important}.sm\:py-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.sm\:py-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.sm\:py-3{padding-top:1rem !important;padding-bottom:1rem !important}.sm\:py-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.sm\:py-5{padding-top:2rem !important;padding-bottom:2rem !important}.sm\:py-6{padding-top:3rem !important;padding-bottom:3rem !important}.sm\:py-7{padding-top:4rem !important;padding-bottom:4rem !important}.sm\:py-8{padding-top:5rem !important;padding-bottom:5rem !important}}@media screen and (min-width: 768px){.md\:p-0{padding:0rem !important}.md\:p-1{padding:.25rem !important}.md\:p-2{padding:.5rem !important}.md\:p-3{padding:1rem !important}.md\:p-4{padding:1.5rem !important}.md\:p-5{padding:2rem !important}.md\:p-6{padding:3rem !important}.md\:p-7{padding:4rem !important}.md\:p-8{padding:5rem !important}.md\:pt-0{padding-top:0rem !important}.md\:pt-1{padding-top:.25rem !important}.md\:pt-2{padding-top:.5rem !important}.md\:pt-3{padding-top:1rem !important}.md\:pt-4{padding-top:1.5rem !important}.md\:pt-5{padding-top:2rem !important}.md\:pt-6{padding-top:3rem !important}.md\:pt-7{padding-top:4rem !important}.md\:pt-8{padding-top:5rem !important}.md\:pr-0{padding-right:0rem !important}.md\:pr-1{padding-right:.25rem !important}.md\:pr-2{padding-right:.5rem !important}.md\:pr-3{padding-right:1rem !important}.md\:pr-4{padding-right:1.5rem !important}.md\:pr-5{padding-right:2rem !important}.md\:pr-6{padding-right:3rem !important}.md\:pr-7{padding-right:4rem !important}.md\:pr-8{padding-right:5rem !important}.md\:pl-0{padding-left:0rem !important}.md\:pl-1{padding-left:.25rem !important}.md\:pl-2{padding-left:.5rem !important}.md\:pl-3{padding-left:1rem !important}.md\:pl-4{padding-left:1.5rem !important}.md\:pl-5{padding-left:2rem !important}.md\:pl-6{padding-left:3rem !important}.md\:pl-7{padding-left:4rem !important}.md\:pl-8{padding-left:5rem !important}.md\:pb-0{padding-bottom:0rem !important}.md\:pb-1{padding-bottom:.25rem !important}.md\:pb-2{padding-bottom:.5rem !important}.md\:pb-3{padding-bottom:1rem !important}.md\:pb-4{padding-bottom:1.5rem !important}.md\:pb-5{padding-bottom:2rem !important}.md\:pb-6{padding-bottom:3rem !important}.md\:pb-7{padding-bottom:4rem !important}.md\:pb-8{padding-bottom:5rem !important}.md\:px-0{padding-left:0rem !important;padding-right:0rem !important}.md\:px-1{padding-left:.25rem !important;padding-right:.25rem !important}.md\:px-2{padding-left:.5rem !important;padding-right:.5rem !important}.md\:px-3{padding-left:1rem !important;padding-right:1rem !important}.md\:px-4{padding-left:1.5rem !important;padding-right:1.5rem !important}.md\:px-5{padding-left:2rem !important;padding-right:2rem !important}.md\:px-6{padding-left:3rem !important;padding-right:3rem !important}.md\:px-7{padding-left:4rem !important;padding-right:4rem !important}.md\:px-8{padding-left:5rem !important;padding-right:5rem !important}.md\:py-0{padding-top:0rem !important;padding-bottom:0rem !important}.md\:py-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.md\:py-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.md\:py-3{padding-top:1rem !important;padding-bottom:1rem !important}.md\:py-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.md\:py-5{padding-top:2rem !important;padding-bottom:2rem !important}.md\:py-6{padding-top:3rem !important;padding-bottom:3rem !important}.md\:py-7{padding-top:4rem !important;padding-bottom:4rem !important}.md\:py-8{padding-top:5rem !important;padding-bottom:5rem !important}}@media screen and (min-width: 992px){.lg\:p-0{padding:0rem !important}.lg\:p-1{padding:.25rem !important}.lg\:p-2{padding:.5rem !important}.lg\:p-3{padding:1rem !important}.lg\:p-4{padding:1.5rem !important}.lg\:p-5{padding:2rem !important}.lg\:p-6{padding:3rem !important}.lg\:p-7{padding:4rem !important}.lg\:p-8{padding:5rem !important}.lg\:pt-0{padding-top:0rem !important}.lg\:pt-1{padding-top:.25rem !important}.lg\:pt-2{padding-top:.5rem !important}.lg\:pt-3{padding-top:1rem !important}.lg\:pt-4{padding-top:1.5rem !important}.lg\:pt-5{padding-top:2rem !important}.lg\:pt-6{padding-top:3rem !important}.lg\:pt-7{padding-top:4rem !important}.lg\:pt-8{padding-top:5rem !important}.lg\:pr-0{padding-right:0rem !important}.lg\:pr-1{padding-right:.25rem !important}.lg\:pr-2{padding-right:.5rem !important}.lg\:pr-3{padding-right:1rem !important}.lg\:pr-4{padding-right:1.5rem !important}.lg\:pr-5{padding-right:2rem !important}.lg\:pr-6{padding-right:3rem !important}.lg\:pr-7{padding-right:4rem !important}.lg\:pr-8{padding-right:5rem !important}.lg\:pl-0{padding-left:0rem !important}.lg\:pl-1{padding-left:.25rem !important}.lg\:pl-2{padding-left:.5rem !important}.lg\:pl-3{padding-left:1rem !important}.lg\:pl-4{padding-left:1.5rem !important}.lg\:pl-5{padding-left:2rem !important}.lg\:pl-6{padding-left:3rem !important}.lg\:pl-7{padding-left:4rem !important}.lg\:pl-8{padding-left:5rem !important}.lg\:pb-0{padding-bottom:0rem !important}.lg\:pb-1{padding-bottom:.25rem !important}.lg\:pb-2{padding-bottom:.5rem !important}.lg\:pb-3{padding-bottom:1rem !important}.lg\:pb-4{padding-bottom:1.5rem !important}.lg\:pb-5{padding-bottom:2rem !important}.lg\:pb-6{padding-bottom:3rem !important}.lg\:pb-7{padding-bottom:4rem !important}.lg\:pb-8{padding-bottom:5rem !important}.lg\:px-0{padding-left:0rem !important;padding-right:0rem !important}.lg\:px-1{padding-left:.25rem !important;padding-right:.25rem !important}.lg\:px-2{padding-left:.5rem !important;padding-right:.5rem !important}.lg\:px-3{padding-left:1rem !important;padding-right:1rem !important}.lg\:px-4{padding-left:1.5rem !important;padding-right:1.5rem !important}.lg\:px-5{padding-left:2rem !important;padding-right:2rem !important}.lg\:px-6{padding-left:3rem !important;padding-right:3rem !important}.lg\:px-7{padding-left:4rem !important;padding-right:4rem !important}.lg\:px-8{padding-left:5rem !important;padding-right:5rem !important}.lg\:py-0{padding-top:0rem !important;padding-bottom:0rem !important}.lg\:py-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.lg\:py-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.lg\:py-3{padding-top:1rem !important;padding-bottom:1rem !important}.lg\:py-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.lg\:py-5{padding-top:2rem !important;padding-bottom:2rem !important}.lg\:py-6{padding-top:3rem !important;padding-bottom:3rem !important}.lg\:py-7{padding-top:4rem !important;padding-bottom:4rem !important}.lg\:py-8{padding-top:5rem !important;padding-bottom:5rem !important}}@media screen and (min-width: 1200px){.xl\:p-0{padding:0rem !important}.xl\:p-1{padding:.25rem !important}.xl\:p-2{padding:.5rem !important}.xl\:p-3{padding:1rem !important}.xl\:p-4{padding:1.5rem !important}.xl\:p-5{padding:2rem !important}.xl\:p-6{padding:3rem !important}.xl\:p-7{padding:4rem !important}.xl\:p-8{padding:5rem !important}.xl\:pt-0{padding-top:0rem !important}.xl\:pt-1{padding-top:.25rem !important}.xl\:pt-2{padding-top:.5rem !important}.xl\:pt-3{padding-top:1rem !important}.xl\:pt-4{padding-top:1.5rem !important}.xl\:pt-5{padding-top:2rem !important}.xl\:pt-6{padding-top:3rem !important}.xl\:pt-7{padding-top:4rem !important}.xl\:pt-8{padding-top:5rem !important}.xl\:pr-0{padding-right:0rem !important}.xl\:pr-1{padding-right:.25rem !important}.xl\:pr-2{padding-right:.5rem !important}.xl\:pr-3{padding-right:1rem !important}.xl\:pr-4{padding-right:1.5rem !important}.xl\:pr-5{padding-right:2rem !important}.xl\:pr-6{padding-right:3rem !important}.xl\:pr-7{padding-right:4rem !important}.xl\:pr-8{padding-right:5rem !important}.xl\:pl-0{padding-left:0rem !important}.xl\:pl-1{padding-left:.25rem !important}.xl\:pl-2{padding-left:.5rem !important}.xl\:pl-3{padding-left:1rem !important}.xl\:pl-4{padding-left:1.5rem !important}.xl\:pl-5{padding-left:2rem !important}.xl\:pl-6{padding-left:3rem !important}.xl\:pl-7{padding-left:4rem !important}.xl\:pl-8{padding-left:5rem !important}.xl\:pb-0{padding-bottom:0rem !important}.xl\:pb-1{padding-bottom:.25rem !important}.xl\:pb-2{padding-bottom:.5rem !important}.xl\:pb-3{padding-bottom:1rem !important}.xl\:pb-4{padding-bottom:1.5rem !important}.xl\:pb-5{padding-bottom:2rem !important}.xl\:pb-6{padding-bottom:3rem !important}.xl\:pb-7{padding-bottom:4rem !important}.xl\:pb-8{padding-bottom:5rem !important}.xl\:px-0{padding-left:0rem !important;padding-right:0rem !important}.xl\:px-1{padding-left:.25rem !important;padding-right:.25rem !important}.xl\:px-2{padding-left:.5rem !important;padding-right:.5rem !important}.xl\:px-3{padding-left:1rem !important;padding-right:1rem !important}.xl\:px-4{padding-left:1.5rem !important;padding-right:1.5rem !important}.xl\:px-5{padding-left:2rem !important;padding-right:2rem !important}.xl\:px-6{padding-left:3rem !important;padding-right:3rem !important}.xl\:px-7{padding-left:4rem !important;padding-right:4rem !important}.xl\:px-8{padding-left:5rem !important;padding-right:5rem !important}.xl\:py-0{padding-top:0rem !important;padding-bottom:0rem !important}.xl\:py-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.xl\:py-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.xl\:py-3{padding-top:1rem !important;padding-bottom:1rem !important}.xl\:py-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.xl\:py-5{padding-top:2rem !important;padding-bottom:2rem !important}.xl\:py-6{padding-top:3rem !important;padding-bottom:3rem !important}.xl\:py-7{padding-top:4rem !important;padding-bottom:4rem !important}.xl\:py-8{padding-top:5rem !important;padding-bottom:5rem !important}}.m-0{margin:0rem !important}.m-1{margin:.25rem !important}.m-2{margin:.5rem !important}.m-3{margin:1rem !important}.m-4{margin:1.5rem !important}.m-5{margin:2rem !important}.m-6{margin:3rem !important}.m-7{margin:4rem !important}.m-8{margin:5rem !important}.m-auto{margin:auto !important}.mt-0{margin-top:0rem !important}.mt-1{margin-top:.25rem !important}.mt-2{margin-top:.5rem !important}.mt-3{margin-top:1rem !important}.mt-4{margin-top:1.5rem !important}.mt-5{margin-top:2rem !important}.mt-6{margin-top:3rem !important}.mt-7{margin-top:4rem !important}.mt-8{margin-top:5rem !important}.mt-auto{margin-top:auto !important}.mr-0{margin-right:0rem !important}.mr-1{margin-right:.25rem !important}.mr-2{margin-right:.5rem !important}.mr-3{margin-right:1rem !important}.mr-4{margin-right:1.5rem !important}.mr-5{margin-right:2rem !important}.mr-6{margin-right:3rem !important}.mr-7{margin-right:4rem !important}.mr-8{margin-right:5rem !important}.mr-auto{margin-right:auto !important}.ml-0{margin-left:0rem !important}.ml-1{margin-left:.25rem !important}.ml-2{margin-left:.5rem !important}.ml-3{margin-left:1rem !important}.ml-4{margin-left:1.5rem !important}.ml-5{margin-left:2rem !important}.ml-6{margin-left:3rem !important}.ml-7{margin-left:4rem !important}.ml-8{margin-left:5rem !important}.ml-auto{margin-left:auto !important}.mb-0{margin-bottom:0rem !important}.mb-1{margin-bottom:.25rem !important}.mb-2{margin-bottom:.5rem !important}.mb-3{margin-bottom:1rem !important}.mb-4{margin-bottom:1.5rem !important}.mb-5{margin-bottom:2rem !important}.mb-6{margin-bottom:3rem !important}.mb-7{margin-bottom:4rem !important}.mb-8{margin-bottom:5rem !important}.mb-auto{margin-bottom:auto !important}.mx-0{margin-left:0rem !important;margin-right:0rem !important}.mx-1{margin-left:.25rem !important;margin-right:.25rem !important}.mx-2{margin-left:.5rem !important;margin-right:.5rem !important}.mx-3{margin-left:1rem !important;margin-right:1rem !important}.mx-4{margin-left:1.5rem !important;margin-right:1.5rem !important}.mx-5{margin-left:2rem !important;margin-right:2rem !important}.mx-6{margin-left:3rem !important;margin-right:3rem !important}.mx-7{margin-left:4rem !important;margin-right:4rem !important}.mx-8{margin-left:5rem !important;margin-right:5rem !important}.mx-auto{margin-left:auto !important;margin-right:auto !important}.my-0{margin-top:0rem !important;margin-bottom:0rem !important}.my-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.my-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.my-3{margin-top:1rem !important;margin-bottom:1rem !important}.my-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.my-5{margin-top:2rem !important;margin-bottom:2rem !important}.my-6{margin-top:3rem !important;margin-bottom:3rem !important}.my-7{margin-top:4rem !important;margin-bottom:4rem !important}.my-8{margin-top:5rem !important;margin-bottom:5rem !important}.my-auto{margin-top:auto !important;margin-bottom:auto !important}@media screen and (min-width: 576px){.sm\:m-0{margin:0rem !important}.sm\:m-1{margin:.25rem !important}.sm\:m-2{margin:.5rem !important}.sm\:m-3{margin:1rem !important}.sm\:m-4{margin:1.5rem !important}.sm\:m-5{margin:2rem !important}.sm\:m-6{margin:3rem !important}.sm\:m-7{margin:4rem !important}.sm\:m-8{margin:5rem !important}.sm\:m-auto{margin:auto !important}.sm\:mt-0{margin-top:0rem !important}.sm\:mt-1{margin-top:.25rem !important}.sm\:mt-2{margin-top:.5rem !important}.sm\:mt-3{margin-top:1rem !important}.sm\:mt-4{margin-top:1.5rem !important}.sm\:mt-5{margin-top:2rem !important}.sm\:mt-6{margin-top:3rem !important}.sm\:mt-7{margin-top:4rem !important}.sm\:mt-8{margin-top:5rem !important}.sm\:mt-auto{margin-top:auto !important}.sm\:mr-0{margin-right:0rem !important}.sm\:mr-1{margin-right:.25rem !important}.sm\:mr-2{margin-right:.5rem !important}.sm\:mr-3{margin-right:1rem !important}.sm\:mr-4{margin-right:1.5rem !important}.sm\:mr-5{margin-right:2rem !important}.sm\:mr-6{margin-right:3rem !important}.sm\:mr-7{margin-right:4rem !important}.sm\:mr-8{margin-right:5rem !important}.sm\:mr-auto{margin-right:auto !important}.sm\:ml-0{margin-left:0rem !important}.sm\:ml-1{margin-left:.25rem !important}.sm\:ml-2{margin-left:.5rem !important}.sm\:ml-3{margin-left:1rem !important}.sm\:ml-4{margin-left:1.5rem !important}.sm\:ml-5{margin-left:2rem !important}.sm\:ml-6{margin-left:3rem !important}.sm\:ml-7{margin-left:4rem !important}.sm\:ml-8{margin-left:5rem !important}.sm\:ml-auto{margin-left:auto !important}.sm\:mb-0{margin-bottom:0rem !important}.sm\:mb-1{margin-bottom:.25rem !important}.sm\:mb-2{margin-bottom:.5rem !important}.sm\:mb-3{margin-bottom:1rem !important}.sm\:mb-4{margin-bottom:1.5rem !important}.sm\:mb-5{margin-bottom:2rem !important}.sm\:mb-6{margin-bottom:3rem !important}.sm\:mb-7{margin-bottom:4rem !important}.sm\:mb-8{margin-bottom:5rem !important}.sm\:mb-auto{margin-bottom:auto !important}.sm\:mx-0{margin-left:0rem !important;margin-right:0rem !important}.sm\:mx-1{margin-left:.25rem !important;margin-right:.25rem !important}.sm\:mx-2{margin-left:.5rem !important;margin-right:.5rem !important}.sm\:mx-3{margin-left:1rem !important;margin-right:1rem !important}.sm\:mx-4{margin-left:1.5rem !important;margin-right:1.5rem !important}.sm\:mx-5{margin-left:2rem !important;margin-right:2rem !important}.sm\:mx-6{margin-left:3rem !important;margin-right:3rem !important}.sm\:mx-7{margin-left:4rem !important;margin-right:4rem !important}.sm\:mx-8{margin-left:5rem !important;margin-right:5rem !important}.sm\:mx-auto{margin-left:auto !important;margin-right:auto !important}.sm\:my-0{margin-top:0rem !important;margin-bottom:0rem !important}.sm\:my-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.sm\:my-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.sm\:my-3{margin-top:1rem !important;margin-bottom:1rem !important}.sm\:my-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.sm\:my-5{margin-top:2rem !important;margin-bottom:2rem !important}.sm\:my-6{margin-top:3rem !important;margin-bottom:3rem !important}.sm\:my-7{margin-top:4rem !important;margin-bottom:4rem !important}.sm\:my-8{margin-top:5rem !important;margin-bottom:5rem !important}.sm\:my-auto{margin-top:auto !important;margin-bottom:auto !important}}@media screen and (min-width: 768px){.md\:m-0{margin:0rem !important}.md\:m-1{margin:.25rem !important}.md\:m-2{margin:.5rem !important}.md\:m-3{margin:1rem !important}.md\:m-4{margin:1.5rem !important}.md\:m-5{margin:2rem !important}.md\:m-6{margin:3rem !important}.md\:m-7{margin:4rem !important}.md\:m-8{margin:5rem !important}.md\:m-auto{margin:auto !important}.md\:mt-0{margin-top:0rem !important}.md\:mt-1{margin-top:.25rem !important}.md\:mt-2{margin-top:.5rem !important}.md\:mt-3{margin-top:1rem !important}.md\:mt-4{margin-top:1.5rem !important}.md\:mt-5{margin-top:2rem !important}.md\:mt-6{margin-top:3rem !important}.md\:mt-7{margin-top:4rem !important}.md\:mt-8{margin-top:5rem !important}.md\:mt-auto{margin-top:auto !important}.md\:mr-0{margin-right:0rem !important}.md\:mr-1{margin-right:.25rem !important}.md\:mr-2{margin-right:.5rem !important}.md\:mr-3{margin-right:1rem !important}.md\:mr-4{margin-right:1.5rem !important}.md\:mr-5{margin-right:2rem !important}.md\:mr-6{margin-right:3rem !important}.md\:mr-7{margin-right:4rem !important}.md\:mr-8{margin-right:5rem !important}.md\:mr-auto{margin-right:auto !important}.md\:ml-0{margin-left:0rem !important}.md\:ml-1{margin-left:.25rem !important}.md\:ml-2{margin-left:.5rem !important}.md\:ml-3{margin-left:1rem !important}.md\:ml-4{margin-left:1.5rem !important}.md\:ml-5{margin-left:2rem !important}.md\:ml-6{margin-left:3rem !important}.md\:ml-7{margin-left:4rem !important}.md\:ml-8{margin-left:5rem !important}.md\:ml-auto{margin-left:auto !important}.md\:mb-0{margin-bottom:0rem !important}.md\:mb-1{margin-bottom:.25rem !important}.md\:mb-2{margin-bottom:.5rem !important}.md\:mb-3{margin-bottom:1rem !important}.md\:mb-4{margin-bottom:1.5rem !important}.md\:mb-5{margin-bottom:2rem !important}.md\:mb-6{margin-bottom:3rem !important}.md\:mb-7{margin-bottom:4rem !important}.md\:mb-8{margin-bottom:5rem !important}.md\:mb-auto{margin-bottom:auto !important}.md\:mx-0{margin-left:0rem !important;margin-right:0rem !important}.md\:mx-1{margin-left:.25rem !important;margin-right:.25rem !important}.md\:mx-2{margin-left:.5rem !important;margin-right:.5rem !important}.md\:mx-3{margin-left:1rem !important;margin-right:1rem !important}.md\:mx-4{margin-left:1.5rem !important;margin-right:1.5rem !important}.md\:mx-5{margin-left:2rem !important;margin-right:2rem !important}.md\:mx-6{margin-left:3rem !important;margin-right:3rem !important}.md\:mx-7{margin-left:4rem !important;margin-right:4rem !important}.md\:mx-8{margin-left:5rem !important;margin-right:5rem !important}.md\:mx-auto{margin-left:auto !important;margin-right:auto !important}.md\:my-0{margin-top:0rem !important;margin-bottom:0rem !important}.md\:my-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.md\:my-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.md\:my-3{margin-top:1rem !important;margin-bottom:1rem !important}.md\:my-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.md\:my-5{margin-top:2rem !important;margin-bottom:2rem !important}.md\:my-6{margin-top:3rem !important;margin-bottom:3rem !important}.md\:my-7{margin-top:4rem !important;margin-bottom:4rem !important}.md\:my-8{margin-top:5rem !important;margin-bottom:5rem !important}.md\:my-auto{margin-top:auto !important;margin-bottom:auto !important}}@media screen and (min-width: 992px){.lg\:m-0{margin:0rem !important}.lg\:m-1{margin:.25rem !important}.lg\:m-2{margin:.5rem !important}.lg\:m-3{margin:1rem !important}.lg\:m-4{margin:1.5rem !important}.lg\:m-5{margin:2rem !important}.lg\:m-6{margin:3rem !important}.lg\:m-7{margin:4rem !important}.lg\:m-8{margin:5rem !important}.lg\:m-auto{margin:auto !important}.lg\:mt-0{margin-top:0rem !important}.lg\:mt-1{margin-top:.25rem !important}.lg\:mt-2{margin-top:.5rem !important}.lg\:mt-3{margin-top:1rem !important}.lg\:mt-4{margin-top:1.5rem !important}.lg\:mt-5{margin-top:2rem !important}.lg\:mt-6{margin-top:3rem !important}.lg\:mt-7{margin-top:4rem !important}.lg\:mt-8{margin-top:5rem !important}.lg\:mt-auto{margin-top:auto !important}.lg\:mr-0{margin-right:0rem !important}.lg\:mr-1{margin-right:.25rem !important}.lg\:mr-2{margin-right:.5rem !important}.lg\:mr-3{margin-right:1rem !important}.lg\:mr-4{margin-right:1.5rem !important}.lg\:mr-5{margin-right:2rem !important}.lg\:mr-6{margin-right:3rem !important}.lg\:mr-7{margin-right:4rem !important}.lg\:mr-8{margin-right:5rem !important}.lg\:mr-auto{margin-right:auto !important}.lg\:ml-0{margin-left:0rem !important}.lg\:ml-1{margin-left:.25rem !important}.lg\:ml-2{margin-left:.5rem !important}.lg\:ml-3{margin-left:1rem !important}.lg\:ml-4{margin-left:1.5rem !important}.lg\:ml-5{margin-left:2rem !important}.lg\:ml-6{margin-left:3rem !important}.lg\:ml-7{margin-left:4rem !important}.lg\:ml-8{margin-left:5rem !important}.lg\:ml-auto{margin-left:auto !important}.lg\:mb-0{margin-bottom:0rem !important}.lg\:mb-1{margin-bottom:.25rem !important}.lg\:mb-2{margin-bottom:.5rem !important}.lg\:mb-3{margin-bottom:1rem !important}.lg\:mb-4{margin-bottom:1.5rem !important}.lg\:mb-5{margin-bottom:2rem !important}.lg\:mb-6{margin-bottom:3rem !important}.lg\:mb-7{margin-bottom:4rem !important}.lg\:mb-8{margin-bottom:5rem !important}.lg\:mb-auto{margin-bottom:auto !important}.lg\:mx-0{margin-left:0rem !important;margin-right:0rem !important}.lg\:mx-1{margin-left:.25rem !important;margin-right:.25rem !important}.lg\:mx-2{margin-left:.5rem !important;margin-right:.5rem !important}.lg\:mx-3{margin-left:1rem !important;margin-right:1rem !important}.lg\:mx-4{margin-left:1.5rem !important;margin-right:1.5rem !important}.lg\:mx-5{margin-left:2rem !important;margin-right:2rem !important}.lg\:mx-6{margin-left:3rem !important;margin-right:3rem !important}.lg\:mx-7{margin-left:4rem !important;margin-right:4rem !important}.lg\:mx-8{margin-left:5rem !important;margin-right:5rem !important}.lg\:mx-auto{margin-left:auto !important;margin-right:auto !important}.lg\:my-0{margin-top:0rem !important;margin-bottom:0rem !important}.lg\:my-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.lg\:my-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.lg\:my-3{margin-top:1rem !important;margin-bottom:1rem !important}.lg\:my-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.lg\:my-5{margin-top:2rem !important;margin-bottom:2rem !important}.lg\:my-6{margin-top:3rem !important;margin-bottom:3rem !important}.lg\:my-7{margin-top:4rem !important;margin-bottom:4rem !important}.lg\:my-8{margin-top:5rem !important;margin-bottom:5rem !important}.lg\:my-auto{margin-top:auto !important;margin-bottom:auto !important}}@media screen and (min-width: 1200px){.xl\:m-0{margin:0rem !important}.xl\:m-1{margin:.25rem !important}.xl\:m-2{margin:.5rem !important}.xl\:m-3{margin:1rem !important}.xl\:m-4{margin:1.5rem !important}.xl\:m-5{margin:2rem !important}.xl\:m-6{margin:3rem !important}.xl\:m-7{margin:4rem !important}.xl\:m-8{margin:5rem !important}.xl\:m-auto{margin:auto !important}.xl\:mt-0{margin-top:0rem !important}.xl\:mt-1{margin-top:.25rem !important}.xl\:mt-2{margin-top:.5rem !important}.xl\:mt-3{margin-top:1rem !important}.xl\:mt-4{margin-top:1.5rem !important}.xl\:mt-5{margin-top:2rem !important}.xl\:mt-6{margin-top:3rem !important}.xl\:mt-7{margin-top:4rem !important}.xl\:mt-8{margin-top:5rem !important}.xl\:mt-auto{margin-top:auto !important}.xl\:mr-0{margin-right:0rem !important}.xl\:mr-1{margin-right:.25rem !important}.xl\:mr-2{margin-right:.5rem !important}.xl\:mr-3{margin-right:1rem !important}.xl\:mr-4{margin-right:1.5rem !important}.xl\:mr-5{margin-right:2rem !important}.xl\:mr-6{margin-right:3rem !important}.xl\:mr-7{margin-right:4rem !important}.xl\:mr-8{margin-right:5rem !important}.xl\:mr-auto{margin-right:auto !important}.xl\:ml-0{margin-left:0rem !important}.xl\:ml-1{margin-left:.25rem !important}.xl\:ml-2{margin-left:.5rem !important}.xl\:ml-3{margin-left:1rem !important}.xl\:ml-4{margin-left:1.5rem !important}.xl\:ml-5{margin-left:2rem !important}.xl\:ml-6{margin-left:3rem !important}.xl\:ml-7{margin-left:4rem !important}.xl\:ml-8{margin-left:5rem !important}.xl\:ml-auto{margin-left:auto !important}.xl\:mb-0{margin-bottom:0rem !important}.xl\:mb-1{margin-bottom:.25rem !important}.xl\:mb-2{margin-bottom:.5rem !important}.xl\:mb-3{margin-bottom:1rem !important}.xl\:mb-4{margin-bottom:1.5rem !important}.xl\:mb-5{margin-bottom:2rem !important}.xl\:mb-6{margin-bottom:3rem !important}.xl\:mb-7{margin-bottom:4rem !important}.xl\:mb-8{margin-bottom:5rem !important}.xl\:mb-auto{margin-bottom:auto !important}.xl\:mx-0{margin-left:0rem !important;margin-right:0rem !important}.xl\:mx-1{margin-left:.25rem !important;margin-right:.25rem !important}.xl\:mx-2{margin-left:.5rem !important;margin-right:.5rem !important}.xl\:mx-3{margin-left:1rem !important;margin-right:1rem !important}.xl\:mx-4{margin-left:1.5rem !important;margin-right:1.5rem !important}.xl\:mx-5{margin-left:2rem !important;margin-right:2rem !important}.xl\:mx-6{margin-left:3rem !important;margin-right:3rem !important}.xl\:mx-7{margin-left:4rem !important;margin-right:4rem !important}.xl\:mx-8{margin-left:5rem !important;margin-right:5rem !important}.xl\:mx-auto{margin-left:auto !important;margin-right:auto !important}.xl\:my-0{margin-top:0rem !important;margin-bottom:0rem !important}.xl\:my-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.xl\:my-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.xl\:my-3{margin-top:1rem !important;margin-bottom:1rem !important}.xl\:my-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.xl\:my-5{margin-top:2rem !important;margin-bottom:2rem !important}.xl\:my-6{margin-top:3rem !important;margin-bottom:3rem !important}.xl\:my-7{margin-top:4rem !important;margin-bottom:4rem !important}.xl\:my-8{margin-top:5rem !important;margin-bottom:5rem !important}.xl\:my-auto{margin-top:auto !important;margin-bottom:auto !important}}.shadow-none{box-shadow:none !important}.shadow-1{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.shadow-2{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.shadow-3{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.shadow-4{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.shadow-5{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.shadow-6{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.shadow-7{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.shadow-8{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}@media screen and (min-width: 576px){.sm\:shadow-none{box-shadow:none !important}.sm\:shadow-1{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.sm\:shadow-2{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.sm\:shadow-3{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.sm\:shadow-4{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.sm\:shadow-5{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.sm\:shadow-6{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.sm\:shadow-7{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.sm\:shadow-8{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}}@media screen and (min-width: 768px){.md\:shadow-none{box-shadow:none !important}.md\:shadow-1{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.md\:shadow-2{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.md\:shadow-3{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.md\:shadow-4{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.md\:shadow-5{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.md\:shadow-6{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.md\:shadow-7{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.md\:shadow-8{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}}@media screen and (min-width: 992px){.lg\:shadow-none{box-shadow:none !important}.lg\:shadow-1{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.lg\:shadow-2{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.lg\:shadow-3{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.lg\:shadow-4{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.lg\:shadow-5{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.lg\:shadow-6{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.lg\:shadow-7{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.lg\:shadow-8{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}}@media screen and (min-width: 1200px){.xl\:shadow-none{box-shadow:none !important}.xl\:shadow-1{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.xl\:shadow-2{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.xl\:shadow-3{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.xl\:shadow-4{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.xl\:shadow-5{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.xl\:shadow-6{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.xl\:shadow-7{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.xl\:shadow-8{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}}.border-none{border-width:0px !important;border-style:none}.border-1{border-width:1px !important;border-style:solid}.border-2{border-width:2px !important;border-style:solid}.border-3{border-width:3px !important;border-style:solid}.border-top-none{border-top-width:0px !important;border-top-style:none}.border-top-1{border-top-width:1px !important;border-top-style:solid}.border-top-2{border-top-width:2px !important;border-top-style:solid}.border-top-3{border-top-width:3px !important;border-top-style:solid}.border-right-none{border-right-width:0px !important;border-right-style:none}.border-right-1{border-right-width:1px !important;border-right-style:solid}.border-right-2{border-right-width:2px !important;border-right-style:solid}.border-right-3{border-right-width:3px !important;border-right-style:solid}.border-left-none{border-left-width:0px !important;border-left-style:none}.border-left-1{border-left-width:1px !important;border-left-style:solid}.border-left-2{border-left-width:2px !important;border-left-style:solid}.border-left-3{border-left-width:3px !important;border-left-style:solid}.border-bottom-none{border-bottom-width:0px !important;border-bottom-style:none}.border-bottom-1{border-bottom-width:1px !important;border-bottom-style:solid}.border-bottom-2{border-bottom-width:2px !important;border-bottom-style:solid}.border-bottom-3{border-bottom-width:3px !important;border-bottom-style:solid}.border-x-none{border-left-width:0px !important;border-left-style:none;border-right-width:0px !important;border-right-style:none}.border-x-1{border-left-width:1px !important;border-left-style:solid;border-right-width:1px !important;border-right-style:solid}.border-x-2{border-left-width:2px !important;border-left-style:solid;border-right-width:2px !important;border-right-style:solid}.border-x-3{border-left-width:3px !important;border-left-style:solid;border-right-width:3px !important;border-right-style:solid}.border-y-none{border-top-width:0px !important;border-top-style:none;border-bottom-width:0px !important;border-bottom-style:none}.border-y-1{border-top-width:1px !important;border-top-style:solid;border-bottom-width:1px !important;border-bottom-style:solid}.border-y-2{border-top-width:2px !important;border-top-style:solid;border-bottom-width:2px !important;border-bottom-style:solid}.border-y-3{border-top-width:3px !important;border-top-style:solid;border-bottom-width:3px !important;border-bottom-style:solid}@media screen and (min-width: 576px){.sm\:border-none{border-width:0px !important;border-style:none}.sm\:border-1{border-width:1px !important;border-style:solid}.sm\:border-2{border-width:2px !important;border-style:solid}.sm\:border-3{border-width:3px !important;border-style:solid}.sm\:border-top-none{border-top-width:0px !important;border-top-style:none}.sm\:border-top-1{border-top-width:1px !important;border-top-style:solid}.sm\:border-top-2{border-top-width:2px !important;border-top-style:solid}.sm\:border-top-3{border-top-width:3px !important;border-top-style:solid}.sm\:border-right-none{border-right-width:0px !important;border-right-style:none}.sm\:border-right-1{border-right-width:1px !important;border-right-style:solid}.sm\:border-right-2{border-right-width:2px !important;border-right-style:solid}.sm\:border-right-3{border-right-width:3px !important;border-right-style:solid}.sm\:border-left-none{border-left-width:0px !important;border-left-style:none}.sm\:border-left-1{border-left-width:1px !important;border-left-style:solid}.sm\:border-left-2{border-left-width:2px !important;border-left-style:solid}.sm\:border-left-3{border-left-width:3px !important;border-left-style:solid}.sm\:border-bottom-none{border-bottom-width:0px !important;border-bottom-style:none}.sm\:border-bottom-1{border-bottom-width:1px !important;border-bottom-style:solid}.sm\:border-bottom-2{border-bottom-width:2px !important;border-bottom-style:solid}.sm\:border-bottom-3{border-bottom-width:3px !important;border-bottom-style:solid}.sm\:border-x-none{border-left-width:0px !important;border-left-style:none;border-right-width:0px !important;border-right-style:none}.sm\:border-x-1{border-left-width:1px !important;border-left-style:solid;border-right-width:1px !important;border-right-style:solid}.sm\:border-x-2{border-left-width:2px !important;border-left-style:solid;border-right-width:2px !important;border-right-style:solid}.sm\:border-x-3{border-left-width:3px !important;border-left-style:solid;border-right-width:3px !important;border-right-style:solid}.sm\:border-y-none{border-top-width:0px !important;border-top-style:none;border-bottom-width:0px !important;border-bottom-style:none}.sm\:border-y-1{border-top-width:1px !important;border-top-style:solid;border-bottom-width:1px !important;border-bottom-style:solid}.sm\:border-y-2{border-top-width:2px !important;border-top-style:solid;border-bottom-width:2px !important;border-bottom-style:solid}.sm\:border-y-3{border-top-width:3px !important;border-top-style:solid;border-bottom-width:3px !important;border-bottom-style:solid}}@media screen and (min-width: 768px){.md\:border-none{border-width:0px !important;border-style:none}.md\:border-1{border-width:1px !important;border-style:solid}.md\:border-2{border-width:2px !important;border-style:solid}.md\:border-3{border-width:3px !important;border-style:solid}.md\:border-top-none{border-top-width:0px !important;border-top-style:none}.md\:border-top-1{border-top-width:1px !important;border-top-style:solid}.md\:border-top-2{border-top-width:2px !important;border-top-style:solid}.md\:border-top-3{border-top-width:3px !important;border-top-style:solid}.md\:border-right-none{border-right-width:0px !important;border-right-style:none}.md\:border-right-1{border-right-width:1px !important;border-right-style:solid}.md\:border-right-2{border-right-width:2px !important;border-right-style:solid}.md\:border-right-3{border-right-width:3px !important;border-right-style:solid}.md\:border-left-none{border-left-width:0px !important;border-left-style:none}.md\:border-left-1{border-left-width:1px !important;border-left-style:solid}.md\:border-left-2{border-left-width:2px !important;border-left-style:solid}.md\:border-left-3{border-left-width:3px !important;border-left-style:solid}.md\:border-bottom-none{border-bottom-width:0px !important;border-bottom-style:none}.md\:border-bottom-1{border-bottom-width:1px !important;border-bottom-style:solid}.md\:border-bottom-2{border-bottom-width:2px !important;border-bottom-style:solid}.md\:border-bottom-3{border-bottom-width:3px !important;border-bottom-style:solid}.md\:border-x-none{border-left-width:0px !important;border-left-style:none;border-right-width:0px !important;border-right-style:none}.md\:border-x-1{border-left-width:1px !important;border-left-style:solid;border-right-width:1px !important;border-right-style:solid}.md\:border-x-2{border-left-width:2px !important;border-left-style:solid;border-right-width:2px !important;border-right-style:solid}.md\:border-x-3{border-left-width:3px !important;border-left-style:solid;border-right-width:3px !important;border-right-style:solid}.md\:border-y-none{border-top-width:0px !important;border-top-style:none;border-bottom-width:0px !important;border-bottom-style:none}.md\:border-y-1{border-top-width:1px !important;border-top-style:solid;border-bottom-width:1px !important;border-bottom-style:solid}.md\:border-y-2{border-top-width:2px !important;border-top-style:solid;border-bottom-width:2px !important;border-bottom-style:solid}.md\:border-y-3{border-top-width:3px !important;border-top-style:solid;border-bottom-width:3px !important;border-bottom-style:solid}}@media screen and (min-width: 992px){.lg\:border-none{border-width:0px !important;border-style:none}.lg\:border-1{border-width:1px !important;border-style:solid}.lg\:border-2{border-width:2px !important;border-style:solid}.lg\:border-3{border-width:3px !important;border-style:solid}.lg\:border-top-none{border-top-width:0px !important;border-top-style:none}.lg\:border-top-1{border-top-width:1px !important;border-top-style:solid}.lg\:border-top-2{border-top-width:2px !important;border-top-style:solid}.lg\:border-top-3{border-top-width:3px !important;border-top-style:solid}.lg\:border-right-none{border-right-width:0px !important;border-right-style:none}.lg\:border-right-1{border-right-width:1px !important;border-right-style:solid}.lg\:border-right-2{border-right-width:2px !important;border-right-style:solid}.lg\:border-right-3{border-right-width:3px !important;border-right-style:solid}.lg\:border-left-none{border-left-width:0px !important;border-left-style:none}.lg\:border-left-1{border-left-width:1px !important;border-left-style:solid}.lg\:border-left-2{border-left-width:2px !important;border-left-style:solid}.lg\:border-left-3{border-left-width:3px !important;border-left-style:solid}.lg\:border-bottom-none{border-bottom-width:0px !important;border-bottom-style:none}.lg\:border-bottom-1{border-bottom-width:1px !important;border-bottom-style:solid}.lg\:border-bottom-2{border-bottom-width:2px !important;border-bottom-style:solid}.lg\:border-bottom-3{border-bottom-width:3px !important;border-bottom-style:solid}.lg\:border-x-none{border-left-width:0px !important;border-left-style:none;border-right-width:0px !important;border-right-style:none}.lg\:border-x-1{border-left-width:1px !important;border-left-style:solid;border-right-width:1px !important;border-right-style:solid}.lg\:border-x-2{border-left-width:2px !important;border-left-style:solid;border-right-width:2px !important;border-right-style:solid}.lg\:border-x-3{border-left-width:3px !important;border-left-style:solid;border-right-width:3px !important;border-right-style:solid}.lg\:border-y-none{border-top-width:0px !important;border-top-style:none;border-bottom-width:0px !important;border-bottom-style:none}.lg\:border-y-1{border-top-width:1px !important;border-top-style:solid;border-bottom-width:1px !important;border-bottom-style:solid}.lg\:border-y-2{border-top-width:2px !important;border-top-style:solid;border-bottom-width:2px !important;border-bottom-style:solid}.lg\:border-y-3{border-top-width:3px !important;border-top-style:solid;border-bottom-width:3px !important;border-bottom-style:solid}}@media screen and (min-width: 1200px){.xl\:border-none{border-width:0px !important;border-style:none}.xl\:border-1{border-width:1px !important;border-style:solid}.xl\:border-2{border-width:2px !important;border-style:solid}.xl\:border-3{border-width:3px !important;border-style:solid}.xl\:border-top-none{border-top-width:0px !important;border-top-style:none}.xl\:border-top-1{border-top-width:1px !important;border-top-style:solid}.xl\:border-top-2{border-top-width:2px !important;border-top-style:solid}.xl\:border-top-3{border-top-width:3px !important;border-top-style:solid}.xl\:border-right-none{border-right-width:0px !important;border-right-style:none}.xl\:border-right-1{border-right-width:1px !important;border-right-style:solid}.xl\:border-right-2{border-right-width:2px !important;border-right-style:solid}.xl\:border-right-3{border-right-width:3px !important;border-right-style:solid}.xl\:border-left-none{border-left-width:0px !important;border-left-style:none}.xl\:border-left-1{border-left-width:1px !important;border-left-style:solid}.xl\:border-left-2{border-left-width:2px !important;border-left-style:solid}.xl\:border-left-3{border-left-width:3px !important;border-left-style:solid}.xl\:border-bottom-none{border-bottom-width:0px !important;border-bottom-style:none}.xl\:border-bottom-1{border-bottom-width:1px !important;border-bottom-style:solid}.xl\:border-bottom-2{border-bottom-width:2px !important;border-bottom-style:solid}.xl\:border-bottom-3{border-bottom-width:3px !important;border-bottom-style:solid}.xl\:border-x-none{border-left-width:0px !important;border-left-style:none;border-right-width:0px !important;border-right-style:none}.xl\:border-x-1{border-left-width:1px !important;border-left-style:solid;border-right-width:1px !important;border-right-style:solid}.xl\:border-x-2{border-left-width:2px !important;border-left-style:solid;border-right-width:2px !important;border-right-style:solid}.xl\:border-x-3{border-left-width:3px !important;border-left-style:solid;border-right-width:3px !important;border-right-style:solid}.xl\:border-y-none{border-top-width:0px !important;border-top-style:none;border-bottom-width:0px !important;border-bottom-style:none}.xl\:border-y-1{border-top-width:1px !important;border-top-style:solid;border-bottom-width:1px !important;border-bottom-style:solid}.xl\:border-y-2{border-top-width:2px !important;border-top-style:solid;border-bottom-width:2px !important;border-bottom-style:solid}.xl\:border-y-3{border-top-width:3px !important;border-top-style:solid;border-bottom-width:3px !important;border-bottom-style:solid}}.border-solid{border-style:solid !important}.border-dashed{border-style:dashed !important}.border-dotted{border-style:dotted !important}.border-double{border-style:double !important}@media screen and (min-width: 576px){.sm\:border-solid{border-style:solid !important}.sm\:border-dashed{border-style:dashed !important}.sm\:border-dotted{border-style:dotted !important}.sm\:border-double{border-style:double !important}}@media screen and (min-width: 768px){.md\:border-solid{border-style:solid !important}.md\:border-dashed{border-style:dashed !important}.md\:border-dotted{border-style:dotted !important}.md\:border-double{border-style:double !important}}@media screen and (min-width: 992px){.lg\:border-solid{border-style:solid !important}.lg\:border-dashed{border-style:dashed !important}.lg\:border-dotted{border-style:dotted !important}.lg\:border-double{border-style:double !important}}@media screen and (min-width: 1200px){.xl\:border-solid{border-style:solid !important}.xl\:border-dashed{border-style:dashed !important}.xl\:border-dotted{border-style:dotted !important}.xl\:border-double{border-style:double !important}}.border-round-left{border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius)}.border-round-top{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius)}.border-round-right{border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}.border-round-bottom{border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}@media screen and (min-width: 576px){.sm\:border-round-left{border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius)}.sm\:border-round-top{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius)}.sm\:border-round-right{border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}.sm\:border-round-bottom{border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}}@media screen and (min-width: 768px){.md\:border-round-left{border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius)}.md\:border-round-top{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius)}.md\:border-round-right{border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}.md\:border-round-bottom{border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}}@media screen and (min-width: 992px){.lg\:border-round-left{border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius)}.lg\:border-round-top{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius)}.lg\:border-round-right{border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}.lg\:border-round-bottom{border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}}@media screen and (min-width: 1200px){.xl\:border-round-left{border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius)}.xl\:border-round-top{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius)}.xl\:border-round-right{border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}.xl\:border-round-bottom{border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}}.border-noround{border-radius:0 !important}.border-round{border-radius:var(--border-radius) !important}.border-circle{border-radius:50% !important}@media screen and (min-width: 576px){.sm\:border-noround{border-radius:0 !important}.sm\:border-round{border-radius:var(--border-radius) !important}.sm\:border-circle{border-radius:50% !important}}@media screen and (min-width: 768px){.md\:border-noround{border-radius:0 !important}.md\:border-round{border-radius:var(--border-radius) !important}.md\:border-circle{border-radius:50% !important}}@media screen and (min-width: 992px){.lg\:border-noround{border-radius:0 !important}.lg\:border-round{border-radius:var(--border-radius) !important}.lg\:border-circle{border-radius:50% !important}}@media screen and (min-width: 1200px){.xl\:border-noround{border-radius:0 !important}.xl\:border-round{border-radius:var(--border-radius) !important}.xl\:border-circle{border-radius:50% !important}}.w-full{width:100% !important}.w-screen{width:100vw !important}.w-auto{width:auto !important}.w-min{width:min-content !important}.w-max{width:max-content !important}@media screen and (min-width: 576px){.sm\:w-full{width:100% !important}.sm\:w-screen{width:100vw !important}.sm\:w-auto{width:auto !important}.sm\:w-min{width:min-content !important}.sm\:w-max{width:max-content !important}}@media screen and (min-width: 768px){.md\:w-full{width:100% !important}.md\:w-screen{width:100vw !important}.md\:w-auto{width:auto !important}.md\:w-min{width:min-content !important}.md\:w-max{width:max-content !important}}@media screen and (min-width: 992px){.lg\:w-full{width:100% !important}.lg\:w-screen{width:100vw !important}.lg\:w-auto{width:auto !important}.lg\:w-min{width:min-content !important}.lg\:w-max{width:max-content !important}}@media screen and (min-width: 1200px){.xl\:w-full{width:100% !important}.xl\:w-screen{width:100vw !important}.xl\:w-auto{width:auto !important}.xl\:w-min{width:min-content !important}.xl\:w-max{width:max-content !important}}.h-full{height:100% !important}.h-screen{height:100vh !important}.h-auto{height:auto !important}@media screen and (min-width: 576px){.sm\:h-full{height:100% !important}.sm\:h-screen{height:100vh !important}.sm\:h-auto{height:auto !important}}@media screen and (min-width: 768px){.md\:h-full{height:100% !important}.md\:h-screen{height:100vh !important}.md\:h-auto{height:auto !important}}@media screen and (min-width: 992px){.lg\:h-full{height:100% !important}.lg\:h-screen{height:100vh !important}.lg\:h-auto{height:auto !important}}@media screen and (min-width: 1200px){.xl\:h-full{height:100% !important}.xl\:h-screen{height:100vh !important}.xl\:h-auto{height:auto !important}}.min-w-0{min-width:0px !important}.min-w-full{min-width:100% !important}.min-w-screen{min-width:100vw !important}.min-w-min{min-width:min-content !important}.min-w-max{min-width:max-content !important}@media screen and (min-width: 576px){.sm\:min-w-0{min-width:0px !important}.sm\:min-w-full{min-width:100% !important}.sm\:min-w-screen{min-width:100vw !important}.sm\:min-w-min{min-width:min-content !important}.sm\:min-w-max{min-width:max-content !important}}@media screen and (min-width: 768px){.md\:min-w-0{min-width:0px !important}.md\:min-w-full{min-width:100% !important}.md\:min-w-screen{min-width:100vw !important}.md\:min-w-min{min-width:min-content !important}.md\:min-w-max{min-width:max-content !important}}@media screen and (min-width: 992px){.lg\:min-w-0{min-width:0px !important}.lg\:min-w-full{min-width:100% !important}.lg\:min-w-screen{min-width:100vw !important}.lg\:min-w-min{min-width:min-content !important}.lg\:min-w-max{min-width:max-content !important}}@media screen and (min-width: 1200px){.xl\:min-w-0{min-width:0px !important}.xl\:min-w-full{min-width:100% !important}.xl\:min-w-screen{min-width:100vw !important}.xl\:min-w-min{min-width:min-content !important}.xl\:min-w-max{min-width:max-content !important}}.max-w-0{max-width:0px !important}.max-w-full{max-width:100% !important}.max-w-screen{max-width:100vw !important}.max-w-min{max-width:min-content !important}.max-w-max{max-width:max-content !important}@media screen and (min-width: 576px){.sm\:max-w-0{max-width:0px !important}.sm\:max-w-full{max-width:100% !important}.sm\:max-w-screen{max-width:100vw !important}.sm\:max-w-min{max-width:min-content !important}.sm\:max-w-max{max-width:max-content !important}}@media screen and (min-width: 768px){.md\:max-w-0{max-width:0px !important}.md\:max-w-full{max-width:100% !important}.md\:max-w-screen{max-width:100vw !important}.md\:max-w-min{max-width:min-content !important}.md\:max-w-max{max-width:max-content !important}}@media screen and (min-width: 992px){.lg\:max-w-0{max-width:0px !important}.lg\:max-w-full{max-width:100% !important}.lg\:max-w-screen{max-width:100vw !important}.lg\:max-w-min{max-width:min-content !important}.lg\:max-w-max{max-width:max-content !important}}@media screen and (min-width: 1200px){.xl\:max-w-0{max-width:0px !important}.xl\:max-w-full{max-width:100% !important}.xl\:max-w-screen{max-width:100vw !important}.xl\:max-w-min{max-width:min-content !important}.xl\:max-w-max{max-width:max-content !important}}.min-h-0{min-height:0px !important}.min-h-full{min-height:100% !important}.min-h-screen{min-height:100vh !important}@media screen and (min-width: 576px){.sm\:min-h-0{min-height:0px !important}.sm\:min-h-full{min-height:100% !important}.sm\:min-h-screen{min-height:100vh !important}}@media screen and (min-width: 768px){.md\:min-h-0{min-height:0px !important}.md\:min-h-full{min-height:100% !important}.md\:min-h-screen{min-height:100vh !important}}@media screen and (min-width: 992px){.lg\:min-h-0{min-height:0px !important}.lg\:min-h-full{min-height:100% !important}.lg\:min-h-screen{min-height:100vh !important}}@media screen and (min-width: 1200px){.xl\:min-h-0{min-height:0px !important}.xl\:min-h-full{min-height:100% !important}.xl\:min-h-screen{min-height:100vh !important}}.max-h-0{max-height:0px !important}.max-h-full{max-height:100% !important}.max-h-screen{max-height:100vh !important}@media screen and (min-width: 576px){.sm\:max-h-0{max-height:0px !important}.sm\:max-h-full{max-height:100% !important}.sm\:max-h-screen{max-height:100vh !important}}@media screen and (min-width: 768px){.md\:max-h-0{max-height:0px !important}.md\:max-h-full{max-height:100% !important}.md\:max-h-screen{max-height:100vh !important}}@media screen and (min-width: 992px){.lg\:max-h-0{max-height:0px !important}.lg\:max-h-full{max-height:100% !important}.lg\:max-h-screen{max-height:100vh !important}}@media screen and (min-width: 1200px){.xl\:max-h-0{max-height:0px !important}.xl\:max-h-full{max-height:100% !important}.xl\:max-h-screen{max-height:100vh !important}}.w-1{width:8.3333% !important}.w-2{width:16.6667% !important}.w-3{width:25% !important}.w-4{width:33.3333% !important}.w-5{width:41.6667% !important}.w-6{width:50% !important}.w-7{width:58.3333% !important}.w-8{width:66.6667% !important}.w-9{width:75% !important}.w-10{width:83.3333% !important}.w-11{width:91.6667% !important}.w-12{width:100% !important}@media screen and (min-width: 576px){.sm\:w-1{width:8.3333% !important}.sm\:w-2{width:16.6667% !important}.sm\:w-3{width:25% !important}.sm\:w-4{width:33.3333% !important}.sm\:w-5{width:41.6667% !important}.sm\:w-6{width:50% !important}.sm\:w-7{width:58.3333% !important}.sm\:w-8{width:66.6667% !important}.sm\:w-9{width:75% !important}.sm\:w-10{width:83.3333% !important}.sm\:w-11{width:91.6667% !important}.sm\:w-12{width:100% !important}}@media screen and (min-width: 768px){.md\:w-1{width:8.3333% !important}.md\:w-2{width:16.6667% !important}.md\:w-3{width:25% !important}.md\:w-4{width:33.3333% !important}.md\:w-5{width:41.6667% !important}.md\:w-6{width:50% !important}.md\:w-7{width:58.3333% !important}.md\:w-8{width:66.6667% !important}.md\:w-9{width:75% !important}.md\:w-10{width:83.3333% !important}.md\:w-11{width:91.6667% !important}.md\:w-12{width:100% !important}}@media screen and (min-width: 992px){.lg\:w-1{width:8.3333% !important}.lg\:w-2{width:16.6667% !important}.lg\:w-3{width:25% !important}.lg\:w-4{width:33.3333% !important}.lg\:w-5{width:41.6667% !important}.lg\:w-6{width:50% !important}.lg\:w-7{width:58.3333% !important}.lg\:w-8{width:66.6667% !important}.lg\:w-9{width:75% !important}.lg\:w-10{width:83.3333% !important}.lg\:w-11{width:91.6667% !important}.lg\:w-12{width:100% !important}}@media screen and (min-width: 1200px){.xl\:w-1{width:8.3333% !important}.xl\:w-2{width:16.6667% !important}.xl\:w-3{width:25% !important}.xl\:w-4{width:33.3333% !important}.xl\:w-5{width:41.6667% !important}.xl\:w-6{width:50% !important}.xl\:w-7{width:58.3333% !important}.xl\:w-8{width:66.6667% !important}.xl\:w-9{width:75% !important}.xl\:w-10{width:83.3333% !important}.xl\:w-11{width:91.6667% !important}.xl\:w-12{width:100% !important}}.w-1rem{width:1rem !important}.w-2rem{width:2rem !important}.w-3rem{width:3rem !important}.w-4rem{width:4rem !important}.w-5rem{width:5rem !important}.w-6rem{width:6rem !important}.w-7rem{width:7rem !important}.w-8rem{width:8rem !important}.w-9rem{width:9rem !important}.w-10rem{width:10rem !important}.w-11rem{width:11rem !important}.w-12rem{width:12rem !important}.w-13rem{width:13rem !important}.w-14rem{width:14rem !important}.w-15rem{width:15rem !important}.w-16rem{width:16rem !important}.w-17rem{width:17rem !important}.w-18rem{width:18rem !important}.w-19rem{width:1rem !important}.w-20rem{width:20rem !important}.w-21rem{width:21rem !important}.w-22rem{width:22rem !important}.w-23rem{width:23rem !important}.w-24rem{width:24rem !important}.w-25rem{width:25rem !important}.w-26rem{width:26rem !important}.w-27rem{width:27rem !important}.w-28rem{width:28rem !important}.w-29rem{width:29rem !important}.w-30rem{width:30rem !important}@media screen and (min-width: 576px){.sm\:w-1rem{width:1rem !important}.sm\:w-2rem{width:2rem !important}.sm\:w-3rem{width:3rem !important}.sm\:w-4rem{width:4rem !important}.sm\:w-5rem{width:5rem !important}.sm\:w-6rem{width:6rem !important}.sm\:w-7rem{width:7rem !important}.sm\:w-8rem{width:8rem !important}.sm\:w-9rem{width:9rem !important}.sm\:w-10rem{width:10rem !important}.sm\:w-11rem{width:11rem !important}.sm\:w-12rem{width:12rem !important}.sm\:w-13rem{width:13rem !important}.sm\:w-14rem{width:14rem !important}.sm\:w-15rem{width:15rem !important}.sm\:w-16rem{width:16rem !important}.sm\:w-17rem{width:17rem !important}.sm\:w-18rem{width:18rem !important}.sm\:w-19rem{width:1rem !important}.sm\:w-20rem{width:20rem !important}.sm\:w-21rem{width:21rem !important}.sm\:w-22rem{width:22rem !important}.sm\:w-23rem{width:23rem !important}.sm\:w-24rem{width:24rem !important}.sm\:w-25rem{width:25rem !important}.sm\:w-26rem{width:26rem !important}.sm\:w-27rem{width:27rem !important}.sm\:w-28rem{width:28rem !important}.sm\:w-29rem{width:29rem !important}.sm\:w-30rem{width:30rem !important}}@media screen and (min-width: 768px){.md\:w-1rem{width:1rem !important}.md\:w-2rem{width:2rem !important}.md\:w-3rem{width:3rem !important}.md\:w-4rem{width:4rem !important}.md\:w-5rem{width:5rem !important}.md\:w-6rem{width:6rem !important}.md\:w-7rem{width:7rem !important}.md\:w-8rem{width:8rem !important}.md\:w-9rem{width:9rem !important}.md\:w-10rem{width:10rem !important}.md\:w-11rem{width:11rem !important}.md\:w-12rem{width:12rem !important}.md\:w-13rem{width:13rem !important}.md\:w-14rem{width:14rem !important}.md\:w-15rem{width:15rem !important}.md\:w-16rem{width:16rem !important}.md\:w-17rem{width:17rem !important}.md\:w-18rem{width:18rem !important}.md\:w-19rem{width:1rem !important}.md\:w-20rem{width:20rem !important}.md\:w-21rem{width:21rem !important}.md\:w-22rem{width:22rem !important}.md\:w-23rem{width:23rem !important}.md\:w-24rem{width:24rem !important}.md\:w-25rem{width:25rem !important}.md\:w-26rem{width:26rem !important}.md\:w-27rem{width:27rem !important}.md\:w-28rem{width:28rem !important}.md\:w-29rem{width:29rem !important}.md\:w-30rem{width:30rem !important}}@media screen and (min-width: 992px){.lg\:w-1rem{width:1rem !important}.lg\:w-2rem{width:2rem !important}.lg\:w-3rem{width:3rem !important}.lg\:w-4rem{width:4rem !important}.lg\:w-5rem{width:5rem !important}.lg\:w-6rem{width:6rem !important}.lg\:w-7rem{width:7rem !important}.lg\:w-8rem{width:8rem !important}.lg\:w-9rem{width:9rem !important}.lg\:w-10rem{width:10rem !important}.lg\:w-11rem{width:11rem !important}.lg\:w-12rem{width:12rem !important}.lg\:w-13rem{width:13rem !important}.lg\:w-14rem{width:14rem !important}.lg\:w-15rem{width:15rem !important}.lg\:w-16rem{width:16rem !important}.lg\:w-17rem{width:17rem !important}.lg\:w-18rem{width:18rem !important}.lg\:w-19rem{width:1rem !important}.lg\:w-20rem{width:20rem !important}.lg\:w-21rem{width:21rem !important}.lg\:w-22rem{width:22rem !important}.lg\:w-23rem{width:23rem !important}.lg\:w-24rem{width:24rem !important}.lg\:w-25rem{width:25rem !important}.lg\:w-26rem{width:26rem !important}.lg\:w-27rem{width:27rem !important}.lg\:w-28rem{width:28rem !important}.lg\:w-29rem{width:29rem !important}.lg\:w-30rem{width:30rem !important}}@media screen and (min-width: 1200px){.xl\:w-1rem{width:1rem !important}.xl\:w-2rem{width:2rem !important}.xl\:w-3rem{width:3rem !important}.xl\:w-4rem{width:4rem !important}.xl\:w-5rem{width:5rem !important}.xl\:w-6rem{width:6rem !important}.xl\:w-7rem{width:7rem !important}.xl\:w-8rem{width:8rem !important}.xl\:w-9rem{width:9rem !important}.xl\:w-10rem{width:10rem !important}.xl\:w-11rem{width:11rem !important}.xl\:w-12rem{width:12rem !important}.xl\:w-13rem{width:13rem !important}.xl\:w-14rem{width:14rem !important}.xl\:w-15rem{width:15rem !important}.xl\:w-16rem{width:16rem !important}.xl\:w-17rem{width:17rem !important}.xl\:w-18rem{width:18rem !important}.xl\:w-19rem{width:1rem !important}.xl\:w-20rem{width:20rem !important}.xl\:w-21rem{width:21rem !important}.xl\:w-22rem{width:22rem !important}.xl\:w-23rem{width:23rem !important}.xl\:w-24rem{width:24rem !important}.xl\:w-25rem{width:25rem !important}.xl\:w-26rem{width:26rem !important}.xl\:w-27rem{width:27rem !important}.xl\:w-28rem{width:28rem !important}.xl\:w-29rem{width:29rem !important}.xl\:w-30rem{width:30rem !important}}.h-1rem{height:1rem !important}.h-2rem{height:2rem !important}.h-3rem{height:3rem !important}.h-4rem{height:4rem !important}.h-5rem{height:5rem !important}.h-6rem{height:6rem !important}.h-7rem{height:7rem !important}.h-8rem{height:8rem !important}.h-9rem{height:9rem !important}.h-10rem{height:10rem !important}.h-11rem{height:11rem !important}.h-12rem{height:12rem !important}.h-13rem{height:13rem !important}.h-14rem{height:14rem !important}.h-15rem{height:15rem !important}.h-16rem{height:16rem !important}.h-17rem{height:17rem !important}.h-18rem{height:18rem !important}.h-19rem{height:1rem !important}.h-20rem{height:20rem !important}.h-21rem{height:21rem !important}.h-22rem{height:22rem !important}.h-23rem{height:23rem !important}.h-24rem{height:24rem !important}.h-25rem{height:25rem !important}.h-26rem{height:26rem !important}.h-27rem{height:27rem !important}.h-28rem{height:28rem !important}.h-29rem{height:29rem !important}.h-30rem{height:30rem !important}@media screen and (min-width: 576px){.sm\:h-1rem{height:1rem !important}.sm\:h-2rem{height:2rem !important}.sm\:h-3rem{height:3rem !important}.sm\:h-4rem{height:4rem !important}.sm\:h-5rem{height:5rem !important}.sm\:h-6rem{height:6rem !important}.sm\:h-7rem{height:7rem !important}.sm\:h-8rem{height:8rem !important}.sm\:h-9rem{height:9rem !important}.sm\:h-10rem{height:10rem !important}.sm\:h-11rem{height:11rem !important}.sm\:h-12rem{height:12rem !important}.sm\:h-13rem{height:13rem !important}.sm\:h-14rem{height:14rem !important}.sm\:h-15rem{height:15rem !important}.sm\:h-16rem{height:16rem !important}.sm\:h-17rem{height:17rem !important}.sm\:h-18rem{height:18rem !important}.sm\:h-19rem{height:1rem !important}.sm\:h-20rem{height:20rem !important}.sm\:h-21rem{height:21rem !important}.sm\:h-22rem{height:22rem !important}.sm\:h-23rem{height:23rem !important}.sm\:h-24rem{height:24rem !important}.sm\:h-25rem{height:25rem !important}.sm\:h-26rem{height:26rem !important}.sm\:h-27rem{height:27rem !important}.sm\:h-28rem{height:28rem !important}.sm\:h-29rem{height:29rem !important}.sm\:h-30rem{height:30rem !important}}@media screen and (min-width: 768px){.md\:h-1rem{height:1rem !important}.md\:h-2rem{height:2rem !important}.md\:h-3rem{height:3rem !important}.md\:h-4rem{height:4rem !important}.md\:h-5rem{height:5rem !important}.md\:h-6rem{height:6rem !important}.md\:h-7rem{height:7rem !important}.md\:h-8rem{height:8rem !important}.md\:h-9rem{height:9rem !important}.md\:h-10rem{height:10rem !important}.md\:h-11rem{height:11rem !important}.md\:h-12rem{height:12rem !important}.md\:h-13rem{height:13rem !important}.md\:h-14rem{height:14rem !important}.md\:h-15rem{height:15rem !important}.md\:h-16rem{height:16rem !important}.md\:h-17rem{height:17rem !important}.md\:h-18rem{height:18rem !important}.md\:h-19rem{height:1rem !important}.md\:h-20rem{height:20rem !important}.md\:h-21rem{height:21rem !important}.md\:h-22rem{height:22rem !important}.md\:h-23rem{height:23rem !important}.md\:h-24rem{height:24rem !important}.md\:h-25rem{height:25rem !important}.md\:h-26rem{height:26rem !important}.md\:h-27rem{height:27rem !important}.md\:h-28rem{height:28rem !important}.md\:h-29rem{height:29rem !important}.md\:h-30rem{height:30rem !important}}@media screen and (min-width: 992px){.lg\:h-1rem{height:1rem !important}.lg\:h-2rem{height:2rem !important}.lg\:h-3rem{height:3rem !important}.lg\:h-4rem{height:4rem !important}.lg\:h-5rem{height:5rem !important}.lg\:h-6rem{height:6rem !important}.lg\:h-7rem{height:7rem !important}.lg\:h-8rem{height:8rem !important}.lg\:h-9rem{height:9rem !important}.lg\:h-10rem{height:10rem !important}.lg\:h-11rem{height:11rem !important}.lg\:h-12rem{height:12rem !important}.lg\:h-13rem{height:13rem !important}.lg\:h-14rem{height:14rem !important}.lg\:h-15rem{height:15rem !important}.lg\:h-16rem{height:16rem !important}.lg\:h-17rem{height:17rem !important}.lg\:h-18rem{height:18rem !important}.lg\:h-19rem{height:1rem !important}.lg\:h-20rem{height:20rem !important}.lg\:h-21rem{height:21rem !important}.lg\:h-22rem{height:22rem !important}.lg\:h-23rem{height:23rem !important}.lg\:h-24rem{height:24rem !important}.lg\:h-25rem{height:25rem !important}.lg\:h-26rem{height:26rem !important}.lg\:h-27rem{height:27rem !important}.lg\:h-28rem{height:28rem !important}.lg\:h-29rem{height:29rem !important}.lg\:h-30rem{height:30rem !important}}@media screen and (min-width: 1200px){.xl\:h-1rem{height:1rem !important}.xl\:h-2rem{height:2rem !important}.xl\:h-3rem{height:3rem !important}.xl\:h-4rem{height:4rem !important}.xl\:h-5rem{height:5rem !important}.xl\:h-6rem{height:6rem !important}.xl\:h-7rem{height:7rem !important}.xl\:h-8rem{height:8rem !important}.xl\:h-9rem{height:9rem !important}.xl\:h-10rem{height:10rem !important}.xl\:h-11rem{height:11rem !important}.xl\:h-12rem{height:12rem !important}.xl\:h-13rem{height:13rem !important}.xl\:h-14rem{height:14rem !important}.xl\:h-15rem{height:15rem !important}.xl\:h-16rem{height:16rem !important}.xl\:h-17rem{height:17rem !important}.xl\:h-18rem{height:18rem !important}.xl\:h-19rem{height:1rem !important}.xl\:h-20rem{height:20rem !important}.xl\:h-21rem{height:21rem !important}.xl\:h-22rem{height:22rem !important}.xl\:h-23rem{height:23rem !important}.xl\:h-24rem{height:24rem !important}.xl\:h-25rem{height:25rem !important}.xl\:h-26rem{height:26rem !important}.xl\:h-27rem{height:27rem !important}.xl\:h-28rem{height:28rem !important}.xl\:h-29rem{height:29rem !important}.xl\:h-30rem{height:30rem !important}}.static{position:static !important}.fixed{position:fixed !important}.absolute{position:absolute !important}.relative{position:relative !important}.sticky{position:sticky !important}@media screen and (min-width: 576px){.sm\:static{position:static !important}.sm\:fixed{position:fixed !important}.sm\:absolute{position:absolute !important}.sm\:relative{position:relative !important}.sm\:sticky{position:sticky !important}}@media screen and (min-width: 768px){.md\:static{position:static !important}.md\:fixed{position:fixed !important}.md\:absolute{position:absolute !important}.md\:relative{position:relative !important}.md\:sticky{position:sticky !important}}@media screen and (min-width: 992px){.lg\:static{position:static !important}.lg\:fixed{position:fixed !important}.lg\:absolute{position:absolute !important}.lg\:relative{position:relative !important}.lg\:sticky{position:sticky !important}}@media screen and (min-width: 1200px){.xl\:static{position:static !important}.xl\:fixed{position:fixed !important}.xl\:absolute{position:absolute !important}.xl\:relative{position:relative !important}.xl\:sticky{position:sticky !important}}.top-auto{top:auto !important}.top-0{top:0px !important}.top-50{top:50% !important}.top-100{top:100% !important}@media screen and (min-width: 576px){.sm\:top-auto{top:auto !important}.sm\:top-0{top:0px !important}.sm\:top-50{top:50% !important}.sm\:top-100{top:100% !important}}@media screen and (min-width: 768px){.md\:top-auto{top:auto !important}.md\:top-0{top:0px !important}.md\:top-50{top:50% !important}.md\:top-100{top:100% !important}}@media screen and (min-width: 992px){.lg\:top-auto{top:auto !important}.lg\:top-0{top:0px !important}.lg\:top-50{top:50% !important}.lg\:top-100{top:100% !important}}@media screen and (min-width: 1200px){.xl\:top-auto{top:auto !important}.xl\:top-0{top:0px !important}.xl\:top-50{top:50% !important}.xl\:top-100{top:100% !important}}.left-auto{left:auto !important}.left-0{left:0px !important}.left-50{left:50% !important}.left-100{left:100% !important}@media screen and (min-width: 576px){.sm\:left-auto{left:auto !important}.sm\:left-0{left:0px !important}.sm\:left-50{left:50% !important}.sm\:left-100{left:100% !important}}@media screen and (min-width: 768px){.md\:left-auto{left:auto !important}.md\:left-0{left:0px !important}.md\:left-50{left:50% !important}.md\:left-100{left:100% !important}}@media screen and (min-width: 992px){.lg\:left-auto{left:auto !important}.lg\:left-0{left:0px !important}.lg\:left-50{left:50% !important}.lg\:left-100{left:100% !important}}@media screen and (min-width: 1200px){.xl\:left-auto{left:auto !important}.xl\:left-0{left:0px !important}.xl\:left-50{left:50% !important}.xl\:left-100{left:100% !important}}.right-auto{right:auto !important}.right-0{right:0px !important}.right-50{right:50% !important}.right-100{right:100% !important}@media screen and (min-width: 576px){.sm\:right-auto{right:auto !important}.sm\:right-0{right:0px !important}.sm\:right-50{right:50% !important}.sm\:right-100{right:100% !important}}@media screen and (min-width: 768px){.md\:right-auto{right:auto !important}.md\:right-0{right:0px !important}.md\:right-50{right:50% !important}.md\:right-100{right:100% !important}}@media screen and (min-width: 992px){.lg\:right-auto{right:auto !important}.lg\:right-0{right:0px !important}.lg\:right-50{right:50% !important}.lg\:right-100{right:100% !important}}@media screen and (min-width: 1200px){.xl\:right-auto{right:auto !important}.xl\:right-0{right:0px !important}.xl\:right-50{right:50% !important}.xl\:right-100{right:100% !important}}.bottom-auto{bottom:auto !important}.bottom-0{bottom:0px !important}.bottom-50{bottom:50% !important}.bottom-100{bottom:100% !important}@media screen and (min-width: 576px){.sm\:bottom-auto{bottom:auto !important}.sm\:bottom-0{bottom:0px !important}.sm\:bottom-50{bottom:50% !important}.sm\:bottom-100{bottom:100% !important}}@media screen and (min-width: 768px){.md\:bottom-auto{bottom:auto !important}.md\:bottom-0{bottom:0px !important}.md\:bottom-50{bottom:50% !important}.md\:bottom-100{bottom:100% !important}}@media screen and (min-width: 992px){.lg\:bottom-auto{bottom:auto !important}.lg\:bottom-0{bottom:0px !important}.lg\:bottom-50{bottom:50% !important}.lg\:bottom-100{bottom:100% !important}}@media screen and (min-width: 1200px){.xl\:bottom-auto{bottom:auto !important}.xl\:bottom-0{bottom:0px !important}.xl\:bottom-50{bottom:50% !important}.xl\:bottom-100{bottom:100% !important}}.overflow-auto{overflow:auto !important}.overflow-hidden{overflow:hidden !important}.overflow-visible{overflow:visible !important}.overflow-scroll{overflow:scroll !important}@media screen and (min-width: 576px){.sm\:overflow-auto{overflow:auto !important}.sm\:overflow-hidden{overflow:hidden !important}.sm\:overflow-visible{overflow:visible !important}.sm\:overflow-scroll{overflow:scroll !important}}@media screen and (min-width: 768px){.md\:overflow-auto{overflow:auto !important}.md\:overflow-hidden{overflow:hidden !important}.md\:overflow-visible{overflow:visible !important}.md\:overflow-scroll{overflow:scroll !important}}@media screen and (min-width: 992px){.lg\:overflow-auto{overflow:auto !important}.lg\:overflow-hidden{overflow:hidden !important}.lg\:overflow-visible{overflow:visible !important}.lg\:overflow-scroll{overflow:scroll !important}}@media screen and (min-width: 1200px){.xl\:overflow-auto{overflow:auto !important}.xl\:overflow-hidden{overflow:hidden !important}.xl\:overflow-visible{overflow:visible !important}.xl\:overflow-scroll{overflow:scroll !important}}.overflow-x-auto{overflow-x:auto !important}.overflow-x-hidden{overflow-x:hidden !important}.overflow-x-visible{overflow-x:visible !important}.overflow-x-scroll{overflow-x:scroll !important}@media screen and (min-width: 576px){.sm\:overflow-x-auto{overflow-x:auto !important}.sm\:overflow-x-hidden{overflow-x:hidden !important}.sm\:overflow-x-visible{overflow-x:visible !important}.sm\:overflow-x-scroll{overflow-x:scroll !important}}@media screen and (min-width: 768px){.md\:overflow-x-auto{overflow-x:auto !important}.md\:overflow-x-hidden{overflow-x:hidden !important}.md\:overflow-x-visible{overflow-x:visible !important}.md\:overflow-x-scroll{overflow-x:scroll !important}}@media screen and (min-width: 992px){.lg\:overflow-x-auto{overflow-x:auto !important}.lg\:overflow-x-hidden{overflow-x:hidden !important}.lg\:overflow-x-visible{overflow-x:visible !important}.lg\:overflow-x-scroll{overflow-x:scroll !important}}@media screen and (min-width: 1200px){.xl\:overflow-x-auto{overflow-x:auto !important}.xl\:overflow-x-hidden{overflow-x:hidden !important}.xl\:overflow-x-visible{overflow-x:visible !important}.xl\:overflow-x-scroll{overflow-x:scroll !important}}.overflow-y-auto{overflow-y:auto !important}.overflow-y-hidden{overflow-y:hidden !important}.overflow-y-visible{overflow-y:visible !important}.overflow-y-scroll{overflow-y:scroll !important}@media screen and (min-width: 576px){.sm\:overflow-y-auto{overflow-y:auto !important}.sm\:overflow-y-hidden{overflow-y:hidden !important}.sm\:overflow-y-visible{overflow-y:visible !important}.sm\:overflow-y-scroll{overflow-y:scroll !important}}@media screen and (min-width: 768px){.md\:overflow-y-auto{overflow-y:auto !important}.md\:overflow-y-hidden{overflow-y:hidden !important}.md\:overflow-y-visible{overflow-y:visible !important}.md\:overflow-y-scroll{overflow-y:scroll !important}}@media screen and (min-width: 992px){.lg\:overflow-y-auto{overflow-y:auto !important}.lg\:overflow-y-hidden{overflow-y:hidden !important}.lg\:overflow-y-visible{overflow-y:visible !important}.lg\:overflow-y-scroll{overflow-y:scroll !important}}@media screen and (min-width: 1200px){.xl\:overflow-y-auto{overflow-y:auto !important}.xl\:overflow-y-hidden{overflow-y:hidden !important}.xl\:overflow-y-visible{overflow-y:visible !important}.xl\:overflow-y-scroll{overflow-y:scroll !important}}.z-auto{z-index:auto !important}.z-0{z-index:0 !important}.z-1{z-index:1 !important}.z-2{z-index:2 !important}.z-3{z-index:3 !important}.z-4{z-index:4 !important}.z-5{z-index:5 !important}@media screen and (min-width: 576px){.sm\:z-auto{z-index:auto !important}.sm\:z-0{z-index:0 !important}.sm\:z-1{z-index:1 !important}.sm\:z-2{z-index:2 !important}.sm\:z-3{z-index:3 !important}.sm\:z-4{z-index:4 !important}.sm\:z-5{z-index:5 !important}}@media screen and (min-width: 768px){.md\:z-auto{z-index:auto !important}.md\:z-0{z-index:0 !important}.md\:z-1{z-index:1 !important}.md\:z-2{z-index:2 !important}.md\:z-3{z-index:3 !important}.md\:z-4{z-index:4 !important}.md\:z-5{z-index:5 !important}}@media screen and (min-width: 992px){.lg\:z-auto{z-index:auto !important}.lg\:z-0{z-index:0 !important}.lg\:z-1{z-index:1 !important}.lg\:z-2{z-index:2 !important}.lg\:z-3{z-index:3 !important}.lg\:z-4{z-index:4 !important}.lg\:z-5{z-index:5 !important}}@media screen and (min-width: 1200px){.xl\:z-auto{z-index:auto !important}.xl\:z-0{z-index:0 !important}.xl\:z-1{z-index:1 !important}.xl\:z-2{z-index:2 !important}.xl\:z-3{z-index:3 !important}.xl\:z-4{z-index:4 !important}.xl\:z-5{z-index:5 !important}}.bg-repeat{background-repeat:repeat !important}.bg-no-repeat{background-repeat:no-repeat !important}.bg-repeat-x{background-repeat:repeat-x !important}.bg-repeat-y{background-repeat:repeat-y !important}.bg-repeat-round{background-repeat:round !important}.bg-repeat-space{background-repeat:space !important}@media screen and (min-width: 576px){.sm\:bg-repeat{background-repeat:repeat !important}.sm\:bg-no-repeat{background-repeat:no-repeat !important}.sm\:bg-repeat-x{background-repeat:repeat-x !important}.sm\:bg-repeat-y{background-repeat:repeat-y !important}.sm\:bg-repeat-round{background-repeat:round !important}.sm\:bg-repeat-space{background-repeat:space !important}}@media screen and (min-width: 768px){.md\:bg-repeat{background-repeat:repeat !important}.md\:bg-no-repeat{background-repeat:no-repeat !important}.md\:bg-repeat-x{background-repeat:repeat-x !important}.md\:bg-repeat-y{background-repeat:repeat-y !important}.md\:bg-repeat-round{background-repeat:round !important}.md\:bg-repeat-space{background-repeat:space !important}}@media screen and (min-width: 992px){.lg\:bg-repeat{background-repeat:repeat !important}.lg\:bg-no-repeat{background-repeat:no-repeat !important}.lg\:bg-repeat-x{background-repeat:repeat-x !important}.lg\:bg-repeat-y{background-repeat:repeat-y !important}.lg\:bg-repeat-round{background-repeat:round !important}.lg\:bg-repeat-space{background-repeat:space !important}}@media screen and (min-width: 1200px){.xl\:bg-repeat{background-repeat:repeat !important}.xl\:bg-no-repeat{background-repeat:no-repeat !important}.xl\:bg-repeat-x{background-repeat:repeat-x !important}.xl\:bg-repeat-y{background-repeat:repeat-y !important}.xl\:bg-repeat-round{background-repeat:round !important}.xl\:bg-repeat-space{background-repeat:space !important}}.bg-auto{background-size:auto !important}.bg-cover{background-size:cover !important}.bg-contain{background-size:contain !important}@media screen and (min-width: 576px){.sm\:bg-auto{background-size:auto !important}.sm\:bg-cover{background-size:cover !important}.sm\:bg-contain{background-size:contain !important}}@media screen and (min-width: 768px){.md\:bg-auto{background-size:auto !important}.md\:bg-cover{background-size:cover !important}.md\:bg-contain{background-size:contain !important}}@media screen and (min-width: 992px){.lg\:bg-auto{background-size:auto !important}.lg\:bg-cover{background-size:cover !important}.lg\:bg-contain{background-size:contain !important}}@media screen and (min-width: 1200px){.xl\:bg-auto{background-size:auto !important}.xl\:bg-cover{background-size:cover !important}.xl\:bg-contain{background-size:contain !important}}.bg-bottom{background-position:bottom !important}.bg-center{background-position:center !important}.bg-left{background-position:left !important}.bg-left-bottom{background-position:left bottom !important}.bg-left-top{background-position:left top !important}.bg-right{background-position:right !important}.bg-right-bottom{background-position:right bottom !important}.bg-right-top{background-position:right top !important}.bg-top{background-position:top !important}@media screen and (min-width: 576px){.sm\:bg-bottom{background-position:bottom !important}.sm\:bg-center{background-position:center !important}.sm\:bg-left{background-position:left !important}.sm\:bg-left-bottom{background-position:left bottom !important}.sm\:bg-left-top{background-position:left top !important}.sm\:bg-right{background-position:right !important}.sm\:bg-right-bottom{background-position:right bottom !important}.sm\:bg-right-top{background-position:right top !important}.sm\:bg-top{background-position:top !important}}@media screen and (min-width: 768px){.md\:bg-bottom{background-position:bottom !important}.md\:bg-center{background-position:center !important}.md\:bg-left{background-position:left !important}.md\:bg-left-bottom{background-position:left bottom !important}.md\:bg-left-top{background-position:left top !important}.md\:bg-right{background-position:right !important}.md\:bg-right-bottom{background-position:right bottom !important}.md\:bg-right-top{background-position:right top !important}.md\:bg-top{background-position:top !important}}@media screen and (min-width: 992px){.lg\:bg-bottom{background-position:bottom !important}.lg\:bg-center{background-position:center !important}.lg\:bg-left{background-position:left !important}.lg\:bg-left-bottom{background-position:left bottom !important}.lg\:bg-left-top{background-position:left top !important}.lg\:bg-right{background-position:right !important}.lg\:bg-right-bottom{background-position:right bottom !important}.lg\:bg-right-top{background-position:right top !important}.lg\:bg-top{background-position:top !important}}@media screen and (min-width: 1200px){.xl\:bg-bottom{background-position:bottom !important}.xl\:bg-center{background-position:center !important}.xl\:bg-left{background-position:left !important}.xl\:bg-left-bottom{background-position:left bottom !important}.xl\:bg-left-top{background-position:left top !important}.xl\:bg-right{background-position:right !important}.xl\:bg-right-bottom{background-position:right bottom !important}.xl\:bg-right-top{background-position:right top !important}.xl\:bg-top{background-position:top !important}}.select-none{user-select:none !important}.select-text{user-select:text !important}.select-all{user-select:all !important}.select-auto{user-select:auto !important}.list-none{list-style:none !important}.list-disc{list-style:disc !important}.list-decimal{list-style:decimal !important}.appearance-none{appearance:none !important}.outline-none{outline:none !important}.pointer-events-none{pointer-events:none !important}.pointer-events-auto{pointer-events:auto !important}.cursor-auto{cursor:auto !important}.cursor-pointer{cursor:pointer !important}.cursor-wait{cursor:wait !important}.cursor-move{cursor:move !important}.select-none{user-select:none !important}.select-text{user-select:text !important}.select-all{user-select:all !important}.select-auto{user-select:auto !important}.opacity-0{opacity:0 !important}.opacity-10{opacity:.1 !important}.opacity-20{opacity:.2 !important}.opacity-30{opacity:.3 !important}.opacity-40{opacity:.4 !important}.opacity-50{opacity:.5 !important}.opacity-60{opacity:.6 !important}.opacity-70{opacity:.7 !important}.opacity-80{opacity:.8 !important}.opacity-90{opacity:.9 !important}.opacity-100{opacity:1 !important}.transition-none{transition-property:none !important}.transition-all{transition-property:all !important}.transition-colors{transition-property:background-color,border-color,color !important}.transition-transform{transition-property:transform !important}.transition-duration-100{transition-duration:100ms !important}.transition-duration-150{transition-duration:150ms !important}.transition-duration-200{transition-duration:200ms !important}.transition-duration-300{transition-duration:300ms !important}.transition-duration-400{transition-duration:400ms !important}.transition-duration-500{transition-duration:500ms !important}.transition-duration-1000{transition-duration:1000ms !important}.transition-duration-2000{transition-duration:2000ms !important}.transition-duration-3000{transition-duration:3000ms !important}.transition-linear{transition-timing-function:linear !important}.transition-ease-in{transition-timing-function:cubic-bezier(0.4, 0, 1, 1) !important}.transition-ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1) !important}.transition-ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1) !important}.transition-delay-100{transition-delay:100ms !important}.transition-delay-150{transition-delay:150ms !important}.transition-delay-200{transition-delay:200ms !important}.transition-delay-300{transition-delay:300ms !important}.transition-delay-400{transition-delay:400ms !important}.transition-delay-500{transition-delay:500ms !important}.transition-delay-1000{transition-delay:1000ms !important}.translate-x-0{transform:translateX(0%) !important}.translate-x-100{transform:translateX(100%) !important}.-translate-x-100{transform:translateX(-100%) !important}.translate-y-0{transform:translateY(0%) !important}.translate-y-100{transform:translateY(100%) !important}.-translate-y-100{transform:translateY(-100%) !important}@media screen and (min-width: 576px){.sm\:translate-x-0{transform:translateX(0%) !important}.sm\:translate-x-100{transform:translateX(100%) !important}.sm\:-translate-x-100{transform:translateX(-100%) !important}.sm\:translate-y-0{transform:translateY(0%) !important}.sm\:translate-y-100{transform:translateY(100%) !important}.sm\:-translate-y-100{transform:translateY(-100%) !important}}@media screen and (min-width: 768px){.md\:translate-x-0{transform:translateX(0%) !important}.md\:translate-x-100{transform:translateX(100%) !important}.md\:-translate-x-100{transform:translateX(-100%) !important}.md\:translate-y-0{transform:translateY(0%) !important}.md\:translate-y-100{transform:translateY(100%) !important}.md\:-translate-y-100{transform:translateY(-100%) !important}}@media screen and (min-width: 992px){.lg\:translate-x-0{transform:translateX(0%) !important}.lg\:translate-x-100{transform:translateX(100%) !important}.lg\:-translate-x-100{transform:translateX(-100%) !important}.lg\:translate-y-0{transform:translateY(0%) !important}.lg\:translate-y-100{transform:translateY(100%) !important}.lg\:-translate-y-100{transform:translateY(-100%) !important}}@media screen and (min-width: 1200px){.xl\:translate-x-0{transform:translateX(0%) !important}.xl\:translate-x-100{transform:translateX(100%) !important}.xl\:-translate-x-100{transform:translateX(-100%) !important}.xl\:translate-y-0{transform:translateY(0%) !important}.xl\:translate-y-100{transform:translateY(100%) !important}.xl\:-translate-y-100{transform:translateY(-100%) !important}}.rotate-45{transform:rotate(45deg) !important}.-rotate-45{transform:rotate(-45deg) !important}.rotate-90{transform:rotate(90deg) !important}.-rotate-90{transform:rotate(-90deg) !important}.rotate-180{transform:rotate(180deg) !important}.-rotate-180{transform:rotate(-180deg) !important}@media screen and (min-width: 576px){.sm\:rotate-45{transform:rotate(45deg) !important}.sm\:-rotate-45{transform:rotate(-45deg) !important}.sm\:rotate-90{transform:rotate(90deg) !important}.sm\:-rotate-90{transform:rotate(-90deg) !important}.sm\:rotate-180{transform:rotate(180deg) !important}.sm\:-rotate-180{transform:rotate(-180deg) !important}}@media screen and (min-width: 768px){.md\:rotate-45{transform:rotate(45deg) !important}.md\:-rotate-45{transform:rotate(-45deg) !important}.md\:rotate-90{transform:rotate(90deg) !important}.md\:-rotate-90{transform:rotate(-90deg) !important}.md\:rotate-180{transform:rotate(180deg) !important}.md\:-rotate-180{transform:rotate(-180deg) !important}}@media screen and (min-width: 992px){.lg\:rotate-45{transform:rotate(45deg) !important}.lg\:-rotate-45{transform:rotate(-45deg) !important}.lg\:rotate-90{transform:rotate(90deg) !important}.lg\:-rotate-90{transform:rotate(-90deg) !important}.lg\:rotate-180{transform:rotate(180deg) !important}.lg\:-rotate-180{transform:rotate(-180deg) !important}}@media screen and (min-width: 1200px){.xl\:rotate-45{transform:rotate(45deg) !important}.xl\:-rotate-45{transform:rotate(-45deg) !important}.xl\:rotate-90{transform:rotate(90deg) !important}.xl\:-rotate-90{transform:rotate(-90deg) !important}.xl\:rotate-180{transform:rotate(180deg) !important}.xl\:-rotate-180{transform:rotate(-180deg) !important}}.origin-center{transform-origin:center !important}.origin-top{transform-origin:top !important}.origin-top-right{transform-origin:top right !important}.origin-right{transform-origin:right !important}.origin-bottom-right{transform-origin:bottom right !important}.origin-bottom{transform-origin:bottom !important}.origin-bottom-left{transform-origin:bottom left !important}.origin-left{transform-origin:left !important}.origin-top-left{transform-origin:top-left !important}@media screen and (min-width: 576px){.sm\:origin-center{transform-origin:center !important}.sm\:origin-top{transform-origin:top !important}.sm\:origin-top-right{transform-origin:top right !important}.sm\:origin-right{transform-origin:right !important}.sm\:origin-bottom-right{transform-origin:bottom right !important}.sm\:origin-bottom{transform-origin:bottom !important}.sm\:origin-bottom-left{transform-origin:bottom left !important}.sm\:origin-left{transform-origin:left !important}.sm\:origin-top-left{transform-origin:top-left !important}}@media screen and (min-width: 768px){.md\:origin-center{transform-origin:center !important}.md\:origin-top{transform-origin:top !important}.md\:origin-top-right{transform-origin:top right !important}.md\:origin-right{transform-origin:right !important}.md\:origin-bottom-right{transform-origin:bottom right !important}.md\:origin-bottom{transform-origin:bottom !important}.md\:origin-bottom-left{transform-origin:bottom left !important}.md\:origin-left{transform-origin:left !important}.md\:origin-top-left{transform-origin:top-left !important}}@media screen and (min-width: 992px){.lg\:origin-center{transform-origin:center !important}.lg\:origin-top{transform-origin:top !important}.lg\:origin-top-right{transform-origin:top right !important}.lg\:origin-right{transform-origin:right !important}.lg\:origin-bottom-right{transform-origin:bottom right !important}.lg\:origin-bottom{transform-origin:bottom !important}.lg\:origin-bottom-left{transform-origin:bottom left !important}.lg\:origin-left{transform-origin:left !important}.lg\:origin-top-left{transform-origin:top-left !important}}@media screen and (min-width: 1200px){.xl\:origin-center{transform-origin:center !important}.xl\:origin-top{transform-origin:top !important}.xl\:origin-top-right{transform-origin:top right !important}.xl\:origin-right{transform-origin:right !important}.xl\:origin-bottom-right{transform-origin:bottom right !important}.xl\:origin-bottom{transform-origin:bottom !important}.xl\:origin-bottom-left{transform-origin:bottom left !important}.xl\:origin-left{transform-origin:left !important}.xl\:origin-top-left{transform-origin:top-left !important}}@keyframes fadein{0%{opacity:0}100%{opacity:1}}@keyframes fadeout{0%{opacity:1}100%{opacity:0}}@keyframes scalein{0%{opacity:0;transform:scaleY(0.8);transition:transform .12s cubic-bezier(0, 0, 0.2, 1),opacity .12s cubic-bezier(0, 0, 0.2, 1)}100%{opacity:1;transform:scaleY(1)}}@keyframes slidedown{0%{max-height:0}100%{max-height:auto}}@keyframes slideup{0%{max-height:1000px}100%{max-height:0}}@keyframes fadeinleft{0%{opacity:0;transform:translateX(-100%);transition:transform .12s cubic-bezier(0, 0, 0.2, 1),opacity .12s cubic-bezier(0, 0, 0.2, 1)}100%{opacity:1;transform:translateX(0%)}}@keyframes fadeoutleft{0%{opacity:0;transform:translateX(0%);transition:transform .12s cubic-bezier(0, 0, 0.2, 1),opacity .12s cubic-bezier(0, 0, 0.2, 1)}100%{opacity:1;transform:translateX(-100%)}}@keyframes fadeinright{0%{opacity:0;transform:translateX(100%);transition:transform .12s cubic-bezier(0, 0, 0.2, 1),opacity .12s cubic-bezier(0, 0, 0.2, 1)}100%{opacity:1;transform:translateX(0%)}}@keyframes fadeoutright{0%{opacity:0;transform:translateX(0%);transition:transform .12s cubic-bezier(0, 0, 0.2, 1),opacity .12s cubic-bezier(0, 0, 0.2, 1)}100%{opacity:1;transform:translateX(100%)}}@keyframes fadeinup{0%{opacity:0;transform:translateY(-100%);transition:transform .12s cubic-bezier(0, 0, 0.2, 1),opacity .12s cubic-bezier(0, 0, 0.2, 1)}100%{opacity:1;transform:translateY(0%)}}@keyframes fadeoutup{0%{opacity:0;transform:translateY(0%);transition:transform .12s cubic-bezier(0, 0, 0.2, 1),opacity .12s cubic-bezier(0, 0, 0.2, 1)}100%{opacity:1;transform:translateY(-100%)}}@keyframes fadeindown{0%{opacity:0;transform:translateY(100%);transition:transform .12s cubic-bezier(0, 0, 0.2, 1),opacity .12s cubic-bezier(0, 0, 0.2, 1)}100%{opacity:1;transform:translateY(0%)}}@keyframes fadeoutdown{0%{opacity:0;transform:translateY(0%);transition:transform .12s cubic-bezier(0, 0, 0.2, 1),opacity .12s cubic-bezier(0, 0, 0.2, 1)}100%{opacity:1;transform:translateY(100%)}}@keyframes animate-width{0%{width:0}100%{width:100%}}.fadein{animation:fadein .15s linear}.fadeout{animation:fadeout .15s linear}.slidedown{animation:slidedown .45s ease-in-out}.slideup{animation:slideup .45s cubic-bezier(0, 1, 0, 1)}.scalein{animation:scalein .15s linear}.fadeinleft{animation:fadeinleft .15s linear}.fadeoutleft{animation:fadeoutleft .15s linear}.fadeinright{animation:fadeinright .15s linear}.fadeoutright{animation:fadeoutright .15s linear}.fadeinup{animation:fadeinup .15s linear}.fadeoutup{animation:fadeoutup .15s linear}.fadeindown{animation:fadeindown .15s linear}.fadeoutdown{animation:fadeoutdown .15s linear}.animate-width{animation:animate-width 1000ms linear}.animation-duration-100{animation-duration:100ms !important}.animation-duration-150{animation-duration:150ms !important}.animation-duration-200{animation-duration:200ms !important}.animation-duration-300{animation-duration:300ms !important}.animation-duration-400{animation-duration:400ms !important}.animation-duration-500{animation-duration:500ms !important}.animation-duration-1000{animation-duration:1000ms !important}.animation-duration-2000{animation-duration:2000ms !important}.animation-duration-3000{animation-duration:3000ms !important}.animation-delay-100{animation-delay:100ms !important}.animation-delay-150{animation-delay:150ms !important}.animation-delay-200{animation-delay:200ms !important}.animation-delay-300{animation-delay:300ms !important}.animation-delay-400{animation-delay:400ms !important}.animation-delay-500{animation-delay:500ms !important}.animation-delay-1000{animation-delay:1000ms !important}.animation-iteration-1{animation-iteration-count:1 !important}.animation-iteration-2{animation-iteration-count:2 !important}.animation-iteration-infinite{animation-iteration-count:infinite !important}.animation-linear{animation-timing-function:linear !important}.animation-ease-in{animation-timing-function:cubic-bezier(0.4, 0, 1, 1) !important}.animation-ease-out{animation-timing-function:cubic-bezier(0, 0, 0.2, 1) !important}.animation-ease-in-out{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1) !important}.animation-fill-none{animation-fill-mode:none !important}.animation-fill-forwards{animation-fill-mode:forwards !important}.animation-fill-backwards{animation-fill-mode:backwards !important}.animation-fill-both{animation-fill-mode:both !important}/*# sourceMappingURL=primeflex.min.css.map */ diff --git a/src/assets/pages/primeicons.css b/src/assets/pages/primeicons.css new file mode 100755 index 00000000..6f1b5c36 --- /dev/null +++ b/src/assets/pages/primeicons.css @@ -0,0 +1,870 @@ +@font-face { + font-family: 'primeicons'; + font-display: auto; + src: url('./fonts/primeicons.eot'); + src: url('./fonts/primeicons.eot?#iefix') format('embedded-opentype'), url('./fonts/primeicons.ttf') format('truetype'), url('./fonts/primeicons.woff') format('woff'), url('./fonts/primeicons.svg?#primeicons') format('svg'); + font-weight: normal; + font-style: normal; +} + +.pi { + font-family: 'primeicons'; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.pi:before { + --webkit-backface-visibility:hidden; + backface-visibility: hidden; +} + +.pi-fw { + width: 1.28571429em; + text-align: center; +} + +.pi-spin { + -webkit-animation: fa-spin 2s infinite linear; + animation: fa-spin 2s infinite linear; +} + +@-webkit-keyframes fa-spin { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(359deg); + transform: rotate(359deg); + } +} + +@keyframes fa-spin { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(359deg); + transform: rotate(359deg); + } +} + +.pi-send:before { + content: "\e9ca"; +} + +.pi-slack:before { + content: "\e9c9"; +} + +.pi-sun:before { + content: "\e9c8"; +} + +.pi-moon:before { + content: "\e9c7"; +} + +.pi-vimeo:before { + content: "\e9c6"; +} + +.pi-youtube:before { + content: "\e9c5"; +} + +.pi-flag:before { + content: "\e9c4"; +} + +.pi-wallet:before { + content: "\e9c3"; +} + +.pi-map:before { + content: "\e9c2"; +} + +.pi-link:before { + content: "\e9c1"; +} + +.pi-credit-card:before { + content: "\e9bf"; +} + +.pi-discord:before { + content: "\e9c0"; +} + +.pi-percentage:before { + content: "\e9be"; +} + +.pi-euro:before { + content: "\e9bd"; +} + +.pi-book:before { + content: "\e9ba"; +} + +.pi-shield:before { + content: "\e9b9"; +} + +.pi-paypal:before { + content: "\e9bb"; +} + +.pi-amazon:before { + content: "\e9bc"; +} + +.pi-phone:before { + content: "\e9b8"; +} + +.pi-filter-slash:before { + content: "\e9b7"; +} + +.pi-facebook:before { + content: "\e9b4"; +} + +.pi-github:before { + content: "\e9b5"; +} + +.pi-twitter:before { + content: "\e9b6"; +} + +.pi-step-backward-alt:before { + content: "\e9ac"; +} + +.pi-step-forward-alt:before { + content: "\e9ad"; +} + +.pi-forward:before { + content: "\e9ae"; +} + +.pi-backward:before { + content: "\e9af"; +} + +.pi-fast-backward:before { + content: "\e9b0"; +} + +.pi-fast-forward:before { + content: "\e9b1"; +} + +.pi-pause:before { + content: "\e9b2"; +} + +.pi-play:before { + content: "\e9b3"; +} + +.pi-compass:before { + content: "\e9ab"; +} + +.pi-id-card:before { + content: "\e9aa"; +} + +.pi-ticket:before { + content: "\e9a9"; +} + +.pi-file-o:before { + content: "\e9a8"; +} + +.pi-reply:before { + content: "\e9a7"; +} + +.pi-directions-alt:before { + content: "\e9a5"; +} + +.pi-directions:before { + content: "\e9a6"; +} + +.pi-thumbs-up:before { + content: "\e9a3"; +} + +.pi-thumbs-down:before { + content: "\e9a4"; +} + +.pi-sort-numeric-down-alt:before { + content: "\e996"; +} + +.pi-sort-numeric-up-alt:before { + content: "\e997"; +} + +.pi-sort-alpha-down-alt:before { + content: "\e998"; +} + +.pi-sort-alpha-up-alt:before { + content: "\e999"; +} + +.pi-sort-numeric-down:before { + content: "\e99a"; +} + +.pi-sort-numeric-up:before { + content: "\e99b"; +} + +.pi-sort-alpha-down:before { + content: "\e99c"; +} + +.pi-sort-alpha-up:before { + content: "\e99d"; +} + +.pi-sort-alt:before { + content: "\e99e"; +} + +.pi-sort-amount-up:before { + content: "\e99f"; +} + +.pi-sort-amount-down:before { + content: "\e9a0"; +} + +.pi-sort-amount-down-alt:before { + content: "\e9a1"; +} + +.pi-sort-amount-up-alt:before { + content: "\e9a2"; +} + +.pi-palette:before { + content: "\e995"; +} + +.pi-undo:before { + content: "\e994"; +} + +.pi-desktop:before { + content: "\e993"; +} + +.pi-sliders-v:before { + content: "\e991"; +} + +.pi-sliders-h:before { + content: "\e992"; +} + +.pi-search-plus:before { + content: "\e98f"; +} + +.pi-search-minus:before { + content: "\e990"; +} + +.pi-file-excel:before { + content: "\e98e"; +} + +.pi-file-pdf:before { + content: "\e98d"; +} + +.pi-check-square:before { + content: "\e98c"; +} + +.pi-chart-line:before { + content: "\e98b"; +} + +.pi-user-edit:before { + content: "\e98a"; +} + +.pi-exclamation-circle:before { + content: "\e989"; +} + +.pi-android:before { + content: "\e985"; +} + +.pi-google:before { + content: "\e986"; +} + +.pi-apple:before { + content: "\e987"; +} + +.pi-microsoft:before { + content: "\e988"; +} + +.pi-heart:before { + content: "\e984"; +} + +.pi-mobile:before { + content: "\e982"; +} + +.pi-tablet:before { + content: "\e983"; +} + +.pi-key:before { + content: "\e981"; +} + +.pi-shopping-cart:before { + content: "\e980"; +} + +.pi-comments:before { + content: "\e97e"; +} + +.pi-comment:before { + content: "\e97f"; +} + +.pi-briefcase:before { + content: "\e97d"; +} + +.pi-bell:before { + content: "\e97c"; +} + +.pi-paperclip:before { + content: "\e97b"; +} + +.pi-share-alt:before { + content: "\e97a"; +} + +.pi-envelope:before { + content: "\e979"; +} + +.pi-volume-down:before { + content: "\e976"; +} + +.pi-volume-up:before { + content: "\e977"; +} + +.pi-volume-off:before { + content: "\e978"; +} + +.pi-eject:before { + content: "\e975"; +} + +.pi-money-bill:before { + content: "\e974"; +} + +.pi-images:before { + content: "\e973"; +} + +.pi-image:before { + content: "\e972"; +} + +.pi-sign-in:before { + content: "\e970"; +} + +.pi-sign-out:before { + content: "\e971"; +} + +.pi-wifi:before { + content: "\e96f"; +} + +.pi-sitemap:before { + content: "\e96e"; +} + +.pi-chart-bar:before { + content: "\e96d"; +} + +.pi-camera:before { + content: "\e96c"; +} + +.pi-dollar:before { + content: "\e96b"; +} + +.pi-lock-open:before { + content: "\e96a"; +} + +.pi-table:before { + content: "\e969"; +} + +.pi-map-marker:before { + content: "\e968"; +} + +.pi-list:before { + content: "\e967"; +} + +.pi-eye-slash:before { + content: "\e965"; +} + +.pi-eye:before { + content: "\e966"; +} + +.pi-folder-open:before { + content: "\e964"; +} + +.pi-folder:before { + content: "\e963"; +} + +.pi-video:before { + content: "\e962"; +} + +.pi-inbox:before { + content: "\e961"; +} + +.pi-lock:before { + content: "\e95f"; +} + +.pi-unlock:before { + content: "\e960"; +} + +.pi-tags:before { + content: "\e95d"; +} + +.pi-tag:before { + content: "\e95e"; +} + +.pi-power-off:before { + content: "\e95c"; +} + +.pi-save:before { + content: "\e95b"; +} + +.pi-question-circle:before { + content: "\e959"; +} + +.pi-question:before { + content: "\e95a"; +} + +.pi-copy:before { + content: "\e957"; +} + +.pi-file:before { + content: "\e958"; +} + +.pi-clone:before { + content: "\e955"; +} + +.pi-calendar-times:before { + content: "\e952"; +} + +.pi-calendar-minus:before { + content: "\e953"; +} + +.pi-calendar-plus:before { + content: "\e954"; +} + +.pi-ellipsis-v:before { + content: "\e950"; +} + +.pi-ellipsis-h:before { + content: "\e951"; +} + +.pi-bookmark:before { + content: "\e94e"; +} + +.pi-globe:before { + content: "\e94f"; +} + +.pi-replay:before { + content: "\e94d"; +} + +.pi-filter:before { + content: "\e94c"; +} + +.pi-print:before { + content: "\e94b"; +} + +.pi-align-right:before { + content: "\e946"; +} + +.pi-align-left:before { + content: "\e947"; +} + +.pi-align-center:before { + content: "\e948"; +} + +.pi-align-justify:before { + content: "\e949"; +} + +.pi-cog:before { + content: "\e94a"; +} + +.pi-cloud-download:before { + content: "\e943"; +} + +.pi-cloud-upload:before { + content: "\e944"; +} + +.pi-cloud:before { + content: "\e945"; +} + +.pi-pencil:before { + content: "\e942"; +} + +.pi-users:before { + content: "\e941"; +} + +.pi-clock:before { + content: "\e940"; +} + +.pi-user-minus:before { + content: "\e93e"; +} + +.pi-user-plus:before { + content: "\e93f"; +} + +.pi-trash:before { + content: "\e93d"; +} + +.pi-external-link:before { + content: "\e93c"; +} + +.pi-window-maximize:before { + content: "\e93b"; +} + +.pi-window-minimize:before { + content: "\e93a"; +} + +.pi-refresh:before { + content: "\e938"; +} + +.pi-user:before { + content: "\e939"; +} + +.pi-exclamation-triangle:before { + content: "\e922"; +} + +.pi-calendar:before { + content: "\e927"; +} + +.pi-chevron-circle-left:before { + content: "\e928"; +} + +.pi-chevron-circle-down:before { + content: "\e929"; +} + +.pi-chevron-circle-right:before { + content: "\e92a"; +} + +.pi-chevron-circle-up:before { + content: "\e92b"; +} + +.pi-angle-double-down:before { + content: "\e92c"; +} + +.pi-angle-double-left:before { + content: "\e92d"; +} + +.pi-angle-double-right:before { + content: "\e92e"; +} + +.pi-angle-double-up:before { + content: "\e92f"; +} + +.pi-angle-down:before { + content: "\e930"; +} + +.pi-angle-left:before { + content: "\e931"; +} + +.pi-angle-right:before { + content: "\e932"; +} + +.pi-angle-up:before { + content: "\e933"; +} + +.pi-upload:before { + content: "\e934"; +} + +.pi-download:before { + content: "\e956"; +} + +.pi-ban:before { + content: "\e935"; +} + +.pi-star-o:before { + content: "\e936"; +} + +.pi-star:before { + content: "\e937"; +} + +.pi-chevron-left:before { + content: "\e900"; +} + +.pi-chevron-right:before { + content: "\e901"; +} + +.pi-chevron-down:before { + content: "\e902"; +} + +.pi-chevron-up:before { + content: "\e903"; +} + +.pi-caret-left:before { + content: "\e904"; +} + +.pi-caret-right:before { + content: "\e905"; +} + +.pi-caret-down:before { + content: "\e906"; +} + +.pi-caret-up:before { + content: "\e907"; +} + +.pi-search:before { + content: "\e908"; +} + +.pi-check:before { + content: "\e909"; +} + +.pi-check-circle:before { + content: "\e90a"; +} + +.pi-times:before { + content: "\e90b"; +} + +.pi-times-circle:before { + content: "\e90c"; +} + +.pi-plus:before { + content: "\e90d"; +} + +.pi-plus-circle:before { + content: "\e90e"; +} + +.pi-minus:before { + content: "\e90f"; +} + +.pi-minus-circle:before { + content: "\e910"; +} + +.pi-circle-on:before { + content: "\e911"; +} + +.pi-circle-off:before { + content: "\e912"; +} + +.pi-sort-down:before { + content: "\e913"; +} + +.pi-sort-up:before { + content: "\e914"; +} + +.pi-sort:before { + content: "\e915"; +} + +.pi-step-backward:before { + content: "\e916"; +} + +.pi-step-forward:before { + content: "\e917"; +} + +.pi-th-large:before { + content: "\e918"; +} + +.pi-arrow-down:before { + content: "\e919"; +} + +.pi-arrow-left:before { + content: "\e91a"; +} + +.pi-arrow-right:before { + content: "\e91b"; +} + +.pi-arrow-up:before { + content: "\e91c"; +} + +.pi-bars:before { + content: "\e91d"; +} + +.pi-arrow-circle-down:before { + content: "\e91e"; +} + +.pi-arrow-circle-left:before { + content: "\e91f"; +} + +.pi-arrow-circle-right:before { + content: "\e920"; +} + +.pi-arrow-circle-up:before { + content: "\e921"; +} + +.pi-info:before { + content: "\e923"; +} + +.pi-info-circle:before { + content: "\e924"; +} + +.pi-home:before { + content: "\e925"; +} + +.pi-spinner:before { + content: "\e926"; +} diff --git a/src/assets/pages/primeng.min.css b/src/assets/pages/primeng.min.css old mode 100644 new mode 100755 index 905b0633..7605c71d --- a/src/assets/pages/primeng.min.css +++ b/src/assets/pages/primeng.min.css @@ -1 +1 @@ -.ui-widget *{box-sizing:border-box}.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{zoom:1}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-state-disabled{cursor:default !important}.ui-state-disabled a{cursor:default !important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:absolute;top:0;left:0;width:100%;height:100%}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:.1px;display:block}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-shadow{-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,0.3);-moz-box-shadow:0 1px 3px 0 rgba(0,0,0,0.3);box-shadow:0 1px 3px 0 rgba(0,0,0,0.3)}.ui-unselectable-text{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}.ui-scrollbar-measure{width:100px;height:100px;overflow:scroll;position:absolute;top:-9999px}.ui-accordion{width:100%}.ui-accordion .ui-accordion-header{cursor:pointer;position:relative;margin-top:1px;zoom:1}.ui-accordion .ui-accordion-header a{display:block;padding:.5em .5em .5em 2em}.ui-accordion .ui-accordion-header .fa{position:absolute;left:.5em;top:50%;margin-top:-.5em}.ui-accordion .ui-accordion-content{padding:1em;border-top:0;overflow:auto;zoom:1}.ui-accordion .ui-accordion-header.ui-state-disabled,.ui-accordion .ui-accordion-header.ui-state-disabled a{cursor:default}.ui-accordion-content-wrapper-overflown{overflow:hidden}.ui-autocomplete{width:auto;zoom:1;cursor:pointer;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;position:relative;display:inline-block}.ui-autocomplete .ui-autocomplete-dropdown{position:absolute;height:100%;width:2em}.ui-autocomplete-query{font-weight:bold}.ui-autocomplete-panel{position:absolute;overflow:auto}.ui-autocomplete-panel .ui-autocomplete-list{padding:.4em;border:0 none}.ui-autocomplete-panel .ui-autocomplete-list-item{border:0 none;cursor:pointer;font-weight:normal;margin:1px 0;padding:.186em .313em;text-align:left}.ui-autocomplete .ui-button-icon-only{border-left:0 none}.ui-autocomplete-multiple-container.ui-inputtext{clear:left;cursor:text;list-style-type:none;margin:0;overflow:hidden;padding:0 .25em}.ui-autocomplete-token{cursor:default;display:inline-block;vertical-align:middle;overflow:hidden;padding:.125em .5em;white-space:nowrap;position:relative;margin-right:.125em;border:0 none;font-size:.9em}.ui-autocomplete-token-label{display:block;margin-right:2em}.ui-autocomplete-token-icon{margin-top:-.5em;position:absolute;right:.2em;top:50%;cursor:pointer}.ui-autocomplete-input-token{display:inline-block;vertical-align:middle;list-style-type:none;margin:0 0 0 .125em;padding:.25em .25em .25em 0}.ui-autocomplete-input-token .ui-inputtext{border:0 none;width:10em;outline:medium none;background-color:transparent;margin:0;padding:0;box-shadow:none;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0}.ui-autocomplete-dd input.ui-corner-all{-moz-border-radius-topright:0;-webkit-border-top-right-radius:0;border-top-right-radius:0;-moz-border-radius-bottomright:0;-webkit-border-bottom-right-radius:0;border-bottom-right-radius:0}.ui-autocomplete-dd .ui-autocomplete-dropdown.ui-corner-all{-moz-border-radius-topleft:0;-webkit-border-top-left-radius:0;border-top-left-radius:0;-moz-border-radius-bottomleft:0;-webkit-border-bottom-left-radius:0;border-bottom-left-radius:0}.ui-fluid .ui-autocomplete,.ui-fluid .ui-autocomplete-input{width:100%}.ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button{width:2em}.ui-blockui{position:absolute;top:0;left:0;width:100%;height:100%}.ui-blockui-document{position:fixed}.ui-breadcrumb{margin:0;padding:0;padding:.3em}.ui-breadcrumb ul{margin:0;padding:0}.ui-breadcrumb ul li{display:inline-block;vertical-align:middle}.ui-breadcrumb ul li .ui-menuitem-link{text-decoration:none}.ui-button{display:inline-block;position:relative;padding:0;margin-right:.1em;text-decoration:none !important;cursor:pointer;text-align:center;zoom:1;overflow:visible}.ui-button-icon-only{width:2em}.ui-button .ui-button-text{display:block;line-height:normal}.ui-button-text-only .ui-button-text{padding:.25em 1em}.ui-button-icon-only .ui-button-text{padding:.25em;text-indent:-9999999px}.ui-button-text-icon-left .ui-button-text{padding:.25em 1em .25em 2.1em}.ui-button-text-icon-right .ui-button-text{padding:.25em 2.1em .25em 1em}.ui-button-icon-only .fa,.ui-button-text-icon-left .fa,.ui-button-text-icon-right .fa{position:absolute;top:50%;margin-top:-.5em}.ui-button-icon-only .fa{top:50%;left:50%;margin-top:-.5em;margin-left:-.6em}.ui-button-icon-left{left:.5em}.ui-button-icon-right{right:.5em}.ui-buttonset .ui-button{margin-left:0;margin-right:0}button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-fluid .ui-button{width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.ui-fluid .ui-buttonset{width:100%}.ui-fluid .ui-buttonset.ui-buttonset-1 .ui-button{width:100%}.ui-fluid .ui-buttonset.ui-buttonset-2 .ui-button{width:50%}.ui-fluid .ui-buttonset.ui-buttonset-3 .ui-button{width:33.3%}.ui-fluid .ui-buttonset.ui-buttonset-4 .ui-button{width:25%}.ui-fluid .ui-buttonset.ui-buttonset-5 .ui-button{width:20%}.ui-fluid .ui-buttonset.ui-buttonset-6 .ui-button{width:16.6%}@media(max-width:640px){.ui-fluid .ui-buttonset.ui-buttonset-1 .ui-button,.ui-fluid .ui-buttonset.ui-buttonset-2 .ui-button,.ui-fluid .ui-buttonset.ui-buttonset-3 .ui-button,.ui-fluid .ui-buttonset.ui-buttonset-4 .ui-button,.ui-fluid .ui-buttonset.ui-buttonset-5 .ui-button,.ui-fluid .ui-buttonset.ui-buttonset-6 .ui-button{width:100%}}.ui-button.ui-button-secondary.ui-state-default{background-color:#fff;border-color:#ccc;color:#373a3c}.ui-button.ui-button-secondary.ui-state-hover,.ui-button.ui-button-secondary.ui-state-focus{background-color:#f2f2f2}.ui-button.ui-button-secondary.ui-state-active{background-color:#e6e6e6}.ui-button.ui-button-success.ui-state-default{background-color:#5cb85c;border-color:#5cb85c;color:#fff}.ui-button.ui-button-success.ui-state-hover,.ui-button.ui-button-success.ui-state-focus{background-color:#4cae4c}.ui-button.ui-button-success.ui-state-active{background-color:#449d44}.ui-button.ui-button-info.ui-state-default{background-color:#5bc0de;border-color:#5bc0de;color:#fff}.ui-button.ui-button-info.ui-state-hover,.ui-button.ui-button-info.ui-state-focus{background-color:#46b8da}.ui-button.ui-button-info.ui-state-active{background-color:#31b0d5}.ui-button.ui-button-warning.ui-state-default{background-color:#f0ad4e;border-color:#f0ad4e;color:#fff}.ui-button.ui-button-warning.ui-state-hover,.ui-button.ui-button-warning.ui-state-focus{background-color:#eea236}.ui-button.ui-button-warning.ui-state-active{background-color:#ec971f}.ui-button.ui-button-danger.ui-state-default{background-color:#d9534f;border-color:#d9534f;color:#fff}.ui-button.ui-button-danger.ui-state-hover,.ui-button.ui-button-danger.ui-state-focus{background-color:#d43f3a}.ui-button.ui-button-danger.ui-state-active{background-color:#c9302c}.ui-calendar{position:relative;display:inline-block}.ui-calendar button{position:absolute;height:100%;border-top-left-radius:0;border-bottom-left-radius:0;position:absolute;width:2em;border-left:0 none}.ui-fluid .ui-calendar{width:100%}.ui-fluid .ui-calendar button{width:2em}.ui-datepicker{width:17em;padding:.2em;display:none;position:absolute}.ui-datepicker.ui-datepicker-inline{display:block;position:static}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:.125em;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev{left:.125em}.ui-datepicker .ui-datepicker-next{right:.125em}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;top:50%;margin-top:-.5em}.ui-datepicker .ui-datepicker-prev span{margin-left:-.25em}.ui-datepicker .ui-datepicker-next span{margin-left:-.125em}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:.125em 0}.ui-datepicker select.ui-datepicker-month{width:55%}.ui-datepicker select.ui-datepicker-year{width:35%}.ui-datepicker select.ui-datepicker-month{margin-right:.25em}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:.125em}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-calendar.ui-calendar-w-btn input{-moz-border-radius-topright:0;-webkit-border-top-right-radius:0;-khtml-border-top-right-radius:0;border-top-right-radius:0;-moz-border-radius-bottomright:0;-webkit-border-bottom-right-radius:0;-khtml-border-bottom-right-radius:0;border-bottom-right-radius:0}.ui-timepicker{text-align:center;padding:.5em 0}.ui-timepicker>div{display:inline-block;margin-left:.5em;min-width:1.5em}.ui-timepicker>.ui-minute-picker{margin-left:0}.ui-timepicker>.ui-separator{margin-left:0;min-width:.75em}.ui-timepicker>.ui-separator a{visibility:hidden}.ui-timepicker>div a{display:block;opacity:.7;filter:Alpha(Opacity=70)}.ui-timepicker>div a:hover{display:block;opacity:1;filter:Alpha(Opacity=100)}.ui-carousel{position:relative;padding:.063em}.ui-carousel .ui-carousel-viewport .ui-carousel-items{list-style:none outside none;margin:0;padding:0;position:relative;width:32000px;left:0}.ui-carousel .ui-carousel-viewport .ui-carousel-items .ui-carousel-item{margin:1px;padding:0;float:left;box-sizing:border-box}.ui-carousel .ui-carousel-viewport{overflow:hidden;position:relative;border:0}.ui-carousel .ui-carousel-footer{margin:1px 1px 0 1px;padding:.5em;overflow:hidden}.ui-carousel .ui-carousel-header{margin:0 1px;overflow:hidden;padding:.625em}.ui-carousel .ui-carousel-header .ui-carousel-header-title{display:inline-block;overflow:hidden}.ui-carousel .ui-carousel-dropdown,.ui-carousel .ui-carousel-mobiledropdown{float:right;margin:0 .625em;background-image:none}.ui-carousel .ui-carousel-dropdown option,.ui-carousel .ui-carousel-mobiledropdown option{background-image:none;border:0 none;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none}.ui-carousel .ui-carousel-button{float:right;margin:.125em}.ui-carousel .ui-carousel-page-link{float:left;margin:0 .125em;text-decoration:none}.ui-carousel .ui-carousel-page-link,.ui-carousel .ui-carousel-button{cursor:pointer}.ui-carousel .ui-carousel-page-links{margin:0 .5em;margin-top:.125em;float:right}.ui-carousel .ui-carousel-mobiledropdown{display:none}.ui-chkbox{display:inline-block;cursor:pointer;vertical-align:middle;margin-right:.25em}.ui-chkbox .ui-chkbox-box{width:1.125em;height:1.125em;line-height:1.125em;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;text-align:center}.ui-chkbox .ui-chkbox-icon{line-height:inherit;display:block}.ui-chkbox-label{vertical-align:middle}.ui-chips>ul.ui-inputtext{clear:left;cursor:text;list-style-type:none;margin:0;overflow:hidden;padding:0 .25em}.ui-chips-token{cursor:default;display:inline-block;vertical-align:middle;overflow:hidden;padding:.125em .5em;white-space:nowrap;position:relative;margin-right:.125em;border:0 none;font-size:.9em}.ui-chips-token .ui-chips-token-label{display:block;margin-right:2em}.ui-chips>.ui-state-disabled .ui-chips-token-label{margin-right:0}.ui-chips-token .ui-chips-token-icon{margin-top:-.5em;position:absolute;right:.2em;top:50%;cursor:pointer}.ui-chips-input-token{display:inline-block;vertical-align:middle;list-style-type:none;margin:0 0 0 .125em;padding:.25em .25em .25em 0}.ui-chips-input-token .ui-inputtext{border:0 none;width:10em;outline:medium none;background-color:transparent;margin:0;padding:0;box-shadow:none;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0}.ui-datagrid .ui-paginator{text-align:center;border-top:0 none}.ui-datagrid-column{padding:.25em}.ui-datagrid-content-empty{padding:.25em .625em}.ui-datagrid .ui-datagrid-header,.ui-datagrid .ui-datagrid-footer{text-align:center;padding:.5em .75em}.ui-datagrid .ui-datagrid-header{border-bottom:0 none}.ui-datagrid .ui-datagrid-footer{border-top:0 none}.ui-datagrid .ui-paginator-top{border-bottom:0 none}.ui-datagrid .ui-paginator-bottom{border-top:0 none}.ui-datalist .ui-datalist-header,.ui-datalist .ui-datalist-footer{text-align:center;padding:.5em .75em}.ui-datalist .ui-datalist-header{border-bottom:0 none}.ui-datalist .ui-datalist-footer{border-top:0 none}.ui-datalist .ui-paginator{border-top:0 none}.ui-datalist .ui-datalist-data{margin:0;padding:0}.ui-datalist .ui-datalist-data>li{list-style-type:none}.ui-datascroller .ui-datascroller-header{text-align:center;padding:.5em .75em;border-bottom:0 none}.ui-datascroller .ui-datascroller-footer{text-align:center;padding:.25em .625em;border-top:0 none}.ui-datascroller .ui-datascroller-content{padding:.25em .625em}.ui-datascroller-inline .ui-datascroller-content{overflow:auto}.ui-datascroller .ui-datascroller-list{list-style-type:none;margin:0;padding:0}.ui-datatable table{border-collapse:collapse;width:100%;table-layout:fixed}.ui-datatable .ui-datatable-header,.ui-datatable .ui-datatable-caption,.ui-datatable .ui-datatable-footer{text-align:center;padding:.5em .75em;box-sizing:border-box}.ui-datatable .ui-datatable-caption,.ui-datatable .ui-datatable-header{border-bottom:0 none}.ui-datatable .ui-datatable-footer{border-top:0 none}.ui-datatable thead th,.ui-datatable tfoot td{text-align:center}.ui-datatable thead th,.ui-datatable tbody td,.ui-datatable tfoot td,.ui-datatable tfoot th{padding:.25em .5em;overflow:hidden;border-width:1px;border-style:solid}.ui-datatable thead tr{border-width:0}.ui-datatable thead th,.ui-datatable tfoot td,.ui-datatable tbody td{border-color:inherit;box-sizing:border-box}.ui-datatable tbody{outline:0}.ui-datatable .ui-sortable-column{cursor:pointer}.ui-datatable .ui-sortable-column-icon{display:inline-block;margin-left:.125em}.ui-datatable tr.ui-state-highlight{cursor:pointer}.ui-datatable-scrollable-body{overflow:auto}.ui-datatable-scrollable-header{overflow:hidden}.ui-datatable-scrollable .ui-datatable-scrollable-header{position:relative;border:0 none}.ui-datatable-scrollable .ui-datatable-scrollable-header td{font-weight:normal}.ui-datatable .ui-datatable-scrollable-body{min-height:0}.ui-datatable .ui-datatable-data tr.ui-state-hover,.ui-datatable .ui-datatable-data tr.ui-state-highlight{border-color:inherit;font-weight:inherit;cursor:pointer}.ui-datatable-scrollable-theadclone{height:0}.ui-datatable-scrollable-theadclone tr{height:0}.ui-datatable-scrollable-theadclone th.ui-state-default{height:0;border-bottom-width:0;border-top-width:0;padding-top:0;padding-bottom:0;outline:0 none}.ui-datatable-scrollable-theadclone th span.ui-column-title{display:block;height:0}.ui-datatable .ui-paginator{padding:.125em;border-top:0 none}.ui-datatable-rtl{direction:rtl}.ui-datatable-rtl.ui-datatable thead th,.ui-datatable-rtl.ui-datatable tfoot td{text-align:right}.ui-row-toggler{cursor:pointer}.ui-datatable .ui-column-resizer{display:block;position:absolute !important;top:0;right:0;margin:0;width:.5em;height:100%;padding:0;cursor:col-resize;border:1px solid transparent}.ui-datatable .ui-column-resizer-helper{width:1px;position:absolute;z-index:10;display:none}.ui-datatable-resizable{padding-bottom:1px;overflow:auto}.ui-datatable-resizable thead th,.ui-datatable-resizable tbody td,.ui-datatable-resizable tfoot td{white-space:nowrap}.ui-datatable-resizable th.ui-resizable-column{background-clip:padding-box;position:relative}.ui-datatable-reflow .ui-datatable-data td .ui-column-title{display:none}.ui-datatable .ui-column-filter{display:block;width:100%;box-sizing:border-box;margin-top:.25em}.ui-datatable td.ui-cell-editing{padding:0}.ui-datatable td.ui-cell-editing input{box-sizing:border-box;width:100%;border:0 none;outline:0}.ui-datatable .ui-editable-column .ui-cell-editor{display:none}.ui-datatable .ui-editable-column.ui-cell-editing .ui-cell-editor{display:inline}.ui-datatable .ui-editable-column.ui-cell-editing .ui-cell-data{display:none}.ui-datatable-stacked thead th,.ui-datatable-stacked tfoot td{display:none !important}.ui-datatable-stacked .ui-datatable-data td{text-align:left;display:block;border:0 none;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;clear:left}.ui-datatable-stacked .ui-datatable-data.ui-widget-content{border:0 none}.ui-datatable-stacked .ui-datatable-data tr.ui-widget-content{border-left:0 none;border-right:0 none}.ui-datatable-stacked .ui-datatable-data td .ui-column-title{padding:.4em;min-width:30%;display:inline-block;margin:-.4em 1em -.4em -.4em;font-weight:bold}.ui-datatable .ui-selection-column .ui-chkbox,.ui-datatable .ui-selection-column .ui-radiobutton{margin:0;display:block}.ui-datatable .ui-selection-column .ui-chkbox-box,.ui-datatable .ui-selection-column .ui-radiobutton-box{display:block;box-sizing:border-box;margin:0}@media(max-width:35em){.ui-datatable-reflow thead th,.ui-datatable-reflow tfoot td{display:none !important}.ui-datatable-reflow .ui-datatable-data td{text-align:left;display:block;border:0 none;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;clear:left}.ui-datatable-reflow .ui-datatable-data.ui-widget-content{border:0 none}.ui-datatable-reflow .ui-datatable-data tr.ui-widget-content{border-left:0 none;border-right:0 none}.ui-datatable-reflow .ui-datatable-data td .ui-column-title{padding:.4em;min-width:30%;display:inline-block;margin:-.4em 1em -.4em -.4em;font-weight:bold}}.ui-dialog{position:fixed;padding:0;overflow:hidden}.ui-dialog .ui-dialog-titlebar{padding:.5em .75em;position:relative;border:0}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em .75em;background:0;overflow:auto;zoom:1}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin:.5em 0 0 0;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer;float:right}.ui-dialog .ui-resizable-se{width:14px;height:14px;right:3px;bottom:3px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-dialog .ui-dialog-titlebar-icon{text-decoration:none}.ui-dialog .ui-dialog-titlebar-close{float:right;padding:.125em;cursor:pointer;border:1px solid transparent}.ui-dialog .ui-dialog-titlebar-close span{display:block;margin:0}.ui-dialog-footer{padding:.4em 1em;border-width:1px 0 0 0;text-align:left}.ui-dialog-mask{position:fixed;width:100%;height:100%}.ui-confirmdialog.ui-dialog .ui-dialog-content{padding:1em 2em}.ui-confirmdialog .ui-dialog-content .fa{font-size:1.5em;vertical-align:middle;margin-right:.5em}.ui-confirmdialog .ui-dialog-content .ui-confirmdialog-message{vertical-align:middle}.ui-fluid .ui-dialog-buttonpane .ui-button{width:auto}.ui-dropdown{display:inline-block;position:relative;cursor:pointer}.ui-dropdown .ui-dropdown-trigger{border-right:0;border-top:0;border-bottom:0;cursor:pointer;width:1.5em;height:100%;position:absolute;right:0;top:0;padding:0 .25em}.ui-dropdown .ui-dropdown-trigger .fa{margin-top:.4em;margin-left:-.125em}.ui-dropdown .ui-dropdown-label{display:block;border:0;white-space:nowrap;overflow:hidden;font-weight:normal;width:100%;padding-right:1.5em}.ui-dropdown .ui-dropdown-item-empty,.ui-dropdown .ui-dropdown-label-empty{text-indent:-9999px}.ui-dropdown.ui-state-disabled .ui-dropdown-trigger,.ui-dropdown.ui-state-disabled .ui-dropdown-label{cursor:default}.ui-dropdown label.ui-dropdown-label{cursor:pointer}.ui-dropdown input.ui-dropdown-label{cursor:default}.ui-dropdown .ui-dropdown-panel{min-width:100%}.ui-dropdown-panel{position:absolute;height:auto}.ui-dropdown-panel .ui-dropdown-items-wrapper{overflow:auto}.ui-dropdown-panel .ui-dropdown-item{font-weight:normal;border:0 none;cursor:pointer;margin:1px 0;padding:.125em .25em;text-align:left}.ui-dropdown-panel .ui-dropdown-item-group{font-weight:bold}.ui-dropdown-panel .ui-dropdown-list{padding:.4em;border:0 none}.ui-dropdown-panel .ui-dropdown-filter{width:100%;padding-right:1.5em}.ui-dropdown-panel .ui-dropdown-filter-container{position:relative;margin:0;padding:.4em;display:inline-block}.ui-dropdown-panel .ui-dropdown-filter-container .fa{position:absolute;top:.8em;right:1em}.ui-fluid .ui-dropdown{width:100%}.ui-fieldset,.ui-fieldset .ui-fieldset-legend{padding:.6em 1em}.ui-fieldset-toggleable .ui-fieldset-legend{padding:.5em 1em .5em .5em;cursor:pointer;white-space:nowrap}.ui-fieldset .ui-fieldset-toggler{margin-right:.1em;display:inline-block;vertical-align:middle}.ui-fieldset .ui-fieldset-content-wrapper-overflown{overflow:hidden}.ui-fileupload-buttonbar .ui-fileupload-choose input{display:none}.ui-fileupload-buttonbar .ui-fileupload-choose.ui-state-disabled input{cursor:default}.ui-fileupload-choose{position:relative;overflow:hidden}.ui-fileupload-buttonbar{padding:.5em;border-bottom:0 none}.ui-fileupload-buttonbar .ui-button{vertical-align:middle;margin-right:.25em}.ui-fileupload-content{padding:1em;position:relative;transition:border-color .3s}.ui-fileupload-content.ui-fileupload-highlight{border-color:#156090}.ui-fileupload-files img{border:0}.ui-fileupload-files{display:table}.ui-fileupload-row{display:table-row}.ui-fileupload-row>div{display:table-cell;padding:.5em 1em;vertical-align:middle}.ui-fileupload-content .ui-progressbar{width:100%;position:absolute;top:1px;left:0;height:.25em;border:0 none}.ui-fileupload-content .ui-progressbar-value{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border:0 none}.ui-fluid .ui-fileupload .ui-button{width:auto}.ui-fluid .ui-fileupload-content .ui-button-icon-only{width:2em}.ui-galleria{overflow:hidden;visibility:hidden;position:relative}.ui-galleria-panel-wrapper{position:relative;padding:0;margin:0}.ui-galleria-panel{filter:inherit;position:absolute;top:0;left:0;list-style-type:none}.ui-galleria-filmstrip-wrapper{overflow:hidden;margin:.25em auto;position:relative}.ui-galleria-filmstrip{list-style:none outside none;margin:0;padding:0;width:2340px;z-index:900;position:absolute;top:0;left:0}.ui-galleria-frame{float:left;margin-right:5px;opacity:.3;cursor:pointer}.ui-galleria-frame-active{opacity:1}.ui-galleria-frame-content{overflow:hidden}.ui-galleria-nav-next,.ui-galleria-nav-prev{cursor:pointer;position:absolute}.ui-galleria-nav-prev{left:5px}.ui-galleria-nav-next{right:5px}.ui-galleria-caption{position:absolute;left:1px;background-color:rgba(0,0,0,0.5);display:none;color:#ededed;padding:.2em 1em}.ui-galleria-caption h4{color:#ededed}.ui-galleria-panel-content{padding:1em 1.4em}.ui-grid{clear:both;padding:0;margin:0}.ui-grid:before,.ui-grid:after{content:"";display:table}.ui-grid:after{clear:both}.ui-grid .ui-grid-row{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;clear:both}.ui-grid-row:after{clear:both;content:"";display:table}.ui-grid-col-1,.ui-grid-col-2,.ui-grid-col-3,.ui-grid-col-4,.ui-grid-col-5,.ui-grid-col-6,.ui-grid-col-7,.ui-grid-col-8,.ui-grid-col-9,.ui-grid-col-10,.ui-grid-col-11,.ui-grid-col-12{float:left;box-sizing:border-box}.ui-grid-col-1{width:8.33333%}.ui-grid-col-2{width:16.66666%}.ui-grid-col-3{width:25%}.ui-grid-col-4{width:33.33333%}.ui-grid-col-5{width:41.66666%}.ui-grid-col-6{width:50%}.ui-grid-col-7{width:58.33333%}.ui-grid-col-8{width:66.66666%}.ui-grid-col-9{width:75%}.ui-grid-col-10{width:83.33333%}.ui-grid-col-11{width:91.66666%}.ui-grid-col-12{width:100%}@media(min-width:480px){.ui-grid-fixed{width:480px}}@media(min-width:768px){.ui-grid-fixed{width:768px}}@media(min-width:960px){.ui-grid-fixed{width:960px}}@media(min-width:1024px){.ui-grid-fixed{width:1024px}}@media(max-width:640px){.ui-grid-responsive .ui-grid-row{display:block}.ui-grid-responsive .ui-grid-col-1,.ui-grid-responsive .ui-grid-col-2,.ui-grid-responsive .ui-grid-col-3,.ui-grid-responsive .ui-grid-col-4,.ui-grid-responsive .ui-grid-col-5,.ui-grid-responsive .ui-grid-col-6,.ui-grid-responsive .ui-grid-col-7,.ui-grid-responsive .ui-grid-col-8,.ui-grid-responsive .ui-grid-col-9,.ui-grid-responsive .ui-grid-col-10,.ui-grid-responsive .ui-grid-col-11,.ui-grid-responsive .ui-grid-col-12{width:100%;float:none}}.ui-grid.ui-grid-pad>.ui-grid-row>div{padding:.25em .5em}@media(max-width:640px){.ui-grid-responsive .ui-grid-row{display:block}.ui-grid-responsive .ui-grid-col-1,.ui-grid-responsive .ui-grid-col-2,.ui-grid-responsive .ui-grid-col-3,.ui-grid-responsive .ui-grid-col-4,.ui-grid-responsive .ui-grid-col-5,.ui-grid-responsive .ui-grid-col-6,.ui-grid-responsive .ui-grid-col-7,.ui-grid-responsive .ui-grid-col-8,.ui-grid-responsive .ui-grid-col-9,.ui-grid-responsive .ui-grid-col-10,.ui-grid-responsive .ui-grid-col-11,.ui-grid-responsive .ui-grid-col-12{width:100%;float:none}}.ui-g{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-wrap:wrap}.ui-g:after{clear:both;content:"";display:table}.ui-g-1,.ui-g-2,.ui-g-3,.ui-g-4,.ui-g-5,.ui-g-6,.ui-g-7,.ui-g-8,.ui-g-9,.ui-g-10,.ui-g-11,.ui-g-12{float:left;box-sizing:border-box;padding:.5em}.ui-g-1{width:8.3333%}.ui-g-2{width:16.6667%}.ui-g-3{width:25%}.ui-g-4{width:33.3333%}.ui-g-5{width:41.6667%}.ui-g-6{width:50%}.ui-g-7{width:58.3333%}.ui-g-8{width:66.6667%}.ui-g-9{width:75%}.ui-g-10{width:83.3333%}.ui-g-11{width:91.6667%}.ui-g-12{width:100%}@media screen and (max-width:40em){.ui-sm-1,.ui-sm-2,.ui-sm-3,.ui-sm-4,.ui-sm-5,.ui-sm-6,.ui-sm-7,.ui-sm-8,.ui-sm-9,.ui-sm-10,.ui-sm-11,.ui-sm-12{padding:.5em}.ui-sm-1{width:8.3333%}.ui-sm-2{width:16.6667%}.ui-sm-3{width:25%}.ui-sm-4{width:33.3333%}.ui-sm-5{width:41.6667%}.ui-sm-6{width:50%}.ui-sm-7{width:58.3333%}.ui-sm-8{width:66.6667%}.ui-sm-9{width:75%}.ui-sm-10{width:83.3333%}.ui-sm-11{width:91.6667%}.ui-sm-12{width:100%}}@media screen and (min-width:40.063em){.ui-md-1,.ui-md-2,.ui-md-3,.ui-md-4,.ui-md-5,.ui-md-6,.ui-md-7,.ui-md-8,.ui-md-9,.ui-md-10,.ui-md-11,.ui-md-12{padding:.5em}.ui-md-1{width:8.3333%}.ui-md-2{width:16.6667%}.ui-md-3{width:25%}.ui-md-4{width:33.3333%}.ui-md-5{width:41.6667%}.ui-md-6{width:50%}.ui-md-7{width:58.3333%}.ui-md-8{width:66.6667%}.ui-md-9{width:75%}.ui-md-10{width:83.3333%}.ui-md-11{width:91.6667%}.ui-md-12{width:100%}}@media screen and (min-width:64.063em){.ui-lg-1,.ui-lg-2,.ui-lg-3,.ui-lg-4,.ui-lg-5,.ui-lg-6,.ui-lg-7,.ui-lg-8,.ui-lg-9,.ui-lg-10,.ui-lg-11,.ui-lg-12{padding:.5em}.ui-lg-1{width:8.3333%}.ui-lg-2{width:16.6667%}.ui-lg-3{width:25%}.ui-lg-4{width:33.3333%}.ui-lg-5{width:41.6667%}.ui-lg-6{width:50%}.ui-lg-7{width:58.3333%}.ui-lg-8{width:66.6667%}.ui-lg-9{width:75%}.ui-lg-10{width:83.3333%}.ui-lg-11{width:91.6667%}.ui-lg-12{width:100%}}@media screen and (min-width:90.063em){.ui-xl-1,.ui-xl-2,.ui-xl-3,.ui-xl-4,.ui-xl-5,.ui-xl-6,.ui-xl-7,.ui-xl-8,.ui-xl-9,.ui-xl-10,.ui-xl-11,.ui-xl-12{padding:.5em}.ui-xl-1{width:8.3333%}.ui-xl-2{width:16.6667%}.ui-xl-3{width:25%}.ui-xl-4{width:33.3333%}.ui-xl-5{width:41.6667%}.ui-xl-6{width:50%}.ui-xl-7{width:58.3333%}.ui-xl-8{width:66.6667%}.ui-xl-9{width:75%}.ui-xl-10{width:83.3333%}.ui-xl-11{width:91.6667%}.ui-xl-12{width:100%}}.ui-g-nopad{padding:0}.ui-growl{position:fixed;top:20px;right:20px;width:20em}.ui-growl-item-container{position:relative;margin:0 0 10px 0;opacity:.95;filter:alpha(opacity=95)}.ui-growl-item{display:block;padding:.5em 1em}.ui-growl-item p{padding:0;margin:0}.ui-growl-icon-close{position:absolute;top:4px;right:4px;cursor:pointer}.ui-growl-title{font-weight:bold;padding:0 0 .5em 0;display:block}.ui-growl-image{display:inline-block;vertical-align:top;margin-left:.25em;margin-right:.5em;padding:0}.ui-growl-message{padding:0 0 .25em 0;display:inline-block;vertical-align:top}.ui-growl-message p{font-weight:normal}.ui-inplace .ui-inplace-display{display:inline;cursor:pointer;border:0 none;padding:.25em;font-weight:normal}.ui-inplace .ui-inplace-content{display:inline}.ui-inputswitch{display:inline-block;padding:0;position:relative;overflow:hidden;cursor:pointer;user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;height:1.5em}.ui-inputswitch .ui-inputswitch-on,.ui-inputswitch .ui-inputswitch-off{white-space:nowrap;display:inline-block;position:absolute;top:0;width:auto;overflow:hidden;user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;font-weight:bold;height:100%;line-height:1.5em}.ui-inputswitch .ui-inputswitch-on{left:0;border:0 none}.ui-inputswitch .ui-inputswitch-off{right:0;text-align:right}.ui-inputswitch .ui-inputswitch-on span,.ui-inputswitch .ui-inputswitch-off span{display:inline-block;text-align:center;height:100%;line-height:inherit}.ui-inputswitch .ui-inputswitch-handle{display:block;width:0;position:absolute;top:0;left:0;height:100%;border-top:0 none;border-bottom:0 none}.ui-inputtext{margin:0;outline:medium none;padding:.25em;font-weight:normal}.ui-widget-header .ui-inputtext,.ui-widget-content .ui-inputtext{font-weight:normal}.ui-fluid .ui-inputtext{width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.ui-inputtextarea-resizable{overflow:hidden;resize:none}.ui-fluid .ui-inputtextarea{width:100%}.ui-lightbox{position:fixed}.ui-lightbox-content-wrapper{position:relative}.ui-lightbox-content{position:relative;margin:0;padding:0;background-color:#000}.ui-lightbox-nav-right,.ui-lightbox-nav-left{position:absolute;top:50%;cursor:pointer}.ui-lightbox-nav-left{left:0}.ui-lightbox-nav-right{right:0}.ui-lightbox-loading{background:url("./images/loading.gif") #000 center center no-repeat}.ui-lightbox-caption{padding:.2em .4em;display:none}.ui-lightbox-caption-text{margin:.3em 0 .1em 0;float:left}.ui-lightbox-close{float:right;margin:0;padding:.125em}.ui-lightbox-close.ui-state-hover{padding:0}.ui-lightbox-nav-left,.ui-lightbox-nav-right{opacity:.5}.ui-lightbox-nav-left:hover,.ui-lightbox-nav-right:hover{opacity:1}.ui-listbox{overflow:auto;padding:.25em;width:10em}.ui-listbox .ui-listbox-list{list-style-type:none;margin:0;padding:0}.ui-listbox .ui-listbox-item{padding:.25em;border:0 none;cursor:pointer;font-weight:normal;margin-bottom:1px}.ui-listbox .ui-listbox-item>span{vertical-align:middle}.ui-listbox .ui-listbox-item:last-child{margin-bottom:0}.ui-listbox.ui-state-disabled .ui-listbox-item{cursor:default}.ui-listbox-header{margin-bottom:.3em;padding:.125em .2em;position:relative}.ui-listbox-header .ui-chkbox{display:inline-block;vertical-align:middle;cursor:pointer}.ui-listbox-header .ui-listbox-filter-container{display:inline-block;vertical-align:middle;position:relative;width:7em}.ui-listbox-header .ui-listbox-filter-container .fa{position:absolute;top:.25em;left:.25em}.ui-listbox-header .ui-inputtext{padding:.125em .125em .125em 1.25em;width:100%}.ui-fluid .ui-listbox .ui-listbox-filter-container,.ui-fluid .ui-listbox .ui-listbox-filter-container input{width:calc(100% - 32px)}.ui-menu{width:12.5em;padding:.25em;position:relative}.ui-menu.ui-menu-dynamic{position:absolute;display:none;z-index:100000}.ui-menu-list{position:static}.ui-menu .ui-menu-list .ui-menuitem{border:0}.ui-menu .ui-menu-list .ui-widget-header{clear:both;float:left;width:100%;margin:.125em 0;padding:.25em .5em}.ui-menu .ui-menuitem-parent,.ui-menu .ui-menuitem{width:100%;clear:both;margin:.125em 0;padding:0}.ui-menu .ui-menuitem-link{display:block;width:100%;outline:0;text-decoration:none;font-weight:normal;border:1px solid transparent;line-height:1em;padding:.25em;cursor:pointer}.ui-menu .ui-menuitem-link .ui-menuitem-icon{display:inline-block;vertical-align:middle}.ui-menu .ui-menuitem-text{vertical-align:middle}.ui-menu .ui-widget-header h1,.ui-menu .ui-widget-header h2,.ui-menu .ui-widget-header h3,.ui-menu .ui-widget-header h4,.ui-menu .ui-widget-header h5,.ui-menu .ui-widget-header h6{font-size:1em;margin:0 auto}.ui-menu .ui-menu-parent .ui-menu-child{display:none;width:12.5em;padding:.25em;position:absolute;margin:0;outline:0;text-decoration:none;list-style:none}.ui-menu .ui-menu-parent{position:relative}.ui-menu .ui-menu-parent .ui-submenu-icon{float:right;margin-right:-.25em}.ui-menubutton{padding:0}.ui-menubutton .ui-button{margin:0}.ui-menubar{width:auto}.ui-menubar .ui-menubar-root-list{list-style:none;padding:0;margin:0}.ui-menubar .ui-menubar-root-list>.ui-menuitem{display:inline-block;width:auto}.ui-menubar .ui-menu-child .ui-menuitem{width:100%}.ui-menubar .ui-menubar-options{float:right}.ui-slidemenu .ui-slidemenu-wrapper{position:relative}.ui-slidemenu .ui-slidemenu-content{overflow-x:hidden;overflow-y:auto;position:relative}.ui-slidemenu .ui-menu-list{position:absolute;top:0}.ui-slidemenu .ui-menu-parent{position:static}.ui-slidemenu .ui-menu-child{box-shadow:none;border:0 none;background:none repeat scroll 0 0 transparent}.ui-slidemenu-backward{position:absolute;bottom:0;width:100%;padding:.2em;cursor:pointer;display:none}.ui-slidemenu-backward .fa{vertical-align:middle}.ui-slidemenu-backward span{vertical-align:middle}.ui-megamenu .ui-g{flex-wrap:nowrap}.ui-megamenu .ui-megamenu-panel.ui-menu-child{width:auto}.ui-megamenu .ui-megamenu-panel .ui-menu-list{width:12.5em}.ui-megamenu-vertical{width:12.5em}.ui-megamenu-vertical .ui-menuitem-link,.ui-megamenu-vertical .ui-menu-list .ui-menuitem{width:100%;box-sizing:border-box}.ui-panelmenu{width:auto}.ui-panelmenu .ui-panelmenu-panel{padding:0;margin:0}.ui-panelmenu .ui-panelmenu-header{cursor:pointer;position:relative;margin:0;zoom:1}.ui-panelmenu .ui-panelmenu-header a{display:block;padding:.25em .5em}.ui-panelmenu span{vertical-align:middle}.ui-panelmenu .fa{width:1em;text-align:center;vertical-align:middle;margin-right:.25em}.ui-panelmenu .ui-menuitem-text{margin-left:.125em}.ui-panelmenu span{vertical-align:middle}.ui-panelmenu .ui-panelmenu-content{padding:.2em 0;border-top:0;overflow:auto;zoom:1;outline:0;margin-bottom:1px}.ui-panelmenu .ui-panelmenu-content-wrapper{box-sizing:border-box}.ui-panelmenu .ui-panelmenu-content-wrapper-overflown{overflow:hidden}.ui-panelmenu .ui-panelmenu-header.ui-state-disabled,.ui-panelmenu .ui-panelmenu-header.ui-state-disabled a{cursor:default}.ui-panelmenu .ui-menu-list{position:static}.ui-panelmenu .ui-menuitem{margin:1px 0;padding:0}.ui-panelmenu .ui-menuitem-link{display:block;outline:0;text-decoration:none;font-weight:normal;border:1px solid transparent;line-height:1em;cursor:pointer;position:relative;padding:.25em .5em}.ui-panelmenu .ui-menu-parent .ui-menu-list{margin-left:1.5em}.ui-menuitem-active>.ui-submenu>ul,.ui-menuitem-active>.ui-megamenu-panel{display:block !important}.ui-menuitem-outline{outline:1px dotted;z-index:1}.ui-fluid .ui-menu{width:100%}.ui-messages{border:1px solid;margin:.5em 0;padding:1em 1em 1em .5em;display:none;position:relative}.ui-messages-icon{display:inline-block;padding:0;vertical-align:middle}.ui-messages-summary{font-weight:bold;margin-left:.25em}.ui-messages-detail{margin-left:.25em}.ui-messages-success{color:#fff;background-color:#4caf50;border-color:#4caf50}.ui-messages-info{color:#fff;background-color:#2196f3;border-color:#2196f3}.ui-messages-warn{color:#fff;background-color:#ffb300;border-color:#ffb300}.ui-messages-error{color:#fff;background-color:#f44336;border-color:#f44336}.ui-messages ul{margin:0;padding:0;list-style-type:none;display:inline-block;vertical-align:middle}.ui-messages.ui-messages-noicon ul{margin:0 1.5em 0 0}.ui-messages .ui-messages-close{color:#fff;cursor:pointer;position:absolute;top:5px;right:5px}.ui-message{border:1px solid;margin:0 .25em;padding:.125em .25em}.ui-multiselect{display:inline-block;position:relative;width:auto;cursor:pointer}.ui-multiselect .ui-multiselect-trigger{border-right:0;border-top:0;border-bottom:0;cursor:pointer;width:1.5em;height:100%;position:absolute;right:0;top:0;padding:0 .25em}.ui-multiselect .ui-multiselect-trigger .fa{margin-top:.4em;margin-left:-.125em}.ui-multiselect .ui-multiselect-label-container{overflow:hidden}.ui-multiselect .ui-multiselect-label{display:block;padding:.25em 2em .25em .25em;width:auto;border:0;cursor:pointer;text-overflow:ellipsis;overflow:hidden}.ui-multiselect.ui-state-disabled .ui-multiselect-trigger,.ui-multiselect.ui-state-disabled .ui-multiselect-label{cursor:auto}.ui-multiselect .ui-multiselect-panel{padding:.2em;position:absolute;min-width:10em;width:100%}.ui-multiselect-panel .ui-multiselect-items-wrapper{overflow:auto;position:relative;padding:.2em 0}.ui-multiselect-panel .ui-multiselect-list{border:0 none}.ui-multiselect-panel .ui-multiselect-item{border:0 none;cursor:pointer;font-weight:normal;margin:1px 0;padding:.125em .25em;text-align:left;white-space:nowrap;display:block;position:relative}.ui-multiselect-panel .ui-multiselect-item .ui-chkbox{display:inline-block;vertical-align:middle}.ui-multiselect-panel .ui-multiselect-item label{display:inline-block;vertical-align:middle}.ui-multiselect-header{margin-bottom:.3em;padding:.25em;position:relative;text-align:left}.ui-multiselect-header .ui-chkbox{display:inline-block;vertical-align:middle;cursor:pointer}.ui-multiselect-header .ui-multiselect-filter-container{position:relative;display:inline-block;vertical-align:middle;width:65%}.ui-multiselect-header .ui-multiselect-filter-container .fa{position:absolute;top:.25em;left:.125em}.ui-multiselect-header .ui-inputtext{padding:.125em .125em .125em 1.25em;width:100%}.ui-multiselect-header .ui-multiselect-close{position:absolute;right:.375em;top:.375em;display:block;font-size:1em;border:0 none}.ui-multiselect-header a.ui-multiselect-all,.ui-multiselect-header a.ui-multiselect-none{float:left;margin-right:10px;display:block}.ui-multiselect-header .ui-multiselect-close.ui-state-hover{padding:0}.ui-fluid .ui-multiselect{width:100%;box-sizing:border-box}.ui-orderlist{display:table}.ui-orderlist .ui-orderlist-caption{width:12.5em}.ui-orderlist .ui-orderlist-list{list-style-type:none;margin:0;padding:0;overflow:auto;height:12.5em;width:12.5em}.ui-orderlist .ui-orderlist-list li{margin:1px;padding:.125em}.ui-orderlist .ui-button{display:block;margin-bottom:.3em}.ui-orderlist .ui-orderlist-button.ui-button-text-icon-primary{width:100%}.ui-orderlist .ui-orderlist-item{cursor:pointer;border:0 none;font-weight:inherit}.ui-orderlist .ui-orderlist-caption{text-align:center;padding:.5em .75em;border-bottom:0 none}.ui-orderlist table{width:100%;border-collapse:collapse}.ui-orderlist.ui-state-disabled .ui-orderlist-item,.ui-orderlist.ui-state-disabled .ui-button{cursor:default}.ui-orderlist.ui-state-disabled .ui-orderlist-list{overflow:hidden}.ui-orderlist.ui-grid-responsive{display:block;width:100%}.ui-orderlist.ui-grid-responsive .ui-orderlist-controls{margin-right:.5em}.ui-orderlist.ui-grid-responsive .ui-orderlist-list,.ui-orderlist.ui-grid-responsive .ui-orderlist-caption{width:100%}.ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button{width:100%}@media(max-width:40em){.ui-orderlist.ui-grid-responsive .ui-orderlist-controls{text-align:center}.ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button{display:inline;width:20%}}.ui-overlaypanel{padding:0;margin:0;position:absolute}.ui-overlaypanel-content{padding:.5em 1em}.ui-overlaypanel-close{position:absolute;top:-.5em;right:-.5em;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%}.ui-paginator{margin:0;text-align:center;padding:.125em}.ui-paginator .ui-paginator-top{border-bottom:0 none}.ui-paginator .ui-paginator-bottom{border-top:0 none}.ui-paginator .ui-paginator-page,.ui-paginator .ui-paginator-pages,.ui-paginator .ui-paginator-next,.ui-paginator .ui-paginator-last,.ui-paginator .ui-paginator-first,.ui-paginator .ui-paginator-prev,.ui-paginator .ui-paginator-current{display:inline-block;padding:.125em .375em;zoom:1;margin-left:.063em;margin-right:.063em;text-decoration:none}.ui-paginator .ui-paginator-page,.ui-paginator .ui-paginator-next,.ui-paginator .ui-paginator-last,.ui-paginator .ui-paginator-first,.ui-paginator .ui-paginator-prev{cursor:pointer}.ui-paginator .ui-paginator-current,.ui-paginator .ui-paginator-rpp-options{margin-left:1em;margin-right:1em;background-image:none}.ui-paginator .ui-paginator-jtp-select option,.ui-paginator .ui-paginator-rpp-options option{background-image:none;border:0 none;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none}.ui-panel{padding:.2em}.ui-panel .ui-panel-titlebar{padding:.5em .75em}.ui-panel .ui-panel-titlebar-icon{float:right;cursor:pointer}.ui-panel .ui-panel-titlebar-icon{margin-left:.2em;margin-top:-0.1em}.ui-panel .ui-panel-content{border:0;background:0;padding:.5em .75em}.ui-panel .ui-panel-footer{border-width:1px 0 0;padding:.25em .5em;text-align:left}.ui-panel-content-wrapper-overflown{overflow:hidden}.ui-password-panel{padding:.25em .5em;width:10em;margin-top:2px}.ui-password-panel .ui-password-meter{height:10px;background:transparent url("./images/password-meter.png") no-repeat left top;padding:0;margin:0}.ui-password-info{margin-top:.25em}.ui-password-panel-overlay{position:absolute}.ui-picklist>div{float:left}.ui-picklist .ui-picklist-buttons{height:12.5em;padding:0 .25em}.ui-picklist .ui-picklist-list{list-style-type:none;margin:0;padding:0;overflow:auto;height:12.5em;width:12.5em}.ui-picklist .ui-picklist-list li{margin:1px;padding:.125em}.ui-picklist .ui-button{display:block;margin-bottom:.25em}.ui-picklist .ui-button-text-icon-left{width:100%}.ui-picklist .ui-picklist-item{cursor:pointer;border:0 none;font-weight:inherit}.ui-picklist .ui-picklist-caption{text-align:center;padding:.5em .75em;border-bottom:0 none}.ui-picklist table{width:100%;border-collapse:collapse}.ui-picklist .ui-picklist-filter{padding-right:1em;width:100%;box-sizing:border-box}.ui-picklist .ui-picklist-filter-container{position:relative;margin:0;padding:0}.ui-picklist .ui-picklist-filter-container .fa{position:absolute;top:.25em;right:.125em}.ui-picklist{display:table}.ui-picklist>div{float:none;display:table-cell;vertical-align:top}.ui-picklist .ui-picklist-buttons{vertical-align:middle}.ui-picklist.ui-picklist-vertical{display:table}.ui-picklist.ui-picklist-vertical>div{float:none;display:table-row;vertical-align:top}.ui-picklist.ui-picklist-vertical .ui-picklist-buttons{text-align:center;height:auto}.ui-picklist.ui-picklist-vertical .ui-picklist-buttons .ui-button{display:inline-block}.ui-picklist.ui-picklist-vertical .ui-button{margin-top:.25em}.ui-picklist-outline{outline:1px dotted black;z-index:1}.ui-picklist-list.ui-picklist-source,.ui-picklist-list.ui-picklist-target{outline:0}.ui-picklist.ui-picklist-responsive *{box-sizing:border-box}.ui-picklist.ui-picklist-responsive{width:100%}.ui-picklist.ui-picklist-responsive .ui-picklist-listwrapper{width:35%}.ui-picklist.ui-picklist-responsive .ui-picklist-listwrapper.ui-picklist-listwrapper-nocontrols{width:45%}.ui-picklist.ui-picklist-responsive .ui-picklist-buttons{width:10%}.ui-picklist.ui-picklist-responsive .ui-picklist-buttons button{width:100%}.ui-picklist.ui-picklist-responsive .ui-picklist-list{width:auto}@media(max-width:40em){.ui-picklist.ui-picklist-responsive{display:block}.ui-picklist.ui-picklist-responsive>div{display:block;width:100% !important}.ui-picklist.ui-picklist-responsive .ui-picklist-buttons{text-align:center;height:auto;padding:.4em 0}.ui-picklist.ui-picklist-responsive .ui-picklist-buttons button{display:inline;width:20%;margin-bottom:0}.ui-picklist.ui-picklist-responsive .ui-picklist-source-controls.ui-picklist-buttons{padding-bottom:.4em}.ui-picklist.ui-picklist-responsive .ui-picklist-target-controls.ui-picklist-buttons{padding-top:.4em}.ui-picklist.ui-picklist-responsive .ui-picklist-buttons .fa-angle-right:before{content:"\f107"}.ui-picklist.ui-picklist-responsive .ui-picklist-buttons .fa-angle-double-right:before{content:"\f103"}.ui-picklist.ui-picklist-responsive .ui-picklist-buttons .fa-angle-left:before{content:"\f106"}.ui-picklist.ui-picklist-responsive .ui-picklist-buttons .fa-angle-double-left:before{content:"\f102"}}.ui-progressbar{height:1.2em;text-align:left;position:relative}.ui-progressbar .ui-progressbar-value{height:100%;width:0;position:absolute;display:none;border:0 none}.ui-progressbar .ui-progressbar-value-animate{-webkit-transition:width 1s ease-in-out;-moz-transition:width 1s ease-in-out;-o-transition:width 1s ease-in-out;transition:width 1s ease-in-out}.ui-progressbar .ui-progressbar-label{text-align:center;height:100%;width:100%;position:absolute;display:none;font-weight:bold}.ui-radiobutton{display:inline-block;cursor:pointer;vertical-align:middle;margin-right:.25em}.ui-radiobutton-box{width:1.125em;height:1.125em;line-height:1.125em;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;text-align:center}.ui-radiobutton-icon{display:block;font-size:.6em;line-height:inherit}.ui-radiobutton,.ui-radiobutton-label{vertical-align:middle;display:inline-block}.ui-rating-star,.ui-rating-cancel{float:left;display:block;overflow:hidden;text-indent:-999em;cursor:pointer}.ui-rating-star a,.ui-rating-cancel a{width:16px;height:15px;display:block;background:url("./images/rating.png") no-repeat 0 0}.ui-rating-star a{background-position:0 -32px}.ui-rating-star-on a{background-position:0 -48px}.ui-rating-star-hover a{background-position:0 -64px}.ui-rating-cancel-hover a{background-position:0 -16px}.ui-rating.ui-state-disabled .ui-rating-star,.ui-rating.ui-state-disabled .ui-rating-cancel{cursor:default}.ui-fluid .fc .ui-button{width:auto}.ui-selectbutton{display:inline-block}.ui-selectbutton.ui-state-error{padding:0}.ui-selectbutton .ui-button.ui-state-focus{outline:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none;z-index:1}.ui-slider .ui-slider-handle.ui-slider-handle-active{z-index:2}.ui-slider .ui-slider-range{position:absolute;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-slider-animate .ui-slider-handle{transition:left .3s}.ui-spinner{display:inline-block;overflow:visible;padding:0;position:relative;vertical-align:middle}.ui-spinner-input{vertical-align:middle;padding-right:1.5em}.ui-spinner-button{cursor:default;display:block;font-size:.5em;height:50%;margin:0;overflow:hidden;padding:0;position:absolute;right:0;text-align:center;vertical-align:middle;width:1.5em}.ui-spinner .fa{position:absolute;top:50%;left:50%;margin-top:-.5em;margin-left:-.5em;width:1em}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-fluid .ui-spinner{width:100%}.ui-fluid .ui-spinner .ui-spinner-input{padding-right:2em;width:100%}.ui-fluid .ui-spinner .ui-spinner-button{width:auto}.ui-fluid .ui-spinner .ui-spinner-button .fa{left:.375em}.ui-splitbutton{position:relative;display:inline-block;zoom:1}.ui-splitbutton .ui-button.ui-splitbutton-menubutton{width:1.5em}.ui-splitbutton.ui-state-disabled button{cursor:default}.ui-fluid .ui-splitbutton{width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.ui-fluid .ui-splitbutton .ui-button:first-child{width:calc(100% - 1.5em)}.ui-fluid .ui-splitbutton .ui-button.ui-splitbutton-menubutton{width:1.5em;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.ui-steps ul{list-style-type:none;padding:0;margin:0}.ui-steps .ui-steps-item{float:left;box-sizing:border-box;cursor:pointer}.ui-steps.ui-steps-readonly .ui-steps-item{cursor:auto}.ui-steps .ui-steps-item .ui-menuitem-link{text-decoration:none;display:block;padding:1em;position:relative;text-align:center}.ui-steps .ui-steps-item.ui-state-highlight .ui-menuitem-link,.ui-steps .ui-steps-item.ui-state-disabled .ui-menuitem-link{cursor:default}.ui-steps .ui-steps-number{font-size:200%;display:block}.ui-steps .ui-steps-title{display:block;white-space:nowrap}@media(max-width:40em){.ui-steps .ui-steps-item .ui-menuitem-link{padding:.5em}.ui-steps .ui-steps-item .ui-steps-title{display:none}}.ui-tabmenu .ui-tabmenu-nav{margin:0;padding:.25em .5em 0 .25em}.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem{list-style:none;float:left;position:relative;margin:0 .2em 1px 0;padding:0;white-space:nowrap;display:block;border-bottom:0;top:1px}.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a{float:left;padding:.5em 1em;text-decoration:none}.ui-tabmenu .ui-tabmenu-nav a{padding:.5em 1em}.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem .ui-icon{float:left}.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-disabled a{cursor:default}.ui-tabview{padding:.25em}.ui-tabview .ui-tabview-nav{margin:0}.ui-tabview .ui-tabview-nav li{list-style:none;float:left;position:relative;margin:0 .125em 1px 0;padding:0;white-space:nowrap}.ui-tabview .ui-tabview-nav li a{float:left;padding:.5em 1em;text-decoration:none}.ui-tabview .ui-tabview-nav li.ui-tabview-selected a,.ui-tabview .ui-tabview-nav li.ui-state-disabled a,.ui-tabview .ui-tabview-nav li.ui-state-processing a{cursor:text}.ui-tabview .ui-tabview-nav li a,.ui-tabview.ui-tabview-collapsible .ui-tabview-nav li.ui-tabview-selected a{cursor:pointer}.ui-tabview .ui-tabview-panel{border-width:0;padding:1em;background:0}.ui-tabview .ui-tabview-nav li{display:block}.ui-tabview .ui-tabview-nav li .ui-tabview-left-icon,.ui-tabview .ui-tabview-nav li .ui-tabview-right-icon,.ui-tabview .ui-tabview-nav li .ui-tabview-title,{vertical-align:middle}.ui-tabview .ui-tabview-nav li .ui-tabview-close{margin:.5em .3em 0 0;cursor:pointer}.ui-tabview.ui-tabview-top>.ui-tabview-nav li{border-bottom:0;top:1px}.ui-tabview.ui-tabview-top>.ui-tabview-nav{padding:.2em .2em 0}.ui-tabview.ui-tabview-bottom>.ui-tabview-nav{padding:0 .2em .2em}.ui-tabview.ui-tabview-bottom>.ui-tabview-nav li{border-top:0}.ui-tabview-left:after,.ui-tabview-right:after{clear:both;content:".";display:block;height:0;visibility:hidden}.ui-tabview-left>.ui-tabview-nav{float:left;width:25%;height:300px;background-image:none;padding-top:1px}.ui-tabview-left>.ui-tabview-panels{float:right;width:75%}.ui-tabview.ui-tabview-left>.ui-tabview-nav li,.ui-tabview.ui-tabview-right>.ui-tabview-nav li{display:block;float:right;white-space:normal;width:99%}.ui-tabview.ui-tabview-left>.ui-tabview-nav li{margin:0 0 1px 0;border-right:0 none}.ui-tabview.ui-tabview-right>.ui-tabview-nav{float:right;width:25%;height:300px;background-image:none;padding-top:1px}.ui-tabview.ui-tabview-right>.ui-tabview-panels{float:left;width:75%}.ui-tabview.ui-tabview-right>.ui-tabview-nav li{margin:0 0 1px 0;border-left:0 none}.ui-terminal{height:18em;overflow:auto;padding:.25em}.ui-terminal-input{border:0 none;background-color:transparent;color:inherit;padding:0;margin:0 0 0 .125em;width:75%;outline:0;vertical-align:baseline}.ui-terminal-command{margin-left:.125em;-moz-margin-start:.125em}.ui-terminal-input::-ms-clear{display:none}.ui-toolbar{padding:.25em .5em}.ui-toolbar-group-left{float:left}.ui-toolbar-group-right{float:right}.ui-tooltip{position:absolute;display:none;padding:.25em .5em}.ui-tooltip.ui-tooltip-right,.ui-tooltip.ui-tooltip-left{padding:0 .25em}.ui-tooltip.ui-tooltip-top,.ui-tooltip.ui-tooltip-bottom{padding:.25em 0}.ui-tooltip .ui-tooltip-text{padding:.125em .5em;background-color:#4c4c4c;color:#fff}.ui-tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.ui-tooltip-right .ui-tooltip-arrow{top:50%;left:0;margin-top:-.25em;border-width:.25em .25em .25em 0;border-right-color:#4c4c4c}.ui-tooltip-left .ui-tooltip-arrow{top:50%;right:0;margin-top:-.25em;border-width:.25em 0 .25em .25em;border-left-color:#4c4c4c}.ui-tooltip.ui-tooltip-top{padding:.25em 0}.ui-tooltip-top .ui-tooltip-arrow{bottom:0;left:50%;margin-left:-.25em;border-width:.25em .25em 0;border-top-color:#4c4c4c}.ui-tooltip-bottom .ui-tooltip-arrow{top:0;left:50%;margin-left:-.25em;border-width:0 .25em .25em;border-bottom-color:#4c4c4c}.ui-tree{width:18em}.ui-tree.ui-tree-selectable .ui-treenode-content{cursor:pointer}.ui-tree .ui-tree-container{height:100%;margin:0;overflow:auto;padding:.25em;white-space:nowrap}.ui-tree .ui-treenode-children{margin:0;padding:0 0 0 1em}.ui-tree .ui-treenode{background-attachment:scroll;background-color:transparent;background-image:none;background-position:0 0;background-repeat:repeat-y;list-style:none outside none;margin:0;padding:.125em 0 0 0}.ui-tree .ui-tree-toggler{cursor:pointer;display:inline-block;vertical-align:middle}.ui-tree .ui-treenode-icon{display:inline-block;vertical-align:middle}.ui-tree .ui-treenode-label{display:inline-block;padding:0 .25em;vertical-align:middle}.ui-tree .ui-treenode-label.ui-state-hover,.ui-tree .ui-treenode-label.ui-state-highlight{font-weight:normal;border:0 none}.ui-tree .ui-treenode-leaf-icon{width:1em;height:1em;display:inline-block}.ui-tree .ui-chkbox-box{cursor:pointer}.ui-tree .ui-chkbox{display:inline-block;vertical-align:middle}.ui-fluid .ui-tree{width:100%}.ui-tree-horizontal{width:auto;padding:.5em 0;overflow:auto}.ui-tree.ui-tree-horizontal table,.ui-tree.ui-tree-horizontal tr,.ui-tree.ui-tree-horizontal td{border-collapse:collapse;margin:0;padding:0;vertical-align:middle}.ui-tree.ui-tree-horizontal .ui-tree-toggler{vertical-align:middle;margin:0}.ui-tree-horizontal .ui-treenode-content{font-weight:normal;padding:.4em 1em .4em .2em}.ui-tree.ui-tree-horizontal .ui-tree-node-label{margin:0}.ui-tree-horizontal .ui-treenode-parent .ui-treenode-content{font-weight:normal;white-space:nowrap}.ui-tree.ui-tree-horizontal .ui-treenode{background:url("./images/line.gif") repeat-x scroll center center transparent;padding:.25em 2.5em}.ui-tree.ui-tree-horizontal .ui-treenode.ui-treenode-leaf,.ui-tree.ui-tree-horizontal .ui-treenode.ui-treenode-collapsed{padding-right:0}.ui-tree.ui-tree-horizontal .ui-treenode-children{padding:0;margin:0}.ui-tree.ui-tree-horizontal .ui-treenode-connector{width:1px}.ui-tree.ui-tree-horizontal .ui-treenode-connector-table{height:100%;width:1px}.ui-tree.ui-tree-horizontal .ui-treenode-connector-line{background:url("./images/line.gif") repeat-y scroll 0 0 transparent;width:1px}.ui-tree.ui-tree-horizontal table{height:0}.ui-tree.ui-tree-horizontal .ui-chkbox{vertical-align:bottom;margin-right:.25em}.ui-treetable table{border-collapse:collapse;width:100%;table-layout:fixed}.ui-treetable .ui-treetable-header,.ui-treetable .ui-treetable-footer{text-align:center;padding:.5em .75em}.ui-treetable .ui-treetable-header{border-bottom:0 none}.ui-treetable .ui-treetable-footer{border-top:0 none}.ui-treetable th,.ui-treetable tfoot td{text-align:center}.ui-treetable thead th,.ui-treetable tbody td,.ui-treetable tfoot td{padding:.25em .5em;overflow:hidden;white-space:nowrap;border-width:1px;border-style:solid}.ui-treetable tbody td{border-color:inherit}.ui-treetable tbody td:first-child span{vertical-align:middle}.ui-treetable .ui-treetable-toggler{display:inline-block;vertical-align:middle;cursor:pointer}.ui-treetable .ui-treetable-data tr.ui-state-highlight,.ui-treetable .ui-treetable-data tr.ui-state-hover,.ui-treetable .ui-treetable-row.ui-state-highlight,.ui-treetable .ui-treetable-row.ui-state-hover{cursor:pointer}.ui-treetable tr.ui-state-hover{border-color:inherit;font-weight:inherit}.ui-treetable .ui-treetable-indent{width:1em;height:1em;float:left}.ui-treetable td.ui-treetable-child-table-container{padding:0;border:0 none}.ui-treetable .ui-treetable-row{display:table-row;border-bottom:0 transparent}.ui-treetable .ui-treetable-row.ui-state-hover,.ui-treetable .ui-treetable-row.ui-state-highlight{border:0 none}.ui-treetable tbody .ui-treetable-row td{border:0 none}.ui-treetable tbody .ui-treetable-row td input{outline:0 none} \ No newline at end of file +.p-component,.p-component *{box-sizing:border-box}.p-hidden{display:none}.p-hidden-space{visibility:hidden}.p-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.p-hidden-accessible input,.p-hidden-accessible select{transform:scale(0)}.p-reset{margin:0;padding:0;border:0;outline:0;text-decoration:none;font-size:100%;list-style:none}.p-disabled,.p-disabled *{cursor:default !important;pointer-events:none}.p-component-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.p-overflow-hidden{overflow:hidden}.p-unselectable-text{user-select:none}.p-scrollbar-measure{width:100px;height:100px;overflow:scroll;position:absolute;top:-9999px}@-webkit-keyframes p-fadein{0%{opacity:0}100%{opacity:1}}@keyframes p-fadein{0%{opacity:0}100%{opacity:1}}input[type="button"],input[type="submit"],input[type="reset"],input[type="file"]::-webkit-file-upload-button,button{border-radius:0}.p-link{text-align:left;background-color:transparent;margin:0;padding:0;border:0;cursor:pointer;user-select:none}.p-sr-only{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal !important}.p-connected-overlay{opacity:0;transform:scaleY(0.8);transition:transform .12s cubic-bezier(0,0,0.2,1),opacity .12s cubic-bezier(0,0,0.2,1)}.p-connected-overlay-visible{opacity:1;transform:scaleY(1)}.p-connected-overlay-hidden{opacity:0;transform:scaleY(1);transition:opacity .1s linear}.p-toggleable-content.ng-animating{overflow:hidden}.p-badge{display:inline-block;border-radius:50%;text-align:center}.p-tag{display:inline-block;text-align:center;line-height:1.5}.p-tag.p-tag-rounded{border-radius:10rem}.p-overlay-badge{position:relative;display:inline-block}.p-overlay-badge .p-badge{position:absolute;top:0;right:0;transform:translate(1em,-1em);margin:0}.p-button{margin:0;display:inline-flex;cursor:pointer;user-select:none;align-items:center;vertical-align:bottom;text-align:center;overflow:hidden;position:relative}.p-button-label{flex:1 1 auto}.p-button-icon-right{order:1}.p-button:disabled{cursor:default}.p-button-icon-only{justify-content:center}.p-button-icon-only .p-button-label{visibility:hidden;width:0;flex:0 0 auto}.p-button-vertical{flex-direction:column}.p-button-icon-bottom{order:2}.p-buttonset .p-button{margin:0}.p-buttonset .p-button:not(:last-child){border-right:0 none}.p-buttonset .p-button:not(:first-of-type):not(:last-of-type){border-radius:0}.p-buttonset .p-button:first-of-type{border-top-right-radius:0;border-bottom-right-radius:0}.p-buttonset .p-button:last-of-type{border-top-left-radius:0;border-bottom-left-radius:0}.p-buttonset .p-button:focus{position:relative;z-index:1}.p-checkbox{display:inline-flex;cursor:pointer;user-select:none;vertical-align:bottom}.p-checkbox-disabled{cursor:default !important;pointer-events:none}.p-checkbox-box{display:flex;justify-content:center;align-items:center}p-checkbox{display:inline-flex;vertical-align:bottom;align-items:center}.p-checkbox-label{line-height:1}.p-colorpicker-panel .p-colorpicker-color{background:transparent url("./images/color.png") no-repeat left top}.p-colorpicker-panel .p-colorpicker-hue{background:transparent url("./images/hue.png") no-repeat left top}.p-inputtext{margin:0}.p-fluid .p-inputtext{width:100%}.p-inputgroup{display:flex;align-items:stretch;width:100%}.p-inputgroup-addon{display:flex;align-items:center;justify-content:center}.p-inputgroup .p-float-label{display:flex;align-items:stretch;width:100%}.p-inputgroup .p-inputtext,.p-fluid .p-inputgroup .p-inputtext{flex:1 1 auto;width:1%}.p-float-label{display:block;position:relative}.p-float-label label{position:absolute;pointer-events:none;top:50%;margin-top:-.5rem;transition-property:all;transition-timing-function:ease;line-height:1}.p-float-label textarea ~ label{top:1rem}.p-float-label input:focus ~ label,.p-float-label input.p-filled ~ label,.p-float-label textarea:focus ~ label,.p-float-label textarea.p-filled ~ label,.p-float-label .p-inputwrapper-focus ~ label,.p-float-label .p-inputwrapper-filled ~ label{top:-.75rem;font-size:12px}.p-float-label .input:-webkit-autofill ~ label{top:-20px;font-size:12px}.p-input-icon-left,.p-input-icon-right{position:relative;display:inline-block}.p-input-icon-left>i,.p-input-icon-right>i{position:absolute;top:50%;margin-top:-.5rem}.p-fluid .p-input-icon-left,.p-fluid .p-input-icon-right{display:block;width:100%}.p-inputtextarea-resizable{overflow:hidden;resize:none}.p-fluid .p-inputtextarea{width:100%}.p-password-meter{background:transparent url("./images/password-meter.png") no-repeat left top;height:10px}.p-password-panel-overlay{position:absolute;display:none}.p-radiobutton{display:inline-flex;cursor:pointer;user-select:none;vertical-align:bottom}.p-radiobutton-box{display:flex;justify-content:center;align-items:center}.p-radiobutton-icon{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0) scale(.1);border-radius:50%;visibility:hidden}.p-radiobutton-box.p-highlight .p-radiobutton-icon{transform:translateZ(0) scale(1.0,1.0);visibility:visible}p-radiobutton{display:inline-flex;vertical-align:bottom;align-items:center}.p-radiobutton-label{line-height:1}.p-ripple{overflow:hidden;position:relative}.p-ink{display:block;position:absolute;background:rgba(255,255,255,0.5);border-radius:100%;transform:scale(0)}.p-ink-active{animation:ripple .4s linear}.p-ripple-disabled .p-ink{display:none !important}@keyframes ripple{100%{opacity:0;transform:scale(2.5)}}.p-tooltip{position:absolute;display:none;padding:.25em .5rem;max-width:12.5rem}.p-tooltip.p-tooltip-right,.p-tooltip.p-tooltip-left{padding:0 .25rem}.p-tooltip.p-tooltip-top,.p-tooltip.p-tooltip-bottom{padding:.25em 0}.p-tooltip .p-tooltip-text{white-space:pre-line}.p-tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.p-tooltip-right .p-tooltip-arrow{top:50%;left:0;margin-top:-.25rem;border-width:.25em .25em .25em 0}.p-tooltip-left .p-tooltip-arrow{top:50%;right:0;margin-top:-.25rem;border-width:.25em 0 .25em .25rem}.p-tooltip.p-tooltip-top{padding:.25em 0}.p-tooltip-top .p-tooltip-arrow{bottom:0;left:50%;margin-left:-.25rem;border-width:.25em .25em 0}.p-tooltip-bottom .p-tooltip-arrow{top:0;left:50%;margin-left:-.25rem;border-width:0 .25em .25rem} diff --git a/src/assets/sass/_fonts.scss b/src/assets/sass/_fonts.scss index 321378b9..ad2c4bc7 100644 --- a/src/assets/sass/_fonts.scss +++ b/src/assets/sass/_fonts.scss @@ -1,51 +1,27 @@ -/* roboto-300 - latin */ +/* roboto-regular - latin-ext_latin */ @font-face { - font-family: 'Roboto'; - font-style: normal; - font-weight: 300; - src: url("../fonts/roboto-v15-latin-300.eot"); /* IE9 Compat Modes */ - src: local('Roboto Light'), local('Roboto-Light'), - url("../fonts/roboto-v15-latin-300.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */ - url("../fonts/roboto-v15-latin-300.woff2") format('woff2'), /* Super Modern Browsers */ - url("../fonts/roboto-v15-latin-300.woff") format('woff'), /* Modern Browsers */ - url("../fonts/roboto-v15-latin-300.ttf") format('truetype'), /* Safari, Android, iOS */ - url("../fonts/roboto-v15-latin-300.svg#Roboto") format('svg'); /* Legacy iOS */ + font-family: 'Roboto'; + font-style: normal; + font-weight: 400; + src: local('Roboto'), local('Roboto-Regular'), + url('../../layout/fonts/roboto-v20-latin-ext_latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('../../layout/fonts/roboto-v20-latin-ext_latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } -/* roboto-regular - latin */ +/* roboto-500 - latin-ext_latin */ @font-face { - font-family: 'Roboto'; - font-style: normal; - font-weight: 400; - src: url("../fonts/roboto-v15-latin-regular.eot"); /* IE9 Compat Modes */ - src: local('Roboto'), local('Roboto-Regular'), - url("../fonts/roboto-v15-latin-regular.eot#iefix") format('embedded-opentype'), /* IE6-IE8 */ - url("../fonts/roboto-v15-latin-regular.woff2") format('woff2'), /* Super Modern Browsers */ - url("../fonts/roboto-v15-latin-regular.woff") format('woff'), /* Modern Browsers */ - url("../fonts/roboto-v15-latin-regular.ttf") format('truetype'), /* Safari, Android, iOS */ - url("../fonts/roboto-v15-latin-regular.svg#Roboto") format('svg'); /* Legacy iOS */ + font-family: 'Roboto'; + font-style: normal; + font-weight: 500; + src: local('Roboto Medium'), local('Roboto-Medium'), + url('../../layout/fonts/roboto-v20-latin-ext_latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('../../layout/fonts/roboto-v20-latin-ext_latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } -/* roboto-700 - latin */ +/* roboto-700 - latin-ext_latin */ @font-face { - font-family: 'Roboto'; - font-style: normal; - font-weight: 700; - src: url("../fonts/roboto-v15-latin-700.eot"); /* IE9 Compat Modes */ - src: local('Roboto Bold'), local('Roboto-Bold'), - url("../fonts/roboto-v15-latin-700.eot#iefix") format('embedded-opentype'), /* IE6-IE8 */ - url("../fonts/roboto-v15-latin-700.woff2") format('woff2'), /* Super Modern Browsers */ - url("../fonts/roboto-v15-latin-700.woff") format('woff'), /* Modern Browsers */ - url("../fonts/roboto-v15-latin-700.ttf") format('truetype'), /* Safari, Android, iOS */ - url("../fonts/roboto-v15-latin-700.svg#Roboto") format('svg'); /* Legacy iOS */ + font-family: 'Roboto'; + font-style: normal; + font-weight: 700; + src: local('Roboto Bold'), local('Roboto-Bold'), + url('../../layout/fonts/roboto-v20-latin-ext_latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('../../layout/fonts/roboto-v20-latin-ext_latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } - -@font-face { - font-family: 'Material Icons'; - font-style: normal; - font-weight: 400; - src: url("../fonts/MaterialIcons-Regular.eot"); /* For IE6-8 */ - src: local('Material Icons'), - local('MaterialIcons-Regular'), - url("../fonts/MaterialIcons-Regular.woff2") format('woff2'), - url("../fonts/MaterialIcons-Regular.woff") format('woff'), - url("../fonts/MaterialIcons-Regular.ttf") format('truetype'); -} \ No newline at end of file diff --git a/src/assets/sass/_mixins.scss b/src/assets/sass/_mixins.scss deleted file mode 100644 index 8f5cd3ed..00000000 --- a/src/assets/sass/_mixins.scss +++ /dev/null @@ -1,157 +0,0 @@ -@mixin border-radius($val) { - -moz-border-radius: $val; - -webkit-border-radius: $val; - border-radius: $val; -} - -@mixin border-radius-right($val) { - -moz-border-radius-topright: $val; - -webkit-border-top-right-radius: $val; - border-top-right-radius: $val; - -moz-border-radius-bottomright: $val; - -webkit-border-bottom-right-radius: $val; - border-bottom-right-radius: $val; -} - -@mixin border-radius-left($val) { - -moz-border-radius-topleft: $val; - -webkit-border-top-left-radius: $val; - border-top-left-radius: $val; - -moz-border-radius-bottomleft: $val; - -webkit-border-bottom-left-radius: $val; - border-bottom-left-radius: $val; -} - -@mixin border-radius-top($val) { - -moz-border-radius-topleft: $val; - -webkit-border-top-left-radius: $val; - border-top-left-radius: $val; - -moz-border-radius-topright: $val; - -webkit-border-top-right-radius: $val; - border-top-right-radius: $val; -} - -@mixin border-radius-bottom($val) { - -moz-border-radius-bottomleft: $val; - -webkit-border-bottom-left-radius: $val; - border-bottom-left-radius: $val; - -moz-border-radius-bottomright: $val; - -webkit-border-bottom-right-radius: $val; - border-bottom-right-radius: $val; -} - -@mixin gradient($deg, $color1, $color2) { - background: -moz-linear-gradient($deg, $color1 0%, $color2 100%); /* ff3.6+ */ - background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, $color1), color-stop(100%, $color2)); /* safari4+,chrome */ - background: -webkit-linear-gradient($deg, $color1 0%, $color2 100%); /* safari5.1+,chrome10+ */ - background: -o-linear-gradient($deg, $color1 0%, $color2 100%); /* opera 11.10+ */ - background: -ms-linear-gradient($deg, $color1 0%, $color2 100%); /* ie10+ */ - background: linear-gradient($deg, $color1 0%, $color2 100%); /* w3c */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#{$color1}', endColorstr='#{$color2}',GradientType=1 ); /* ie6-9 */ -} - -@mixin transition($transition...) { - -moz-transition: $transition; - -o-transition: $transition; - -webkit-transition: $transition; - transition: $transition; -} - -@mixin content-shadow() { - box-shadow: 0 1px 3px 0 rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12); - -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12); - -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12) -} - -@mixin overlay-content-shadow() { - -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); - -moz-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); - box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); -} - -@mixin overlay-input-shadow() { - -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); - -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); - box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); -} - -@mixin no-shadow() { - box-shadow: none; - -webkit-box-shadow: none; - -moz-box-shadow: none; -} - -@mixin hover-element { - background-color: $hoverBgColor; - color: $hoverTextColor; -} - -@mixin hover-element-primary { - background-color: $primaryLightColor; - color: $hoverTextColor; -} - -@mixin opacity($opacity) { - opacity: $opacity; - $opacity-ie: $opacity * 100; - filter: alpha(opacity=$opacity-ie); -} - -@mixin icon-override($icon) { - &:before { - content: $icon; - } -} - -@mixin material-icon($icon) { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - - /* Support for IE. */ - font-feature-settings: 'liga'; - - &:before { - content: $icon; - } -} - -@mixin rotate($deg) { - -webkit-transform: rotate($deg); - -moz-transform: rotate($deg); - -o-transform: rotate($deg); - -ms-transform: rotate($deg); - transform: rotate($deg); -} - -@mixin scale($deg) { - -webkit-transform: scale($deg); - -moz-transform: scale($deg); - -o-transform: scale($deg); - -ms-transform: scale($deg); - transform: scale($deg); -} - -@mixin rippleitem() { - position: relative; - overflow: hidden; -} \ No newline at end of file diff --git a/src/assets/sass/_variables.scss b/src/assets/sass/_variables.scss deleted file mode 100644 index e9438d45..00000000 --- a/src/assets/sass/_variables.scss +++ /dev/null @@ -1,27 +0,0 @@ -$textColor: #212121; -$textSecondaryColor: #757575; -$fontSize: 16px; -$lineHeight: 1.5em; -$borderRadius: 3px; -$headerFontSize: 1em; -$headerPadding: .625em 1em; -$contentFontSize: 1em; -$contentPadding: .625em 1em; -$inputHeaderFontSize: 1em; -$inputHeaderPadding: .625em 1em; -$inputFontSize: 1em; -$buttonFontSize: 1em; -$inputOptionFontSize: 1em; -$inputOptionPadding: .625em .875em; -$hoverBgColor: #e8e8e8; -$hoverTextColor: #000000; -$dividerColor: #bdbdbd; -$dividerLightColor: #cacaca; -$grayBgColor: #757575; -$iconFontSize: 1.5em; -$invalidInputLabelColor: #e62a10; -$invalidInputBorderColor: #e62a10; - -/* Compact */ -$c-fontSize: 14px; -$c-lineHeight: 18px; \ No newline at end of file diff --git a/src/assets/sass/layout/_animation.scss b/src/assets/sass/layout/_animation.scss new file mode 100644 index 00000000..f19535e9 --- /dev/null +++ b/src/assets/sass/layout/_animation.scss @@ -0,0 +1,70 @@ +@keyframes overlayEnter { + from { + opacity: 0; + transform: scaleY(0.8); + } + + to { + opacity: 1; + transform: none; + } +} + +@keyframes fadeInDown { + from { + opacity: 0; + transform: translate3d(0, -20px, 0); + } + + to { + opacity: 1; + transform: none; + } +} + +@keyframes fadeOutUp { + from { + opacity: 1; + } + + to { + opacity: 0; + transform: translate3d(0, -20px, 0); + } +} + +@keyframes fadeinmask { + from { opacity: 0; } + to { opacity: .8; } +} + +.fadeInDown { + animation-name: fadeInDown; +} + +.fadeOutUp { + animation-name: fadeOutUp; +} + +@keyframes modal-in { + from { + background-color: transparent; + } + + to { + background-color: rgba(0,0,0,0.6); + } +} + +.modal-in { + animation-name: modal-in; +} + +@keyframes spin { + from { + transform: rotate(0deg); + } + to { + transform: rotate(359deg); + } +} diff --git a/src/assets/sass/layout/_breadcrumb.scss b/src/assets/sass/layout/_breadcrumb.scss new file mode 100644 index 00000000..87619a66 --- /dev/null +++ b/src/assets/sass/layout/_breadcrumb.scss @@ -0,0 +1,17 @@ +.layout-breadcrumb-container { + background-color: $contentBgColor; + + .layout-breadcrumb { + background: transparent; + border: 0 none; + border-radius: 0; + } + + .layout-breadcrumb-buttons { + .p-button { + width: 2.5rem; + height: 2.5rem; + } + } +} + diff --git a/src/assets/sass/layout/_compact.scss b/src/assets/sass/layout/_compact.scss deleted file mode 100644 index 815dce47..00000000 --- a/src/assets/sass/layout/_compact.scss +++ /dev/null @@ -1,70 +0,0 @@ -body { - .layout-wrapper.layout-compact { - font-size: $c-fontSize; - line-height: $c-lineHeight; - - .layout-container { - .ultima-menu { - li { - a { - i:last-child { - font-size: $c-fontSize + 4; - } - } - - ul { - li { - a { - span { - font-size: $c-fontSize; - } - } - } - } - } - } - } - - .ui-radiobutton { - .ui-radiobutton-box { - width: 18px; - height: 18px; - } - } - - .ui-datepicker { - tbody td a, body .ui-datepicker tbody td span { - padding-top: .25em; - } - } - } -} - -@media (min-width: 1025px) { - - .layout-wrapper.layout-compact { - .layout-container { - &.menu-layout-horizontal { - .layout-menu { - ul.ultima-menu { - > li { - > ul { - top: 35px; - - li { - span { - font-size: $c-fontSize; - } - } - } - } - } - } - - .layout-main { - padding-top: 130px; - } - } - } - } -} \ No newline at end of file diff --git a/src/assets/sass/layout/_config.scss b/src/assets/sass/layout/_config.scss new file mode 100644 index 00000000..48608709 --- /dev/null +++ b/src/assets/sass/layout/_config.scss @@ -0,0 +1,72 @@ +.layout-config { + transition: transform $transitionDuration; + + .p-sidebar-content, + .layout-config-panel { + height: 100%; + } + + .p-sidebar-header, + .p-sidebar-content { + padding: 0; + } + + .layout-config-options { + height: 100%; + overflow-y: auto; + + .layout-config-color-option { + width: 1.75rem; + height: 1.75rem; + display: block; + position: relative; + + &.p-disabled { + opacity: .1; + } + + .color { + display: inline-block; + width: 100%; + height: 100%; + border-radius: 4px; + border: 1px solid $dividerColor; + } + + .check { + position: absolute; + left: 0; + top: 0; + z-index: 1; + pointer-events: none; + width: 100%; + height: 100%; + } + } + } + + p { + color: var(--text-color-secondary); + } + + .scale-icon { + color: var(--surface-d); + + &.scale-active { + color: var(--primary-color); + } + } +} + +.layout-config-button.p-button { + position: fixed; + top: 35%; + right: 0; + width: auto; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + + .p-button-icon { + font-size: 2rem; + } +} diff --git a/src/assets/sass/layout/_dashboard.scss b/src/assets/sass/layout/_dashboard.scss index 1f75b4b8..64dcf4e6 100644 --- a/src/assets/sass/layout/_dashboard.scss +++ b/src/assets/sass/layout/_dashboard.scss @@ -1,309 +1,51 @@ -.dashboard { +.p-datatable-products .p-datatable-tbody > tr > td .p-column-title { + display: none; +} - .overview { - padding: 0 !important; - min-height: 140px; - position: relative; - margin-bottom: 0px !important; - - .overview-content { - padding: 16px; - - .overview-title { - font-size: 18px; +@media (max-width: $mobileBreakpoint) { + .p-datatable { + &.p-datatable-products { + .p-datatable-thead > tr > th, + .p-datatable-tfoot > tr > td { + display: none !important; } - - .overview-badge { - float: right; - color: $textSecondaryColor; - } - - .overview-detail { - display: block; - font-size: 24px; - margin-top: 5px; - } - } - - .overview-footer { - position: absolute; - bottom: 0; - width: 100%; - - img { - display: block; - } - } - } - - .colorbox { - padding: 0 !important; - text-align: center; - overflow: hidden; - margin-bottom: 0px !important; - - i { - font-size: 48px; - margin-top: 10px; - color: #ffffff; - } - - .colorbox-name { - font-size: 20px; - display: inline-block; - width: 100%; - margin: 4px 0 10px 0; - color: #ffffff; - } - - .colorbox-count { - color: #ffffff; - font-size: 36px; - } - - .colorbox-count { - font-weight: bold; - } - - &.colorbox-1 { - div:first-child { - background-color: #2E7D32; - } - - div:last-child { - background-color: #4CAF50; - } - } - - &.colorbox-2 { - div:first-child { - background-color: #0277BD; - } - - div:last-child { - background-color: #03A9F4; - } - } - - &.colorbox-3 { - div:first-child { - background-color: #4527A0; - } - - div:last-child { - background-color: #673AB7; - } - } - - &.colorbox-4 { - div:first-child { - background-color: #00695C; - } - - div:last-child { - background-color: #009688; - } - } - } - - .task-list { - overflow: hidden; - - > .ui-panel { - min-height: 340px; - } - - .ui-panel-content { - padding: 10px 0 !important; - } - - ul { - list-style-type: none; - margin: 0; - padding: 0; - - li { - padding: $inputOptionPadding; - border-bottom: 1px solid #dbdbdb; - - &:first-child { - margin-top: 10px; - } - } - - .ui-chkbox { - vertical-align: middle; - margin-right: 5px; - } - - .task-name { - vertical-align: middle; - } - - i { - color: $textSecondaryColor; - float: right; - } - } - } - - .contact-form { - overflow: hidden; - - .ui-panel { - min-height: 340px; - } - - .ui-g-12 { - padding: 16px 10px; - } - - .ui-button { - margin-top: 20px; - } - } - - .contacts { - overflow: hidden; - - > .ui-panel { - min-height: 340px; - } - - .ui-panel-content{ - padding: 15px 0 10px 0 !important; - } - - ul { - list-style-type: none; - padding: 0; - margin: 0; - - li { - border-bottom: 1px solid #d8d8d8; - - a { - padding: 9px; - width: 100%; - box-sizing: border-box; - text-decoration: none; - position: relative; - display: block; - @include border-radius(2px); - @include transition(background-color .2s); - - .name { - position: absolute; - right: 10px; - top: 10px; - font-size: 18px; - color: $textColor; - } - - .email { - position: absolute; - right: 10px; - top: 30px; - font-size: 14px; - color: $textSecondaryColor; - } - - &:hover { - cursor: pointer; - background-color: #e8e8e8;; + + .p-datatable-tbody > tr { + border-bottom: 1px solid var(--surface-d); + + > td { + text-align: left; + display: flex; + border: 0 none !important; + width: 100% !important; + border: 0 none; + align-items: center; + + .p-column-title { + min-width: 30%; + display: block; + font-weight: bold; } } - - &:last-child { - border: 0; - } } } } - - .activity-list { - list-style-type: none; - padding: 0; - margin: 0; - - li { - border-bottom: 1px solid #bdbdbd; - padding: 15px 0 9px 9px; - - .count { - font-size: 24px; - color: #ffffff; - background-color: #03A9F4; - font-weight: bold; - display: inline-block; - padding: 5px; - @include border-radius(2px); - } - - &:first-child { - border-top: 1px solid #bdbdbd; - } - - &:last-child { - border: 0; - } - .ui-g-6:first-child { - font-size: 18px; - padding-left: 0; - } - - .ui-g-6:last-child { - text-align: right; - color: $textSecondaryColor; - } - } - } - - .timeline { - height: 100%; - box-sizing: border-box; - - > .ui-g { - .ui-g-3 { - font-size: 14px; - position: relative; - border-right: 1px solid #bdbdbd; - - i { - background-color: #ffffff; - font-size: 36px; - position: absolute; - top: 0px; - right: -18px; - } - } - - .ui-g-9 { - padding-left: 1.5em; - .event-owner { - - } - - .event-text { - color: $textSecondaryColor; - font-size: 14px; - display: block; - padding-bottom: 20px; - } - - .event-content { - img { - width: 100%; + .layout-rtl { + .p-datatable { + &.p-datatable-products { + .p-datatable-tbody > tr { + > td { + text-align: right; + float: right; + clear: right; + + .p-column-title { + margin: -.4rem -.4rem -.4rem 1rem; + } } } } } } - - > div { - > .ui-panel { - @include content-shadow(); - } - } -} \ No newline at end of file +} diff --git a/src/assets/sass/layout/_exception.scss b/src/assets/sass/layout/_exception.scss deleted file mode 100644 index 7d001e96..00000000 --- a/src/assets/sass/layout/_exception.scss +++ /dev/null @@ -1,108 +0,0 @@ -.exception-body { - background-color: #f7f7f7; - height: auto; - - .exception-type { - width: 100%; - height: 50%; - padding: 100px 100px 0 100px; - box-sizing: border-box; - text-align: center; - } - - .exception-panel { - text-align: center; - width: 350px; - padding: 35px; - margin: -10% auto 0 auto; - z-index: 100; - - i { - font-size: 72px; - } - - h1 { - font-size: 36px; - line-height: 36px; - color: $textSecondaryColor; - } - - .exception-detail { - margin: 20px 0px 100px 0px; - color: $textSecondaryColor; - } - } - - .ui-button { - @include border-radius(3px); - - &:hover { - background-color: $accentDarkColor; - } - } - - &.error-page { - .exception-type { - background-color: #e62a10; - - img { - width: 100%; - } - } - - .exception-panel { - i { - color: #f79a84; - } - } - } - - &.notfound-page { - .exception-type { - background-color: #3f51b5; - - img { - width: 54%; - } - } - - .exception-panel { - i { - color: #9fa8da; - } - } - } - - &.accessdenied-page { - .exception-type { - background-color: #e91e63; - - img { - width: 50%; - } - } - - .exception-panel { - i { - color: #f48fb1; - } - } - } -} - -@media (max-width: 1024px) { - .exception-body { - .exception-panel { - margin-top: -50px; - } - } -} - -@media (max-width: 640px) { - .exception-body { - .exception-panel { - width: 250px; - margin-top: -15px; - } - } -} diff --git a/src/assets/sass/layout/_footer.scss b/src/assets/sass/layout/_footer.scss new file mode 100644 index 00000000..3cb1407e --- /dev/null +++ b/src/assets/sass/layout/_footer.scss @@ -0,0 +1,3 @@ +.layout-footer { + background-color: $contentBgColor; +} diff --git a/src/assets/sass/layout/_help.scss b/src/assets/sass/layout/_help.scss new file mode 100644 index 00000000..dcbd17c1 --- /dev/null +++ b/src/assets/sass/layout/_help.scss @@ -0,0 +1,25 @@ +.layout-help-page { + .layout-help-page-header { + position: relative; + + .layout-help-page-header-text { + position: absolute; + left: 2rem; + top: 50%; + margin-top: -1.75rem; + color: #ffffff; + } + + .layout-help-page-search { + position: absolute; + left: 2rem; + bottom: -1rem; + border-radius: 4px; + width: calc(100% - 4rem); + + .p-inputtext { + border: 0 none; + } + } + } +} diff --git a/src/assets/sass/layout/_invoice.scss b/src/assets/sass/layout/_invoice.scss new file mode 100644 index 00000000..82f26418 --- /dev/null +++ b/src/assets/sass/layout/_invoice.scss @@ -0,0 +1,19 @@ +@media print { + body * { + visibility: hidden; + } + + .layout-invoice-content { + position: absolute; + left: 0; + top: 0; + + * { + visibility: visible; + box-shadow: none; + color: #212121 !important; + border-color: #e4e4e4 !important; + background-color: transparent; + } + } +} diff --git a/src/assets/sass/layout/_landing.scss b/src/assets/sass/layout/_landing.scss index a90c3e1c..10d23f73 100644 --- a/src/assets/sass/layout/_landing.scss +++ b/src/assets/sass/layout/_landing.scss @@ -1,468 +1,161 @@ -.landing-wrapper { - - .ui-button { - @include border-radius(3px); - - &:hover { - background-color: $accentDarkColor; - } +.landing-container { + .landing-color-button { + position: fixed; + bottom: 3rem; + right: 3rem; + z-index: 9999; + } + + h1, h2, h3, h4, h5, h6 { + font-weight: 400; + } + + ul { + @include reset-list; + } + + .section { + padding: 2rem 15rem; } - + #header { width: 100%; min-height: 400px; - background: url("../images/landing/landing-header.png") top left no-repeat #f7f7f7; - background-size: 100% auto; - - .header-top { - width: 960px; - margin: 0 auto; - padding: 30px 0px; - - .logo { - display: inline-block; - vertical-align: middle; - width: 200px; - height: 30px; - background: url("../images/logo.png") top left no-repeat; + background: url("../images/landing/landing-header.png") top left no-repeat #f7f7f7; + background-size: cover; + + .header-menu-container { + a { + color: #ffffff; + cursor: pointer; } - + #menu { - float: right; - list-style: none; - margin: 0; - padding: 0; - - li { - float: left; - display: block; - margin-left: 30px; - - a { - color: #ffffff; - } - - i { - display: none; - } - } - - &.lmenu-active { - display: block; - } - } - - #menu-button { - height: 36px; - margin-top: -2px; - float: right; - color: #ffffff; - display: none; - - i { - font-size: 36px; - } + display: flex; + align-items: center; + flex-direction: row; } } - - .header-content { - width: 960px; - margin: 0 auto; - text-align: center; - - h1 { - margin: 75px 0px 50px 0px; - font-weight: 400; - color: #ffffff; - line-height: 36px; - } + + .header-text { + flex-grow: 1; } } - + #features { - width: 960px; - margin: 0 auto; - padding: 50px 0px; - text-align: center; - - h2 { - font-weight: 400; - line-height: 28px; - } - - h3 { - font-weight: 400; - } - - p { - color: $textSecondaryColor; - } - - .ui-g-12 { - padding: 2em .5em; - } - - .feature-icon { - display: inline-block; - @include border-radius(50%); - background-color: #f4f8fc; - box-sizing: border-box; + .feature-button { width: 100px; height: 100px; - text-align: center; - @include transition(background-color .3s); - - i { - margin-top: 30px; - font-size: 36px; - } - - &:hover { - background-color: #e91e63; - - i { - color: #ffffff; - } - } } } - + #promotion { background: url("../images/landing/promotion.png") top left no-repeat; background-size: 100% auto; - - .ui-lg-8 { - padding: 150px 0 0 150px; - h1 { - font-weight: 48px; - color: #ffffff; - font-weight: 400; - } - } - - .ui-lg-4 { - margin: -50px 0 -50px 0; - .card { - -webkit-box-shadow: 0 0 27px 4.5px rgba(13, 36, 62, 0.1); - -moz-box-shadow: 0 0 27px 4.5px rgba(13, 36, 62, 0.1); - box-shadow: 0 0 27px 4.5px rgba(13, 36, 62, 0.1); - margin-bottom: 20px; - - h3 { - font-weight: 400; - } - - p { - color: $textSecondaryColor; - } - - &:last-child { - margin-bottom: 0; - } - } - } } - + #pricing { - width: 960px; - margin: 0 auto; - padding: 50px 0px; - text-align: center; - - h2 { - font-weight: 400; - } - - p { - color: $textSecondaryColor; - } - - .pricing-box { + .pricing-content { + width: 100%; + .card { - height: 100%; - padding: 0; - } - - .pricing-header { - padding: 40px 0; - color: #ffffff; - - span { - display: block; - line-height: 48px; - - &.name { - font-weight: 300; - font-size: 24px; - } - - &.fee { - font-size: 48px; - font-weight: 700; - } - - &.type { - font-weight: 300; - font-size: 16px; - } - } + height: 100%; } - - .pricing-content { - ul { - margin: 0; - padding: 30px 20px; - list-style-type: none; - - li { - font-size: 18px; - text-align: left; - padding: 10px 14px; - - i { - margin-right: 20px; - vertical-align: middle; - } - - span { - vertical-align: middle; - } - } - } - } - - &.pricing-basic { - .pricing-header { - background-color: #3f51b5; - } - - i { - color: #3f51b5; - } - } - - &.pricing-standard { - .pricing-header { - background-color: #e91e63; - } - - i { - color: #e91e63; + + .options { + padding: 2rem 4rem; + + li { + display: flex; + align-items: center; } - } - - &.pricing-professional { - .pricing-header { - background-color: #607d8b; + + i, span { + padding: 1rem; } - - i { - color: #607d8b; + + span { + font-size: 1.2rem; } } } } - - #video { - background-color: #f7f7f7; - min-width: 400px; - - .video-content { - width: 960px; - margin: 0 auto; - padding: 50px 0px; - text-align: center; - - - h2 { - font-weight: 400; - } - - p { - color: $textSecondaryColor; - } + + #footer { + border-top: 1px solid $dividerColor; + + a { + color: $textColor; + } + + li { + padding: .25rem; } } - - .footer { - background-color: #f7f7f7; - border-top: 1px solid #dddddd; - - .footer-content { - width: 960px; - margin: 0 auto; - padding: 30px 0px 50px 0px; - - ul { - float: right; - list-style-type: none; - - li { - a { - color: $textSecondaryColor; - @include transition(color .3s); - - &:hover { - color: $textColor; - } - } +} + +@media screen and (min-width: 990px) { + .landing-container { + #header { + .header-menu-container { + box-shadow: none; + + #menu { + box-shadow: none; } } - } - - } } -@media (max-width: 1024px) { - - .landing-wrapper { +@media screen and (max-width: 991px) { + .landing-container { + .section { + padding: 2rem; + } + #header { - min-height: 200px; - background-size: cover; - - .header-top { + .header-menu-container { z-index: 100; position: fixed; top: 0; - background: #424242; - background-size: 100% auto; - padding: 30px; + left: 0; width: 100%; - box-sizing: border-box; - -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26); - -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26); - box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26); - - #menu-button { - display: inline-block; - } - + background: #212121; + padding: 2rem 5rem; + #menu { + display: none; z-index: 100; position: fixed; - top: 86px; - right: 30px; - float: none; - display: none; - margin: 0; - padding: 0; - width: 225px; - list-style: none; - background-color: #ffffff; - -webkit-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2); - -moz-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2); - box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2); - -webkit-animation-duration: .5s; - -moz-animation-duration: .5s; - animation-duration: .5s; - - li { - float: none; - margin-left: 0; - - a { - font-size: 16px; - display: block; - padding: 10px 16px; - color: $textColor; - width: 100%; - box-sizing: border-box; - @include transition(background-color .3s); - overflow: hidden; - - i { - color: #757575; - display: inline-block; - vertical-align: middle; - margin-right: 12px; - font-size: 24px; - } - - &:hover { - background-color: #e8e8e8; - } - - span { - display: inline-block; - vertical-align: middle; - } + top: 6rem; + right: 5rem; + width: 250px; + background-color: $contentBgColor; + color: $textColor; + animation-duration: $transitionDuration; + + a { + color: $textColor; + } + + > li { + width: 100%; + + &:hover { + background-color: $hoverBgColor; + transition: background-color $transitionDuration; } } - } - } - - .header-content { - width: 100%; - padding: 100px 30px 60px 30px; - box-sizing: border-box; - - h1 { - margin: 75px 0px 50px 0px; - font-weight: 400; - } - } - } - - #features, #promotion, #pricing, #video, .footer .footer-content { - width: 100%; - padding-right: 30px; - padding-left: 30px; - box-sizing: border-box; - } - - #promotion { - .ui-lg-8 { - padding: 100px 0 30px; - text-align: center; - - h1 { - margin-top: -30px; - font-weight: 48px; - color: #ffffff; - font-weight: 400; + &.menu-active { + display: flex; + flex-direction: column; + align-items: flex-start; + justify-content: stretch; + } } } } - - #video { - .video-content { - width: 100%; - - .video-container { - iframe { - width: 350px; - height: 220px; - } - } - } - } - - .footer { - .footer-content { - text-align: center; - - ul { - float: none; - margin: 0; - padding: 0; - } - } - } } } - -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - .landing-wrapper { - .header { - .header-top { - .logo { - background: url("../images/logo2x.png") top left no-repeat; - background-size: 200px 30px; - } - } - } - } -} \ No newline at end of file diff --git a/src/assets/sass/layout/_layout.scss b/src/assets/sass/layout/_layout.scss deleted file mode 100644 index fbcb92ec..00000000 --- a/src/assets/sass/layout/_layout.scss +++ /dev/null @@ -1,11 +0,0 @@ -@import '../_variables'; -@import '../_mixins'; -@import '../_fonts'; -@import './_utils.scss'; -@import './_splash.scss'; -@import './_dashboard.scss'; -@import './_login.scss'; -@import './_exception.scss'; -@import './_landing.scss'; -@import './_main.scss'; -@import './_compact.scss'; \ No newline at end of file diff --git a/src/assets/sass/layout/_loader.scss b/src/assets/sass/layout/_loader.scss new file mode 100644 index 00000000..32d052db --- /dev/null +++ b/src/assets/sass/layout/_loader.scss @@ -0,0 +1,56 @@ +$offset: 187; +$duration: 1.4s; + +.splash-screen { + width: 100%; + min-height: 100%; + background-color: var(--primary-color); + position: absolute; +} + +.splash-loader-container { + text-align: center; + position: absolute; + top: 50%; + left: 50%; + margin-left: -32px; + margin-top: -32px; +} + +.splash-loader { + animation: rotator $duration linear infinite; +} + +@keyframes rotator { + 0% { transform: rotate(0deg); } + 100% { transform: rotate(270deg); } +} + +.splash-path { + stroke-dasharray: $offset; + stroke-dashoffset: 0; + transform-origin: center; + animation: + dash $duration ease-in-out infinite, + colors ($duration*4) ease-in-out infinite; +} + +@keyframes colors { + 0% { stroke: #4285F4; } + 25% { stroke: #DE3E35; } + 50% { stroke: #F7C223; } + 75% { stroke: #1B9A59; } + 100% { stroke: #4285F4; } +} + +@keyframes dash { + 0% { stroke-dashoffset: $offset; } + 50% { + stroke-dashoffset: $offset/4; + transform:rotate(135deg); + } + 100% { + stroke-dashoffset: $offset; + transform:rotate(450deg); + } +} diff --git a/src/assets/sass/layout/_login.scss b/src/assets/sass/layout/_login.scss deleted file mode 100644 index d412aa35..00000000 --- a/src/assets/sass/layout/_login.scss +++ /dev/null @@ -1,98 +0,0 @@ -.login-body { - background: url("../images/login/login.png") top left no-repeat #f7f7f7; - background-size: 100% auto; - height: auto; -} - -.login-panel { - text-align: center; - width: 350px; - min-height: 440px; - padding: 50px 20px; - margin: 100px auto 0 auto; - - .ui-g { - .ui-g-12 { - padding: 25px 40px; - - .ui-button { - margin-bottom: 20px; - } - } - } - - .ui-button { - &:hover { - background-color: $primaryDarkColor; - } - - &:focus { - outline: 0 none; - background-color: lighten($primaryColor,10%); - } - - &.secondary { - &:hover { - background-color: $accentDarkColor; - } - - &:focus { - outline: 0 none; - background-color: lighten($accentColor,10%); - } - } - } - - .ui-inputtext { - &:focus { - border-width: 0 0 2px 0; - border-color: $primaryColor; - padding-bottom: 0px; - } - } -} - -.login-footer { - position: absolute; - bottom: 10px; - font-size: 16px; - width: 100%; - text-align: center; - color: $textSecondaryColor; -} - -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - .login-body { - background: url("../images/login/login2x.png") top left no-repeat #f7f7f7; - background-size: 100% auto; - } -} - -@media (max-width: 1024px) { - .login-panel { - text-align: center; - min-height: 440px; - margin: 100px auto 0 auto; - - } -} - -@media (max-width: 640px) { - .login-panel { - text-align: center; - width: 300px; - min-height: 440px; - padding: 40px 20px; - margin: 75px auto 0 auto; - - .ui-g { - .ui-g-12 { - padding: 20px 20px; - - .ui-button { - margin-top: 30px - } - } - } - } -} \ No newline at end of file diff --git a/src/assets/sass/layout/_main.scss b/src/assets/sass/layout/_main.scss index 157bc3f0..24248498 100644 --- a/src/assets/sass/layout/_main.scss +++ b/src/assets/sass/layout/_main.scss @@ -1,1096 +1,59 @@ html { height: 100%; + font-size: $fontSize; } - + body { font-family: Roboto,"Helvetica Neue",sans-serif; - font-size: $fontSize; - line-height: $lineHeight; + font-size: 1rem; color: $textColor; -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; padding: 0; margin: 0; - background-color: #f7f7f7; - height: 100%; - + background-color: $bodyBgColor; + min-height: 100%; + a { text-decoration: none; + color: $textSecondaryColor; } } .layout-mask { + display: none; position: fixed; - width: 100%; - height: 100%; - background-color: #424242; top: 0; left: 0; - z-index: 999999997; - @include opacity(.7); + z-index: 996; + width: 100%; + height: 100%; + animation-duration: $animationDuration; + animation-timing-function: $animationTimingFunction; + animation-fill-mode: forwards; } -.layout-container { - - .topbar { - position: fixed; - z-index: 100; - width: 100%; - height: 75px; - background-color: $primaryColor; - -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26); - -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26); - box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26); - - .logo { - display: inline-block; - vertical-align: middle; - width: 200px; - height: 30px; - background: url("../images/logo2x.png") top left no-repeat; - background-size: 200px 30px; - } - - .topbar-left { - box-sizing: border-box; - padding: 20px; - height: 75px; - width: 250px; - background-color: $primaryDarkColor; - float: left; - -webkit-box-shadow: 3px 0 6px rgba(0,0,0,0.3); - -moz-box-shadow: 3px 0 6px rgba(0,0,0,0.3); - box-shadow: 3px 0 6px rgba(0,0,0,0.3); - } - - .topbar-right { - padding: 15px; - position: relative; - - #menu-button { - color: $accentTextColor; - display: inline-block; - vertical-align: middle; - height: 36px; - margin-right: 10px; - position: relative; - left: -16px; - top: 3px; - background-color: $accentColor; - - @include border-radius(50%); - @include transition(all .3s); - -webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.23),0 3px 10px rgba(0,0,0,0.16); - -moz-box-shadow: 0 3px 10px rgba(0,0,0,0.23),0 3px 10px rgba(0,0,0,0.16); - box-shadow: 0 3px 10px rgba(0,0,0,0.23),0 3px 10px rgba(0,0,0,0.16); - - &:hover { - @include scale(1.2); - } - - i { - @include material-icon("chevron_left"); - @include transition(all .3s); - font-size: 36px; - } - } - - #topbar-menu-button { - display: none; - color: #ffffff; - vertical-align: middle; - height: 36px; - position: absolute; - top: 20px; - right: 25px; - - @include transition(all .3s); - - i { - @include transition(color .5s); - font-size: 36px; - } - } - - .topbar-items { - .search-item { - input { - position: relative; - top: -10px; - font-size: $fontSize; - background-color: transparent; - border-width: 0 0 1px 0; - padding: 2px 2px 1px 2px; - border-color: #ffffff; - color: #ffffff; - - &:focus { - outline: 0 none; - border-bottom-width: 2px; - } - } - - input:focus ~ label { - top:-5px; - font-size:12px; - color: $primaryColor; - } - - input.ui-state-filled ~ label { - display: none; - } - - label { - color: #ffffff; - top: 8px; - } - } - } - } - } - - .layout-menu { - overflow: auto; - position: fixed; - width: 250px; - z-index: 99; - top: 75px; - height: 100%; - background-color: #ffffff; - -webkit-box-shadow: 3px 0 6px rgba(0,0,0,0.3); - -moz-box-shadow: 3px 0 6px rgba(0,0,0,0.3); - box-shadow: 3px 0 6px rgba(0,0,0,0.3); - @include transition(margin-left .3s); - - > .nano { - > .nano-content { - &.menu-scroll-content { - display: block; - height: 100%; - position: relative; - overflow: scroll; - overflow-x: hidden; - } - - ul.ultima-menu { - &.ultima-main-menu { - margin-top: 16px; - padding-bottom: 120px; - } - } - } - - .nano-pane { - background: transparent; - - .nano-slider { - background-color: #aaaaaa; - @include opacity(.3); - } - } - } - - .profile { - box-sizing: border-box; - padding-top: 2em; - width: 250px; - height: 145px; - text-align: center; - background: url("../images/profile-bg.png") top left no-repeat; - background-size: 250px 145px; - -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16); - -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16); - box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16); - - .profile-image { - width: 60px; - height: 60px; - margin: 0 auto 5px auto; - background: url("../images/avatar.png") top left no-repeat; - background-size: 60px 60px; - } - - .profile-name { - display: inline-block; - color: $textColor; - vertical-align: middle; - font-size: 1em; - } - - i { - color: $textColor; - vertical-align: middle; - @include transition(transform .3s); - } - - &.profile-expanded { - i { - @include rotate(-180deg); - } - } - } - - .profile-menu { - border-bottom: 1px solid #d6d5d5; - overflow: hidden; - - li:first-child { - margin-top: 1em; - } - - li:last-child { - margin-bottom: 1em; - } - } - - &.layout-menu-dark { - background-color: $darkMenuBgColor; - - .profile { - background-image: url("../images/profile-bg-dark.png"); - - .profile-name { - color: #ffffff; - } - - i { - color: #ffffff; - } - } - - .profile-menu { - border-bottom: 1px solid $darkMenuHoverColor; - } - - ul.ultima-menu { - li { - a { - color: #ffffff; - - i { - color: #ffffff; - } - - &:hover { - background-color: $darkMenuHoverColor; - } - - &.active-menuitem-routerlink { - color: $darkMenuRouterLinkActiveColor; - - i { - color: $darkMenuRouterLinkActiveColor; - } - - &:hover { - color: #ffffff; - - > i { - color: #ffffff; - } - } - } - } - - &.active-menuitem { - > a { - color: $accentTextColor; - background-color: $accentColor; - } - } - } - } - } - } - - &.menu-layout-overlay { - .layout-menu { - margin-left: -250px; - } - - .layout-main { - margin-left: 0px; - } - - &.layout-menu-overlay-active { - .layout-menu { - z-index: 999999999; - margin-left: 0px; - } - - .layout-mask { - display: block; - } - - .topbar { - .topbar-right { - #menu-button { - i { - @include rotate(0deg); - } - } - } - } - } - - .topbar { - z-index: 999999998; - - .topbar-right { - #menu-button { - i { - font-size: 36px !important; - @include rotate(180deg); - } - } - } - - } - } - +.layout-wrapper { .layout-main { - padding: 96px 16px 16px 16px; - @include transition(margin-left .3s); - } - - .layout-mask { - display: none; - } - - .ultima-menu { - margin: 0; - padding: 0; - list-style: none; - - li { - a { - font-size: 1em; - display: block; - padding: .5em 1em; - color: $textColor; - width: 100%; - box-sizing: border-box; - @include transition(background-color .3s); - overflow: hidden; - - i { - color: #757575; - } - - i:first-child { - display: inline-block; - vertical-align: middle; - margin-right: .5em; - font-size: 1.5em; - } - - i:last-child { - float: right; - font-size: $fontSize + 4; - margin-top: .15em; - margin-right: -.15em; - @include transition(transform .3s); - } - - &:hover { - background-color: $hoverBgColor; - } - - span { - display: inline-block; - vertical-align: middle; - } + padding-top: 4rem; + display: flex; + flex-direction: column; + justify-content: space-between; + min-height: 100vh; - &.active-menuitem-routerlink { - color: $lightMenuRouterLinkActiveColor; - - > i { - color: $lightMenuRouterLinkActiveColor; - } - - &:hover { - color: $textColor; - - > i { - color: #757575; - } - } - } - } - - &.active-menuitem { - > a { - color: $primaryColor; - background-color: #e8e8e8; - - i:last-child { - @include rotate(-180deg); - } - } - } - - ul { - padding: 0; - margin: 0; - list-style: none; - overflow: hidden; - - li { - a { - padding: .5em 1em .5em 2em; - - > span { - font-size: $fontSize - 1; - } - - i:first-child { - display: inline-block; - vertical-align: middle; - margin-right: .6em; - font-size: 1.250em; - } - } - - ul { - li { - a { - padding-left: 3em; - } - } - - ul { - li { - a { - padding-left: 4em; - } - } - - ul { - li { - a { - padding-left: 5em; - } - } - - ul { - li { - a { - padding-left: 6em; - } - } - } - } - } - } - } - } - } - } - - .footer { - padding: .5em; - - .footer-text-left { - float: left; - } - - .footer-text-right { - color: $textSecondaryColor; - float: right; - - span { - vertical-align: middle; - display: inline-block; - } + .layout-content { + padding: 2rem; + padding-top: 1rem; + flex: 1 1 0; } } } -.ajax-loader { - font-size: 2em; - color: $accentColor; -} - -@media (min-width: 1025px) { - - .layout-container { - - .topbar-items { - float: right; - margin: 0; - padding: 5px 0 0 0; - list-style-type: none; - - > li { - float: right; - position: relative; - margin-left: 8px; - - > a { - position: relative; - display: block; - - .topbar-item-name { - display: none; - } - - .topbar-badge { - position: absolute; - right: -5px; - top: -5px; - background-color: $accentColor; - color: $accentTextColor; - @include border-radius(50%); - padding: 2px 4px; - display: block; - font-size: 12px; - line-height: 12px; - } - } - - .topbar-icon { - font-size: 36px; - color: #ffffff; - @include transition(color .3s); - - &:hover { - color: #e8e8e8; - } - } - - &.profile-item { - .profile-image { - width: 36px; - height: 36px; - background: url("../images/avatar.png") top left no-repeat; - background-size: 36px 36px; - } - } - - > ul { - position: absolute; - top: 55px; - right: 5px; - display: none; - width: 250px; - background-color: #ffffff; - -webkit-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2); - -moz-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2); - box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2); - -webkit-animation-duration: .5s; - -moz-animation-duration: .5s; - animation-duration: .5s; - } - - &.active-top-menu { - > ul { - display: block; - } - } - - .topbar-message { - img { - display: inline-block; - vertical-align: middle; - margin-right: 12px; - } - } - } - } - - &.menu-layout-static { - .layout-menu { - margin-left: 0; - } - - .layout-main { - margin-left: 250px; - } - - &.layout-menu-static-inactive { - .topbar { - .topbar-right { - #menu-button { - i { - @include rotate(180deg); - } - } - } - } - - .layout-menu { - margin-left: -250px; - } - - .layout-main { - margin-left: 0px; - } - } - - .layout-mask { - display: none; - } - } - - &.menu-layout-horizontal { - .topbar { - @include no-shadow(); - - .topbar-left { - background-color: $primaryColor; - @include no-shadow(); - } - - .topbar-right { - #menu-button { - display: none; - } - } - } - - .layout-menu { - overflow: visible; - position: fixed; - width: 100%; - top: 75px; - height: auto; - background-color: $primaryDarkColor; - -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26); - -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26); - box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26); - - > .nano { - overflow: visible; - - .nano-content { - &.menu-scroll-content { - display: inherit; - height: auto; - position: static; - overflow: visible; - overflow-x: visible; - } - - ul.ultima-menu { - &.ultima-main-menu { - margin-top: 0px; - padding-bottom: 0px; - } - } - } - - .nano-pane { - display: none !important; - } - } - - ul.ultima-menu { - &.ultima-main-menu { - margin-top: 0; - } - - > li { - float: left; - position: relative; - - > a { - color: #ffffff; - - i { - color: #ffffff; - } - - &:hover { - background-color: #e8e8e8; - color: $textColor; - - i { - color: $textColor; - } - } - - &.active-menuitem-routerlink { - color: $horizontalLightMenuRouterLinkActiveColor; - - > i { - color: $horizontalLightMenuRouterLinkActiveColor; - } - - &:hover { - color: $textColor; - - i { - color: $textColor; - } - } - } - } - - > ul { - z-index: 100; - position: absolute; - top: 41px; - left: 0px; - width: 250px; - background-color: #ffffff; - -webkit-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2); - -moz-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2); - box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2); - - li { - a { - padding: 10px 16px; - } - - ul { - position: static; - - li { - a { - padding-left: 32px; - } - } - - ul { - li { - a { - padding-left: 48px; - } - } - - ul { - li { - a { - padding-left: 64px; - } - } - - ul { - li { - a { - padding-left: 80px; - } - } - - ul { - li { - a { - padding-left: 96px; - } - } - } - } - } - } - } - - &.active-menuitem { - > a { - color: $primaryColor; - background-color: #e8e8e8; - } - - > ul { - display: block; - } - } - } - } - - &.active-menuitem { - > a { - color: $accentTextColor; - background-color: $accentColor; - - i { - color: $accentTextColor; - } - } - - > ul { - display: block; - } - } - } - } - - &.layout-menu-dark { - background-color: $darkMenuBgColor; - - ul.ultima-menu { - li { - a { - color: #ffffff; - - &:hover { - background-color: $darkMenuHoverColor; - color: #ffffff; - - i { - color: #ffffff; - } - } - - &.active-menuitem-routerlink { - color: $darkMenuRouterLinkActiveColor; - - i { - color: $darkMenuRouterLinkActiveColor; - } - - &:hover { - color: #ffffff; - - i { - color: #ffffff; - } - } - } - } - - &.active-menuitem { - > a { - color: $accentTextColor; - background-color: $accentColor; - } - } - - ul { - background-color: $darkMenuBgColor; - } - } - } - } - } - - .layout-main { - padding-top: 140px; - margin-left: 0px; - } - - .layout-mask { - display: none; - } - } - } -} - -@media (max-width: 1024px) { - .layout-container { - - &.menu-layout-static { - .topbar { - .topbar-right { - #menu-button { - i { - @include rotate(180deg); - } - } - } - } - .layout-menu { - margin-left: -265px; - } - - .layout-main { - margin-left: 0px; - } - - &.layout-menu-static-active { - .layout-menu { - margin-left: 0; - z-index: 999999999; - } - - .topbar { - z-index: 999999998; - - .topbar-right { - #menu-button { - i { - @include rotate(0); - } - } - } - } - - .layout-main { - margin-left: 0; - } - - .layout-mask { - display: block; - } - } - } - - .topbar { - .topbar-right { - #topbar-menu-button { - display: block; - } - - .topbar-items { - position: absolute; - top: 75px; - right: 15px; - width: 275px; - -webkit-animation-duration: .5s; - -moz-animation-duration: .5s; - animation-duration: .5s; - display: none; - background-color: #ffffff; - -webkit-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2); - -moz-box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2); - box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2); - list-style-type: none; - margin: 0; - padding: 0; - - > li { - > a { - width: 100%; - display: block; - box-sizing: border-box; - font-size: 16px; - padding: 16px 16px; - color: $textColor; - position: relative; - - i { - display: inline-block; - vertical-align: middle; - margin-right: 12px; - font-size: 24px; - } - - &:hover { - background-color: #e8e8e8; - } - - .topbar-item-name { - display: inline-block; - vertical-align: middle; - } - - .topbar-badge { - position: absolute; - left: 30px; - top: 10px; - background-color: $accentColor; - color: $accentTextColor; - @include border-radius(50%); - padding: 2px 4px; - display: block; - font-size: 12px; - line-height: 12px; - } - } - - > ul { - display: none; - - li { - a { - span, img, i { - display: inline-block; - vertical-align: middle; - } - } - } - } - - &.active-top-menu { - > a { - color: $primaryColor; - } - - > ul { - display: block; - - li { - a { - padding-left: 32px; - } - } - } - } - - &.search-item { - text-align: center; - width: 100%; - display: block; - box-sizing: border-box; - font-size: 16px; - padding: 16px 16px; - position: relative; - - input { - top: 0; - width: 100%; - box-sizing: border-box; - padding-right:16px; - border-color: $dividerColor; - color: $textColor; - - &:focus { - margin-bottom: -1px; - border-color: $dividerColor; - } - } - - input:focus ~ label, - input.ui-state-filled ~ label { - top: -20px; - color: $primaryColor; - } - - label { - top: 1px; - color: $textColor; - } - - i { - position: absolute;; - right: 5px; - top: -2px; - } - } - - &.profile-item { - .profile-image { - display: inline-block; - vertical-align: middle; - width: 24px; - height: 24px; - background: url("../images/avatar.png") top left no-repeat; - background-size: 24px 24px; - margin-right: 14px; - } - - span { - vertical-align: middle; - display: inline-block; - } - } - } - - &.topbar-items-visible { - display: block; - } - } - } - } - } +.layout-ajax-loader-icon { + position: fixed; + right: 2rem; + bottom: 2rem; + font-size: 2rem; + color: $textSecondaryColor; + z-index: 999; } - -@media (max-width: 399px) { - .layout-container { - .topbar { - .topbar-right { - #topbar-menu-button { - right: 15px; - } - } - } - } -} \ No newline at end of file diff --git a/src/assets/sass/layout/_megamenu.scss b/src/assets/sass/layout/_megamenu.scss new file mode 100644 index 00000000..a5945dac --- /dev/null +++ b/src/assets/sass/layout/_megamenu.scss @@ -0,0 +1,6 @@ +.layout-megamenu { + &.p-megamenu { + border: 0 none; + padding: 0; + } +} diff --git a/src/assets/sass/layout/_mixins.scss b/src/assets/sass/layout/_mixins.scss new file mode 100644 index 00000000..c09cc091 --- /dev/null +++ b/src/assets/sass/layout/_mixins.scss @@ -0,0 +1,55 @@ +@mixin nested-submenu-indents($val, $index, $length) { + ul { + li { + a { + padding-left: $val * $index; + } + + @if $index < $length { + @include nested-submenu-indents($val, $index + 1, $length); + } + } + } +} + +@mixin nested-submenu-indents-rtl($val, $index, $length) { + ul { + li { + a { + padding-left: .5rem; + padding-right: $val * $index; + } + + @if $index < $length { + @include nested-submenu-indents-rtl($val, $index + 1, $length); + } + } + } +} + +@mixin input-placeholder($color) { + &::-webkit-input-placeholder {color: $color} + &:-moz-placeholder {color: $color} + &::-moz-placeholder {color: $color} + &:-ms-input-placeholder {color: $color} +} + +@mixin reset-list { + margin: 0; + padding: 0; + border: 0; + outline: 0; + text-decoration: none; + list-style-type: none; +} + +@mixin material-overlay-transform { + transform-origin: top; +} + +@mixin material-overlay-animation { + @include material-overlay-transform; + animation-name: overlayEnter; + animation-timing-function: cubic-bezier(0, 0, 0.2, 1); + animation-duration: .12s; +} diff --git a/src/assets/sass/layout/_pages.scss b/src/assets/sass/layout/_pages.scss new file mode 100644 index 00000000..b8b56799 --- /dev/null +++ b/src/assets/sass/layout/_pages.scss @@ -0,0 +1,202 @@ +.pages-body { + height: 100vh; + + .topbar { + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); + background-color: #1565C0; + z-index: 100; + + .topbar-left { + img { + height: 2rem; + } + } + + .p-button.p-button-text.p-button-plain { + color: #ffffff; + } + } + + .pages-panel { + text-align: center; + z-index: 200; + + &.card { + img { + width: 100%; + } + + border: 1.5px solid $dividerColor; + border-radius: 6px; + + >.card { + background-color: $contentAltBgColor; + } + } + + .pages-header { + margin-top: -3rem; + color: var(--primary-color-text); + border: 1.5px solid $dividerColor; + border-radius: 4px; + margin-left: auto; + margin-right: auto; + + h2 { + margin: 0; + } + } + + .pages-detail { + color: $textSecondaryColor; + } + } + + &.login-page { + background: url("../images/pages/login-bg.jpg"); + background-size: cover; + + .pages-panel { + .pages-header { + background: #0097A7; + } + + .input-panel { + width: 100%; + + .p-inputtext { + width: 100% + } + } + + .login-button > * { + width: 100%; + } + } + } + + &.contact-page { + + .map { + iframe { + border: 0; + position: absolute; + float: left; + clear: both; + width: 100%; + height: 45vh; + z-index: 0; + opacity: 0.5; + } + + span { + position: absolute; + float: left; + clear: both; + width: 100%; + height: 45vh; + z-index: -1; + background: linear-gradient(180deg, #040B0F 0%, rgba(7, 14, 18, 0) 100%); + } + } + + i { + color: white; + } + + .pages-panel { + text-align: left; + width: 75%; + max-width: 1050px; + margin: auto; + position: absolute; + top: 33%; + left: 0; right: 0; + + .title { + font-weight: 500; + margin-bottom: 0; + } + + .card { + .contact-input { + width: 100%; + } + + .right-panel { + + i { + font-size: 2rem; + padding: 0.5rem; + border-radius: 4px; + + &.pi-home { + color: #1565C0; + background: #BBDEFB; + background-size: auto; + } + + &.pi-briefcase { + color: #00838f; + background: #B2DFDB; + background-size: auto; + } + } + } + } + } + } + + &.error-page { + background: url("../images/pages/error-bg.jpg"); + background-size: cover; + + .pages-panel { + .pages-header { + background: #D81B60; + } + } + } + + &.notfound-page { + background: url("../images/pages/404-bg.jpg"); + background-size: cover; + + .pages-panel { + .pages-header { + background: #455A64; + } + } + } + + &.accessdenied-page { + background: url("../images/pages/accessDenied-bg.jpg"); + background-size: cover; + + .pages-panel { + .pages-header { + background: #FB8C00; + } + } + } +} + +@media screen and (max-width: 768px) { + .pages-body { + &.contact-page { + .pages-panel { + padding-bottom: 10em; + + .p-button { + width: 100%; + } + + .card { + .right-panel { + text-align: center; + } + } + } + } + } +} diff --git a/src/assets/sass/layout/_rightmenu.scss b/src/assets/sass/layout/_rightmenu.scss new file mode 100644 index 00000000..d5c6cc75 --- /dev/null +++ b/src/assets/sass/layout/_rightmenu.scss @@ -0,0 +1,43 @@ +.layout-rightmenu { + &.p-sidebar { + top: 4rem; + height: calc(100% - 4rem); + overflow: auto; + transition: transform $transitionDuration; + + .p-sidebar-header, + .p-sidebar-content { + padding: 0; + } + } + + .online-members { + img { + &:hover { + cursor: pointer; + } + } + } + + .next-events { + li { + border-radius: $borderRadius; + + &:hover { + background-color: $hoverBgColor; + cursor: pointer; + } + } + } +} + +@media (max-width: $mobileBreakpoint) { + .layout-wrapper { + &.layout-topbar-mobile-active { + .layout-rightmenu { + top: 12rem; + height: calc(100% - 12rem); + } + } + } +} diff --git a/src/assets/sass/layout/_rtl.scss b/src/assets/sass/layout/_rtl.scss new file mode 100644 index 00000000..5324b85d --- /dev/null +++ b/src/assets/sass/layout/_rtl.scss @@ -0,0 +1,50 @@ +@import "./_rtl_menu"; +@import "./topbar/_rtl_topbar"; + +.layout-wrapper { + &.layout-rtl { + .layout-megamenu { + &.p-megamenu .p-menuitem-link .p-menuitem-icon { + margin-right: 0; + margin-left: 0.5rem; + } + } + + .layout-config-button.p-button { + right: auto; + left: 0; + border-top-right-radius: $borderRadius; + border-bottom-right-radius: $borderRadius; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + + .p-button-icon { + font-size: 2rem; + } + } + + .widget-bestsellers > li .bestseller-item .item-button { + margin-left: 0; + margin-right: auto; + } + + .widget-chat { + .write-message { + .p-inputgroup-addon:first-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 30px; + border-bottom-right-radius: 30px; + border-left-width: 0; + } + + .p-inputgroup-addon:last-child { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + border-top-left-radius: 30px; + border-bottom-left-radius: 30px; + } + } + } + } +} diff --git a/src/assets/sass/layout/_splash.scss b/src/assets/sass/layout/_splash.scss deleted file mode 100644 index b8a2d67e..00000000 --- a/src/assets/sass/layout/_splash.scss +++ /dev/null @@ -1,55 +0,0 @@ -.splash-screen { - background-color: #3F51B5; - height: 100%; - - .splash-container { - padding-top: 250px; - width: 250px; - margin: 0 auto; - text-align: center - } - - .logo { - display: inline-block; - vertical-align: middle; - width: 200px; - height: 30px; - background: url("../images/logo2x.png") top left no-repeat; - background-size: 200px 30px; - } - - .load-bar { - position: relative; - margin-top: 20px; - width: 100%; - height: 6px; - background-color: #ffffff; - } - - .bar { - content: ""; - display: inline; - position: absolute; - width: 0; - height: 100%; - left: 50%; - text-align: center; - } - .bar:nth-child(1) { - background-color: #E91E63; - animation: loading 3s linear infinite; - } - .bar:nth-child(2) { - background-color: #8BC34A; - animation: loading 3s linear 1s infinite; - } - .bar:nth-child(3) { - background-color: #FFC107; - animation: loading 3s linear 2s infinite; - } - @keyframes loading { - from {left: 50%; width: 0;z-index:100;} - 33.3333% {left: 0; width: 100%;z-index: 10;} - to {left: 0; width: 100%;} - } -} \ No newline at end of file diff --git a/src/assets/sass/layout/_typography.scss b/src/assets/sass/layout/_typography.scss new file mode 100644 index 00000000..3cdde6b0 --- /dev/null +++ b/src/assets/sass/layout/_typography.scss @@ -0,0 +1,63 @@ +h1, h2, h3, h4, h5, h6 { + margin: 1.5rem 0 1rem 0; + font-family: inherit; + font-weight: 600; + line-height: 1.2; + color: inherit; + + &:first-child { + margin-top: 0; + } +} + +h1 { + font-size: 2.5rem; +} + +h2 { + font-size: 2rem; +} + +h3 { + font-size: 1.75rem; +} + +h4 { + font-size: 1.5rem; +} + +h5 { + font-size: 1.25rem; +} + +h6 { + font-size: 1rem; +} + +mark { + background: #FFF8E1; + padding: .25rem .4rem; + border-radius: $borderRadius; + font-family: monospace; +} + +blockquote { + margin: 1rem 0; + padding: 0 2rem; + border-left: 4px solid #90A4AE; +} + +hr { + border-top: solid $dividerColor; + border-width: 1px 0 0 0; + margin: 1rem 0; +} + +p { + margin: 0 0 1rem 0; + line-height: 1.5; + + &:last-child { + margin-bottom: 0; + } +} diff --git a/src/assets/sass/layout/_utils.scss b/src/assets/sass/layout/_utils.scss index 28cd4461..90779866 100644 --- a/src/assets/sass/layout/_utils.scss +++ b/src/assets/sass/layout/_utils.scss @@ -1,211 +1,310 @@ /* Utils */ .clearfix:after { - content:" "; - display:block; - clear:both; + content: " "; + display: block; + clear: both; } *[hidden] { - display: none; + display: none; +} + +.p-lh { + line-height: 1.5; } .card { - @include content-shadow(); - @include border-radius(2px); - background: #ffffff; - padding: 1em; - margin-bottom: 1em; - box-sizing: border-box; - - &.card-w-title { - padding-bottom: 2em; + background-color: $contentBgColor; + padding: 1rem; + margin-bottom: 2rem; + box-shadow: 0 2px 1px -1px rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 3px 0 rgba(0,0,0,.12); + border-radius: $borderRadius; + + &:last-child { + margin-bottom: 0; } - - h1 { - font-size: 1.5em; - font-weight: 400; - margin: 1em 0; - - &:first-child { - margin-top: .667em; + + .card-header { + display: flex; + align-items: center; + justify-content: space-between; + margin-bottom: 1rem; + + h1, h2, h3, h4, h5, h6 { + margin: 0; } } - - h2 { - font-size: 1.375em; - font-weight: 400; - } - - h3 { - font-size: 1.250em; - font-weight: 400; + + .card-subtitle { + color: $textSecondaryColor; + font-weight: 600; + margin: -1rem 0 1rem 0; } - - h4 { - font-size: 1.125em; - font-weight: 400; +} + +.p-toast { + &.p-toast-top-right, + &.p-toast-top-left, + &.p-toast-top-center { + top: 85px; } } -.nopad { - padding: 0; - - .ui-panel-content { - padding: 0; +body { + .p-overlay-badge { + position: relative; + } + + .p-overlay-badge .p-badge { + position: absolute; + top: 0; + right: 0; + transform: translate(50%,-50%); + transform-origin: 100% 0; + margin: 0; } } -@-webkit-keyframes fadeInDown { - from { - opacity: 0; - -webkit-transform: translate3d(0, -20px, 0); - transform: translate3d(0, -20px, 0); - } +.height-100 { + height: 100% !important; +} - to { - opacity: 1; - -webkit-transform: none; - transform: none; - } +.width-100 { + width: 100% !important; } -@keyframes fadeInDown { - from { - opacity: 0; - transform: translate3d(0, -20px, 0); - } +.fs-xsmall { + font-size: .715rem !important; +} - to { - opacity: 1; - transform: none; - } +.fs-small { + font-size: .858rem !important; } -@-webkit-keyframes fadeOutUp { - from { - opacity: 1; - } +.fs-normal { + font-size: 1rem !important; +} - to { - opacity: 0; - -webkit-transform: translate3d(0, -20px, 0); - transform: translate3d(0, -20px, 0); - } +.fs-large { + font-size: 1.5rem !important; } -@keyframes fadeOutUp { - from { - opacity: 1; - } +.fs-xlarge { + font-size: 2rem !important; +} - to { - opacity: 0; - -webkit-transform: translate3d(0, -20px, 0); - transform: translate3d(0, -20px, 0); - } +.fs-xxlarge { + font-size: 3rem !important; } -.fadeInDown { - -webkit-animation-name: fadeInDown; - animation-name: fadeInDown; - } - - .fadeOutUp { - -webkit-animation-name: fadeOutUp; - animation-name: fadeOutUp; - } +.fw-400 { + font-weight: 400 !important; +} -.ui-shadow-1 { - -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); - -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); - box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); +.fw-500 { + font-weight: 500 !important; } -.ui-shadow-2 { - -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); - -moz-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); - box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); +.fw-700 { + font-weight: 700 !important; } -.ui-shadow-3 { - -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); - -moz-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); - box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); +.rounded-small { + border-radius: 2px !important; } -.ui-shadow-4 { - -webkit-box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); - -moz-box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); - box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); +.rounded-normal { + border-radius: 4px !important; } -.ui-shadow-5 { - -webkit-box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22); - -moz-box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22); - box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22); +.rounded-large { + border-radius: 6px !important; } -.ui-g { - &.form-group { - > div { - padding: .75em 1em; - } - } - - &.form-group-m { - > div { - padding: 1em; - } - } +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-none { + border-radius: 0 !important; +} + +.divider-top { + border-top: 1px solid $dividerColor !important; } -/* Ripple */ -/* Ripple Effect Style like Google Material Buttons Effect*/ -.ripplelink{ - /* display:block; */ - /*color:#fff;*/ - text-decoration:none; - position:relative; - overflow:hidden; - -webkit-transition: all 0.2s ease; - -moz-transition: all 0.2s ease; - -o-transition: all 0.2s ease; - transition: all 0.2s ease; - z-index:0; +.divider-bottom { + border-bottom: 1px solid $dividerColor !important; } -.ripplelink:hover{ - /*z-index:1000;*/ +.divider-left { + border-left: 1px solid $dividerColor !important; } -.ink { - display: block; - position: absolute; - background:rgba(255, 255, 255, 0.4); - border-radius: 100%; - -webkit-transform:scale(0); - -moz-transform:scale(0); - -o-transform:scale(0); - transform:scale(0); +.divider-right { + border-right: 1px solid $dividerColor !important; } -.ripple-animate { - -webkit-animation:ripple 0.65s linear; - -moz-animation:ripple 0.65s linear; - -ms-animation:ripple 0.65s linear; - -o-animation:ripple 0.65s linear; - animation:ripple 0.65s linear; +.muted-text { + color: $textSecondaryColor !important; } -@-webkit-keyframes ripple { - 100% {opacity: 0; -webkit-transform: scale(2.5);} +.text-color { + color: $textColor !important; } -@-moz-keyframes ripple { - 100% {opacity: 0; -moz-transform: scale(2.5);} + +.solid-surface-text-color { + color: $solidSurfaceTextColor !important; +} + +.white-color { + color: #ffffff !important; } -@-o-keyframes ripple { - 100% {opacity: 0; -o-transform: scale(2.5);} + +.dark-color { + color: #212121 !important; } -@keyframes ripple { - 100% {opacity: 0; transform: scale(2.5);} + +.pink-color { + color: $pink !important; +} + +.indigo-color { + color: $indigo !important; +} + +.yellow-color { + color: $yellow !important; +} + +.orange-color { + color: $orange !important; +} + +.teal-color { + color: $teal !important; +} + +.cyan-color { + color: $cyan !important; +} + +.bluegrey-color { + color: $bluegrey !important; +} + +.purple-color { + color: $purple !important; +} + +.deeppurple-color { + color: $deeppurple !important; +} + +.blue-color { + color: $blue !important; +} + +.lightblue-color { + color: $lightblue !important; +} + +.green-color { + color: $green !important; +} + +.lightgreen-color { + color: $lightgreen !important; +} + +.lime-color { + color: $lime !important; +} + +.deeporange-color { + color: $deeporange !important; +} + +.brown-color { + color: $brown !important; +} + +.content-bgcolor { + background-color: $contentBgColor !important; +} + +.content-alt-bgcolor { + background-color: $contentAltBgColor !important; +} + +.pink-bgcolor { + background-color: $pink !important; +} + +.indigo-bgcolor { + background-color: $indigo !important; +} + +.yellow-bgcolor { + background-color: $yellow !important; +} + +.orange-bgcolor { + background-color: $orange !important; +} + +.teal-bgcolor { + background-color: $teal !important; +} + +.cyan-bgcolor { + background-color: $cyan !important; +} + +.bluegrey-bgcolor { + background-color: $bluegrey !important; +} + +.purple-bgcolor { + background-color: $purple !important; +} + +.deeppurple-bgcolor { + background-color: $deeppurple !important; +} + +.blue-bgcolor { + background-color: $blue !important; +} + +.lightblue-bgcolor { + background-color: $lightblue !important; +} + +.green-bgcolor { + background-color: $green !important; +} + +.lightgreen-bgcolor { + background-color: $lightgreen !important; +} + +.lime-bgcolor { + background-color: $lime !important; +} + +.deeporange-bgcolor { + background-color: $deeporange !important; +} + +.brown-bgcolor { + background-color: $brown !important; +} + +.badge-dot { + width: .5rem; + min-width: .5rem; + height: .5rem; + border-radius: 50%; + padding: 0; } \ No newline at end of file diff --git a/src/assets/sass/layout/_widgets.scss b/src/assets/sass/layout/_widgets.scss new file mode 100644 index 00000000..2b565b55 --- /dev/null +++ b/src/assets/sass/layout/_widgets.scss @@ -0,0 +1,466 @@ +.overview-box { + .overview-status { + font-weight: 500; + border-radius: 2px; + color: $bodyBgColor; + } +} + +.widget-list { + @include reset-list; + + > li { + border-bottom: 1px solid $dividerColor; + + &:last-child { + border-bottom: 0 none; + } + + .person-item { + img { + width: 2.5rem; + height: 2.5rem; + } + } + + .widget-list-item-radius, + .person-tag { + border-radius: 2px; + color: $bodyBgColor; + font-weight: 500; + } + + .p-progressbar { + height: 6px; + border-radius: 10px; + background: $contentAltBgColor; + } + + .p-progressbar-value { + background: $orange; + } + } +} + +.widget-expenses { + .card-subheader { + font-size: .9rem; + color: $textSecondaryColor; + border-bottom: 1px solid $dividerColor; + } + + .item { + padding: .5rem; + border-bottom: 1px solid $dividerColor; + + &:last-child { + border: 0 none; + } + + .type { + color: #0097A7; + font-size: 1.5rem; + } + + .value { + font-weight: 500; + } + + .subtext { + color: $textSecondaryColor; + } + + .item-button { + a { + color: $textSecondaryColor; + } + } + } +} + +.widget-traffic { + .left { + padding: 1rem; + + .total { + .title { + color: $textSecondaryColor + } + + .value { + font-size: 2rem; + font-weight: 500; + } + } + + .info { + .title { + color: $textSecondaryColor; + } + + .value { + font-weight: 500; + } + + .percent { + font-size: .9rem; + font-weight: 500; + line-height: 1.5; + + i { + &.type-green { + color: #0097A7; + } + &.type-orange { + color: #EF6C00; + } + &.type-gray { + color: #455A64; + } + } + } + + } + } +} + +.widget-insights { + .card-subheader { + font-size: .9rem; + color: $textSecondaryColor; + border-bottom: 1px solid $dividerColor; + } +} + +.widget-social { + .info { + text-align: right; + + .value { + font-size: 2rem; + } + + .subtext { + color: $textSecondaryColor; + } + } + + .left, .right { + width: 50%; + text-align: center; + padding: 1rem; + + .title { + font-weight: 500; + } + + .value { + color: $textSecondaryColor; + } + } + + .left { + border-right: 1px solid $dividerColor; + } + + .p-progressbar { + height: 6px; + border-radius: 10px; + background: $contentAltBgColor; + } + + .p-progressbar-value { + background: #FFB300; + } + + .stats { + border-top: 1px solid $dividerColor; + } + +} + +.widget-overlay { + position: relative; + + .overlay-header { + position: relative; + height: 20rem; + top:-3rem; + background-color: $contentBgColor; + border-radius: 4px; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + } + + .description { + line-height: 1.5; + } +} + +.widget-topsearchs { + .item { + padding: 1rem; + border-bottom: 1px solid $dividerColor; + + .value { + font-weight: 500; + + &.type-green { + color: $cyan; + } + + &.type-yellow { + color: #EF6C00; + } + + &.type-pink { + color: $pink; + } + } + + &:nth-child(even) { + background-color: $contentAltBgColor; + } + + &:last-child { + border-bottom: 0 none; + } + + } +} + +.widget-timeline { + .p-timeline.p-timeline-vertical .p-timeline-event-opposite { + flex: 0; + padding: 0; + } + + .p-timeline-event-separator { + .marker-icon { + color: white; + } + + .custom-marker { + border-radius: 4px; + } + } +} + +.widget-activity { + @include reset-list; + + >li { + padding: 1rem 0; + border-bottom: 1px solid $dividerColor; + + &:last-child { + border-bottom: 0 none; + } + + &:nth-child(1) { + .p-progressbar-value { + background: $yellow; + } + } + + &:nth-child(2) { + .p-progressbar-value { + background: $pink; + } + } + + &:nth-child(3) { + .p-progressbar-value { + background: $cyan; + } + } + + &:nth-child(4) { + .p-progressbar-value { + background: $cyan; + } + } + + &:nth-child(5) { + .p-progressbar-value { + background: $cyan; + } + } + + &:nth-child(6) { + .p-progressbar-value { + background: $pink; + } + } + + .activity-item { + .activity-title { + font-weight: 500; + } + + .activity-subtext { + font-size: .85rem; + color: $textSecondaryColor; + } + .p-progressbar { + height: 6px; + border-radius: 10px; + background: $contentAltBgColor; + } + } + } +} + +.widget-bestsellers { + @include reset-list; + + >li { + padding: 1rem 0; + + &:last-child { + border-bottom: 0 none; + } + + .bestseller-item { + background-color: $contentAltBgColor; + border-radius: 4px; + height: 3.5rem; + transition: box-shadow .2s; + + img { + width: 32px; + height: 32px; + border-radius: 50%; + } + + a { + color: $textSecondaryColor; + } + + .item-button { + margin-left: auto; + } + + &:hover { + cursor: pointer; + background-color: $hoverBgColor; + box-shadow: 0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12); + } + } + } +} + +.widget-map { + .map-container { + background-image: url("../../layout/images/widgets/map.jpg"); + width: 100%; + min-height: 20rem; + background-size: cover; + } +} + +.widget-chat { + ul { + @include reset-list; + padding: 1rem 1rem 0; + height: 420px; + overflow-y: auto; + + li { + img { + width: 32px; + } + + .message { + color: $bodyBgColor; + } + + &.from { + .message { + padding: 1rem; + border-radius: 30px; + } + } + + &.own { + text-align: right; + + .message { + padding: 1rem; + border-radius: 30px; + } + } + } + } + + .write-message { + border-radius: 30px; + + .p-inputgroup-addon { + padding: 0; + overflow: hidden; + + &:first-child { + border-top-left-radius: 30px; + border-bottom-left-radius: 30px; + } + + &:last-child { + border-top-right-radius: 30px; + border-bottom-right-radius: 30px; + } + + > .p-button { + height: calc(2.5rem + 2px); + border-radius: 0; + } + } + + .emoji { + width: 90%; + + .emoji-button { + border-radius: 50%; + width: 2.5rem; + height: 2.5rem; + min-width: 0; + + .p-button-label { + color: yellow !important; + font-size: 1.5rem; + } + } + } + + @media (min-width: $mobileBreakpoint - 1) { + .emoji { + width: 40%; + margin-left: -38%; + } + } + } +} + +.widget-pricing { + width: 100%; + + .card { + height: 100%; + } + + .options { + padding: 1rem 2rem; + + li { + display: flex; + align-items: center; + } + + i, span { + padding: 1rem; + } + + span { + font-size: 1.2rem; + } + } +} diff --git a/src/assets/sass/layout/_wizard.scss b/src/assets/sass/layout/_wizard.scss new file mode 100644 index 00000000..2a572417 --- /dev/null +++ b/src/assets/sass/layout/_wizard.scss @@ -0,0 +1,414 @@ +.wizard-body { + height: 100vh; + background: url("../../layout/images/extensions/background@2x.jpg") center; + background-size: cover; + background-repeat: no-repeat; + background-attachment: fixed; + + .wizard-wrapper { + display: flex; + flex-direction: column; + height: 100%; + + .wizard-topbar { + background-color: #3949ab; + z-index: 1000; + box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26); + height: 75px; + padding: 0 10%; + display: flex; + justify-content: space-between; + align-items: center; + flex-basis: 75px; + flex-grow: 0; + flex-shrink: 0; + + .logo { + display: inline-block; + vertical-align: middle; + width: 200px; + height: 30px; + background: url("../../layout/images/logo.png") top left no-repeat; + } + + .profile { + display: flex; + justify-content: center; + align-items: center; + flex-direction: row; + + .profile-text { + margin-right: 15px; + text-align: right; + + h1{ + font-size: 16px; + color:#ffffff; + margin: 0; + } + + p{ + font-size: 16px; + opacity: 0.6; + margin: 0; + color:rgba(255,255,255,.7); + } + } + + .profile-image { + display: inline-block; + vertical-align: middle; + width: 40px; + } + } + } + + .wizard-content { + height: calc(100% - 75px); + min-height: 600px; + display: flex; + align-items: center; + justify-content: center; + + .wizard-card { + background-color: #fafafa; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), + 0 2px 1px -1px rgba(0, 0, 0, 0.12), + 0 1px 1px 0 rgba(0, 0, 0, 0.14); + height: 550px; + width: 54.33%; + display: flex; + flex-direction: column; + flex-grow: 0; + flex-shrink: 0; + + .wizard-card-header{ + width:100%; + background-color: #3f51b5; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); + position: relative; + + .tab{ + background-color: #3f51b5; + text-align: center; + cursor: pointer; + + i{ + width: 20px; + opacity: 0.38; + color: #ffffff; + } + + .title{ + color: #ffffff; + opacity: 0.38; + font-size: 16px; + line-height: 1.5em; + } + + .icon{ + line-height: 1.5em; + } + + &.selected-tab{ + transition-duration: 0.6s; + + i{ + opacity: 1; + } + + .title{ + opacity: 1; + } + } + + } + + .tab-bar { + position: absolute; + bottom: 0; + left: 0; + height: 2px; + width: 33.3333%; + transition: .5s cubic-bezier(.35,0,.25,1); + background-color: #ffffff; + visibility: visible; + + &.tab-bar-register { + width: 33.3333%; + left: 0; + } + + &.tab-bar-tier { + width: 33.3333%; + left: 33.3333%; + } + + &.tab-bar-payment { + width: 33.3333%; + left: 66.6667%; + } + } + } + + .wizard-card-content{ + padding: 30px; + display: none; + overflow: auto; + height: 100%; + + > .grid { + height: 100%; + width: 100%; + } + + h1{ + font-size: 12px; + color: rgba(0, 0, 0, 0.6); + letter-spacing: 2px; + margin: 0; + } + + &.active-content{ + display: flex; + flex-grow: 1; + } + + &.register{ + + .forms{ + .p-inputgroup{ + margin-top: 25px; + + input{ + width: 100%; + } + } + + .p-dropdown{ + margin-top: 25px; + width: 100%; + + .p-dropdown-trigger{ + right: 10px; + } + } + + .calendar{ + margin-top:14px; + + .p-calendar{ + width: 100%; + position: relative; + padding: 1px; + + input{ + width: 100%; + } + } + } + } + + .continue-button{ + &.p-button{ + width: 100%; + margin-top: 25px; + } + } + } + + &.tier{ + .card{ + min-height: 400px; + padding: 0; + position: relative; + + .card-header{ + color:#ffffff; + font-size: 18px; + padding: 15px 10px; + background-color: #3f51b5; + + h1{ + color: #ffffff; + font-size: 24px; + display: inline; + } + } + + .card-content{ + font-size: 14px; + padding:10px; + + i{ + color:#3f51b5; + } + + .card-row{ + height: 40px; + width: 100%; + } + + .tier-button-wrapper{ + position: absolute; + bottom: 15px; + right: 10px; + left: 0px; + width: auto; + + .tier-button{ + &.p-button{ + width: 100%; + } + } + } + } + + &.pro{ + .card-header{ + background-color: #e91e63; + } + + .card-content{ + i{ + color:#e91e63; + } + + .tier-button{ + &.p-button{ + background-color: #e91e63 + } + } + } + } + + &.pro-plus{ + .card-header{ + background-color: #607d8b; + } + + .card-content{ + + i{ + color:#607d8b; + } + + .tier-button{ + &.p-button{ + background-color: #607d8b + } + } + } + } + } + } + + &.payment{ + padding: 0; + + .payment-info{ + padding: 70px 35px; + + .p-float-label{ + input{ + width: 100%; + padding-bottom: 15px; + background-color: transparent; + } + } + + .p-checkbox-label { + margin-left: .5em; + font-size: 14px; + } + + #customPanel{ + width:100%; + } + + .check-info{ + margin-top: 10px; + } + } + + .order-info{ + padding: 15px; + background-color: #e0e0e0; + border-left: solid 1px #bdbdbd; + font-size: 14px; + color: #757575; + + .order-basic,.order-pro,.order-pro-plus,.order-default{ + display: none; + } + + .selected-order{ + display: block; + } + + h1{ + margin-top: 15px; + } + + .price{ + font-weight: 700; + text-align: right; + } + + .total{ + border-top: 1px solid #bdbdbd; + padding: 15px 0px; + margin-top: 30px; + } + + .buy-button{ + &.p-button{ + width: 100%; + margin: 68px 0; + } + } + } + } + } + } + } + } +} + +@media(max-width:1024px){ + .wizard-body { + .wizard-wrapper { + .wizard-content { + .wizard-card{ + width: 90%; + } + } + } + } +} + +@media(max-width:640px){ + .wizard-body { + .wizard-wrapper { + .wizard-topbar { + height: 150px; + padding: 0 5%; + flex-direction: column; + justify-content: space-around; + flex-basis: 150px; + + .logo { + align-self: flex-start; + } + + .profile { + align-self: flex-end; + } + } + + .wizard-content { + height: calc(100% - 150px); + } + } + } +} diff --git a/src/assets/sass/layout/core/_layout.scss b/src/assets/sass/layout/core/_layout.scss new file mode 100644 index 00000000..01b2def1 --- /dev/null +++ b/src/assets/sass/layout/core/_layout.scss @@ -0,0 +1,24 @@ +@import "../../overrides/_layout_variables"; +@import "../_mixins"; +@import "../_typography"; +@import "../_loader"; +@import "../../_fonts"; +@import "../_animation"; +@import "../_utils"; +@import "../_rtl"; +@import "../topbar/_topbar"; +@import "../_rightmenu"; +@import "../_menu"; +@import "../_megamenu"; +@import "../_dashboard"; +@import "../_pages"; +@import "../_landing"; +@import "../_widgets"; +@import "../_main"; +@import "../_footer"; +@import "../_config"; +@import "../_help"; +@import "../_invoice"; +@import "../_breadcrumb"; +@import "../_wizard"; +@import "../../overrides/layout_styles"; diff --git a/src/assets/sass/layout/core/_layout_dark.scss b/src/assets/sass/layout/core/_layout_dark.scss new file mode 100644 index 00000000..ad164048 --- /dev/null +++ b/src/assets/sass/layout/core/_layout_dark.scss @@ -0,0 +1,2 @@ +@import '../../variables/layout/_layout_dark'; +@import './_layout'; diff --git a/src/assets/sass/layout/core/_layout_light.scss b/src/assets/sass/layout/core/_layout_light.scss new file mode 100644 index 00000000..0a60c1bc --- /dev/null +++ b/src/assets/sass/layout/core/_layout_light.scss @@ -0,0 +1,2 @@ +@import '../../variables/layout/_layout_light'; +@import './_layout'; diff --git a/src/assets/sass/layout/menu/_inline_menu.scss b/src/assets/sass/layout/menu/_inline_menu.scss new file mode 100644 index 00000000..80b22a4a --- /dev/null +++ b/src/assets/sass/layout/menu/_inline_menu.scss @@ -0,0 +1,44 @@ +.menu-wrapper { + .layout-inline-menu { + display: flex; + flex-direction: column; + justify-content: center; + border-width: 1px 0 1px 0; + border-style: solid; + + &.layout-inline-menu-active { + .layout-inline-menu-icon { + transform: rotate(-180deg); + } + } + + .layout-inline-menu-action { + cursor: pointer; + } + + .layout-inline-menu-action-panel { + padding: 0 .5rem; + @include material-overlay-transform; + + .layout-inline-menu-action-item { + margin-top: .2rem; + border-radius: $borderRadius; + transition: all $transitionDuration; + cursor: pointer; + user-select: none; + + &:last-child { + margin-bottom: .5rem; + } + + a { + padding: 0.75rem; + + i { + margin-right: .75rem; + } + } + } + } + } +} diff --git a/src/assets/sass/layout/menu/_menu.scss b/src/assets/sass/layout/menu/_menu.scss new file mode 100644 index 00000000..ea483afa --- /dev/null +++ b/src/assets/sass/layout/menu/_menu.scss @@ -0,0 +1,20 @@ +@import './_menu_common'; +@import './_menu_static'; +@import './_menu_overlay'; +@import './_menu_horizontal'; +@import './_menu_slim'; +@import './_inline_menu'; +@import './_menu_responsive'; + +@import './themes/_menu_light'; +@import './themes/_menu_dark'; +@import './themes/_menu_indigo'; +@import './themes/_menu_bluegrey'; +@import './themes/_menu_brown'; +@import './themes/_menu_cyan'; +@import './themes/_menu_green'; +@import './themes/_menu_deeppurple'; +@import './themes/_menu_deeporange'; +@import './themes/_menu_pink'; +@import './themes/_menu_purple'; +@import './themes/_menu_teal'; diff --git a/src/assets/sass/layout/menu/_menu_common.scss b/src/assets/sass/layout/menu/_menu_common.scss new file mode 100644 index 00000000..614d899f --- /dev/null +++ b/src/assets/sass/layout/menu/_menu_common.scss @@ -0,0 +1,116 @@ +.menu-wrapper { + height: calc(100% - 4rem); + width: 17rem; + position: fixed; + left: 0; + top: 4rem; + z-index: 997; + transform: none; + + ul { + @include reset-list; + } + + .layout-menu-container { + display: flex; + flex-direction: column; + height: 100%; + + app-menu { + overflow-y: auto; + } + + .layout-menu { + padding-bottom: 2rem; + + li { + border-radius: 4px; + + &.layout-root-menuitem { + > a { + display: none; + } + + > div { + padding-left: 1rem; + margin-bottom: .5rem; + margin-top: 1.5rem; + + > .layout-menuitem-text { + font-size: .857rem; + font-weight: 600; + text-transform: uppercase; + } + } + } + + > a { + display: flex; + align-items: center; + padding: .75rem; + border-radius: 4px; + cursor: pointer; + user-select: none; + transition: background-color $transitionDuration, color $transitionDuration; + + .layout-menuitem-text { + margin-left: .75rem; + } + + .p-badge { + margin-left: auto; + min-width: 1.143rem; + height: 1.143rem; + line-height: 1.143rem; + } + + .layout-submenu-toggler { + margin-left: auto; + } + + &.rotated-icon { + .layout-menuitem-icon { + transform: rotate(90deg); + } + } + + .p-badge + .layout-submenu-toggler { + margin-left: .5rem; + } + } + + &.active-menuitem { + > a { + .layout-submenu-toggler { + transition: all $transitionDuration; + transform: rotate(-180deg); + } + } + } + + > ul { + padding: 0 .5rem; + + li { + ul { + padding: 0 0 .25rem; + overflow: hidden; + } + } + + > li { + margin-top: .2rem; + + &.layout-root-menuitem { + > a { + display: flex; + } + } + + @include nested-submenu-indents(.875rem, 2, 5); + } + } + } + } + } +} diff --git a/src/assets/sass/layout/menu/_menu_exports.scss b/src/assets/sass/layout/menu/_menu_exports.scss new file mode 100644 index 00000000..ae7b7771 --- /dev/null +++ b/src/assets/sass/layout/menu/_menu_exports.scss @@ -0,0 +1,4 @@ +& { + --menu-bg-color:#{$menuBgColor}; + --menu-text-color: #{$rootMenuTextColor}; +} diff --git a/src/assets/sass/layout/menu/_menu_horizontal.scss b/src/assets/sass/layout/menu/_menu_horizontal.scss new file mode 100644 index 00000000..5aa248b9 --- /dev/null +++ b/src/assets/sass/layout/menu/_menu_horizontal.scss @@ -0,0 +1,75 @@ +@media (min-width: $mobileBreakpoint + 1) { + .layout-menu-horizontal { + .menu-wrapper { + width: 100%; + height: 3rem; + + .layout-menu-container { + flex-direction: row; + + app-menu { + overflow-y: visible; + flex-grow: 1; + } + + .layout-menu { + display: flex; + flex-direction: row; + align-items: center; + height: 100%; + margin: 0px 1rem; + padding-bottom: 0px; + + > li { + position: relative; + + > a { + margin-right: 1rem; + display: flex; + align-items: center; + } + + &.layout-root-menuitem { + > div { + display: none; + } + } + + > ul { + display: none; + position: absolute; + top: 2.75rem; + left: 0px; + z-index: 100; + padding: .5rem; + overflow: auto; + max-height: 32rem; + min-width: 16rem; + border-radius: $borderRadius; + } + + &.active-menuitem { + > ul { + display: block; + } + } + } + } + + .layout-inline-menu { + border: 0 none; + + > .layout-inline-menu-action { + height: 3rem; + } + } + } + } + + &.layout-wrapper { + .layout-main { + padding-top: 7rem; + } + } + } +} diff --git a/src/assets/sass/layout/menu/_menu_overlay.scss b/src/assets/sass/layout/menu/_menu_overlay.scss new file mode 100644 index 00000000..5aee9923 --- /dev/null +++ b/src/assets/sass/layout/menu/_menu_overlay.scss @@ -0,0 +1,30 @@ +@media (min-width: $mobileBreakpoint + 1) { + .layout-menu-overlay { + + .menu-wrapper { + transform: translate3d(-17rem, 0px, 0px); + transition: transform $transitionDuration; + transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); + } + + &.layout-menu-active { + .menu-wrapper { + transform: translate3d(0px, 0px, 0px); + } + + .layout-topbar .layout-topbar-left .layout-menu-button > i { + transform: rotate(180deg); + } + } + + .layout-topbar { + .layout-topbar-wrapper { + .layout-topbar-right { + .menu-button { + display: flex; + } + } + } + } + } +} diff --git a/src/assets/sass/layout/menu/_menu_responsive.scss b/src/assets/sass/layout/menu/_menu_responsive.scss new file mode 100644 index 00000000..6b87475d --- /dev/null +++ b/src/assets/sass/layout/menu/_menu_responsive.scss @@ -0,0 +1,35 @@ +@media (max-width: $mobileBreakpoint) { + .layout-wrapper { + .menu-wrapper { + top: 4rem; + height: calc(100% - 4rem); + transform: translate3d(-17rem, 0px, 0px); + transition: transform $transitionDuration; + transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); + } + + &.layout-topbar-mobile-active { + .menu-wrapper { + top: 12rem; + height: calc(100% - 12rem); + } + } + + &.layout-menu-mobile-active { + overflow: hidden; + height: 100vh; + + .menu-wrapper { + transform: translate3d(0px, 0px, 0px); + } + + .layout-topbar .layout-topbar-left .layout-menu-button > i { + transform: rotate(180deg); + } + + .layout-mask { + display: block; + } + } + } +} diff --git a/src/assets/sass/layout/menu/_menu_slim.scss b/src/assets/sass/layout/menu/_menu_slim.scss new file mode 100644 index 00000000..0b11c0e0 --- /dev/null +++ b/src/assets/sass/layout/menu/_menu_slim.scss @@ -0,0 +1,76 @@ +@media (min-width: $mobileBreakpoint + 1) { + .layout-menu-slim { + .menu-wrapper { + width: 4.5rem; + + .layout-menu-container { + app-menu { + overflow-y: visible; + flex-grow: 1; + } + + .layout-menu { + display: flex; + flex-direction: column; + padding-top: 1rem; + + > li { + position: relative; + + > a { + display: flex; + justify-content: center; + + i { + font-size: 1.5rem; + } + + .layout-submenu-toggler, + .layout-menuitem-text { + display: none; + } + } + + &.layout-root-menuitem { + > div { + display: none; + } + } + + > ul { + display: none; + position: absolute; + top: 0; + left: 4.5rem; + z-index: 100; + padding: .5rem; + overflow: auto; + max-height: 32rem; + min-width: 16.5rem; + border-radius: 2px; + } + + &.active-menuitem { + > ul { + display: block; + } + } + } + } + + .layout-inline-menu { + height: 100%; + + .layout-inline-menu-action-panel { + padding: 0; + } + } + } + } + &.layout-wrapper { + .layout-main { + margin-left: 4.5rem; + } + } + } +} diff --git a/src/assets/sass/layout/menu/_menu_static.scss b/src/assets/sass/layout/menu/_menu_static.scss new file mode 100644 index 00000000..27c46970 --- /dev/null +++ b/src/assets/sass/layout/menu/_menu_static.scss @@ -0,0 +1,26 @@ +@media (min-width: $mobileBreakpoint + 1) { + .layout-menu-static { + .menu-wrapper { + transform: translate3d(-17rem, 0px, 0px); + transition: transform $transitionDuration; + } + + .layout-main { + transition: margin-left $transitionDuration; + } + + &.layout-menu-active { + .menu-wrapper { + transform: translate3d(0px, 0px, 0px); + } + + .layout-topbar .layout-topbar-left .layout-menu-button > i { + transform: rotate(180deg); + } + + .layout-main { + margin-left: 17rem; + } + } + } +} diff --git a/src/assets/sass/layout/menu/_menu_theme.scss b/src/assets/sass/layout/menu/_menu_theme.scss new file mode 100644 index 00000000..c1f0f8cc --- /dev/null +++ b/src/assets/sass/layout/menu/_menu_theme.scss @@ -0,0 +1,104 @@ +.menu-wrapper { + background-color: $menuBgColor; + box-shadow: $menuShadow; + + .layout-menu-container { + .layout-menu { + > li { + > div { + .layout-menuitem-text { + color: $rootMenuTextColor; + } + } + + > ul { + background-color: $menuBgColor; + } + } + + li { + a { + color: $menuItemTextColor; + + i { + color: $menuItemTextColor; + } + + &:hover { + background-color: $menuItemHoverBgColor; + } + } + + &.active-menuitem { + > a { + background-color: $activeMenuItemBgColor; + color: $activeMenuItemTextColor; + + > i { + color: $activeMenuItemTextColor; + } + } + + a.active-menuitem-routerlink { + background-color: $activeMenuItemBgColor; + color: $activeMenuItemTextColor; + + > i { + color: $activeMenuItemTextColor; + } + } + } + } + } + + .layout-inline-menu { + border-color: $inlineMenuBorderColor; + + a { + color: $menuItemTextColor; + } + + .layout-inline-menu-action, + .layout-inline-menu-action-panel .layout-inline-menu-action-item { + color: $menuItemTextColor; + + i { + color: $menuItemTextColor; + } + + &:hover { + background-color: $menuItemHoverBgColor; + } + } + + .layout-inline-menu-action-panel { + background-color: $menuBgColor; + } + } + } +} + +@media (min-width: $mobileBreakpoint + 1) { + &.layout-menu-horizontal, + &.layout-menu-slim { + .menu-wrapper { + .layout-menu-container { + .layout-menu { + > li { + > ul { + box-shadow: $submenuShadow; + } + } + } + } + } + } + + &.layout-menu-horizontal { + .layout-inline-menu { + .layout-inline-menu-action-panel { + box-shadow: $submenuShadow; + } + } + } +} diff --git a/src/assets/sass/layout/menu/_rtl_menu.scss b/src/assets/sass/layout/menu/_rtl_menu.scss new file mode 100644 index 00000000..0750e8ea --- /dev/null +++ b/src/assets/sass/layout/menu/_rtl_menu.scss @@ -0,0 +1,155 @@ +.layout-wrapper { + &.layout-rtl { + direction: rtl; + + .menu-wrapper { + left: auto; + right: 0; + + .layout-menu-container { + .layout-menu { + li { + &.layout-root-menuitem { + > div { + padding-left: 0; + padding-right: 1rem; + } + } + + > a { + .p-badge, + .layout-submenu-toggler { + margin-left: 0; + margin-right: auto; + } + + .layout-menuitem-text { + margin-right: .75rem; + margin-left: 0; + } + } + + > ul { + > li { + @include nested-submenu-indents-rtl(.875rem, 2, 5); + } + } + } + } + } + + .layout-inline-menu { + .layout-inline-menu-action-panel { + .layout-inline-menu-action-item { + a { + i { + margin-right: 0; + margin-left: .75rem; + } + } + } + } + } + } + + .layout-topbar .layout-topbar-left .layout-menu-button > i { + transform: rotate(180deg); + } + + @media (min-width: $mobileBreakpoint + 1) { + &.layout-menu-horizontal { + .menu-wrapper { + .layout-menu-container { + .layout-menu { + > li { + > ul { + left: auto; + right: 0; + } + } + } + } + } + } + + &.layout-menu-overlay { + .menu-wrapper { + transform: translate3d(17rem, 0px, 0px); + } + + &.layout-menu-active { + .menu-wrapper { + transform: translate3d(0px, 0px, 0px); + } + + .layout-topbar .layout-topbar-left .layout-menu-button > i { + transform: rotate(0deg); + } + } + } + + &.layout-menu-slim { + .menu-wrapper { + .layout-menu-container { + .layout-menu { + > li { + > ul { + left: auto; + right: 4.5rem; + } + } + } + } + } + + &.layout-wrapper { + .layout-main { + margin-left: 0; + margin-right: 4.5rem; + } + } + } + + &.layout-menu-static { + .menu-wrapper { + transform: translate3d(17rem, 0px, 0px); + } + + .layout-main { + transition: margin-right $transitionDuration; + } + + &.layout-menu-active { + .menu-wrapper { + transform: translate3d(0px, 0px, 0px); + } + + .layout-topbar .layout-topbar-left .layout-menu-button > i { + transform: rotate(0deg); + } + + .layout-main { + margin-left: 0; + margin-right: 17rem; + } + } + } + } + + @media (max-width: $mobileBreakpoint) { + .menu-wrapper { + transform: translate3d(17rem, 0px, 0px); + } + + &.layout-menu-mobile-active { + .menu-wrapper { + transform: translate3d(0px, 0px, 0px); + } + + .layout-topbar .layout-topbar-left .layout-menu-button > i { + transform: rotate(0deg); + } + } + } + } +} diff --git a/src/assets/sass/layout/menu/themes/_menu_bluegrey.scss b/src/assets/sass/layout/menu/themes/_menu_bluegrey.scss new file mode 100644 index 00000000..f22c6e8a --- /dev/null +++ b/src/assets/sass/layout/menu/themes/_menu_bluegrey.scss @@ -0,0 +1,16 @@ +.layout-menu-bluegrey { + $menuBgColor:#37474F; + + $rootMenuTextColor:#ffffff; + + $menuItemTextColor:rgba(255,255,255,.6); + $menuItemHoverBgColor:rgba(255,255,255,.12); + $activeMenuItemTextColor:#ffffff; + $activeMenuItemBgColor: rgba(255,255,255,.24); + + $inlineMenuBorderColor: rgba(255,255,255,.24); + + @import '../_menu_exports'; + @import '../_menu_theme'; +} + diff --git a/src/assets/sass/layout/menu/themes/_menu_brown.scss b/src/assets/sass/layout/menu/themes/_menu_brown.scss new file mode 100644 index 00000000..51f9ca64 --- /dev/null +++ b/src/assets/sass/layout/menu/themes/_menu_brown.scss @@ -0,0 +1,15 @@ +.layout-menu-brown { + $menuBgColor:#4E342E; + + $rootMenuTextColor:#ffffff; + + $menuItemTextColor:rgba(255,255,255,.6); + $menuItemHoverBgColor:rgba(255,255,255,.12); + $activeMenuItemTextColor:#ffffff; + $activeMenuItemBgColor: rgba(255,255,255,.24); + + $inlineMenuBorderColor: rgba(255,255,255,.24); + + @import '../_menu_exports'; + @import '../_menu_theme'; +} diff --git a/src/assets/sass/layout/menu/themes/_menu_cyan.scss b/src/assets/sass/layout/menu/themes/_menu_cyan.scss new file mode 100644 index 00000000..6a70fb60 --- /dev/null +++ b/src/assets/sass/layout/menu/themes/_menu_cyan.scss @@ -0,0 +1,15 @@ +.layout-menu-cyan { + $menuBgColor:#006064; + + $rootMenuTextColor:#ffffff; + + $menuItemTextColor:rgba(255,255,255,.6); + $menuItemHoverBgColor:rgba(255,255,255,.12); + $activeMenuItemTextColor:#ffffff; + $activeMenuItemBgColor: rgba(255,255,255,.24); + + $inlineMenuBorderColor: rgba(255,255,255,.24); + + @import '../_menu_exports'; + @import '../_menu_theme'; +} diff --git a/src/assets/sass/layout/menu/themes/_menu_dark.scss b/src/assets/sass/layout/menu/themes/_menu_dark.scss new file mode 100644 index 00000000..19228446 --- /dev/null +++ b/src/assets/sass/layout/menu/themes/_menu_dark.scss @@ -0,0 +1,15 @@ +.layout-menu-dark { + $menuBgColor:#1e1e1e; + + $rootMenuTextColor:rgba(255,255,255,.60); + + $menuItemTextColor:rgba(255,255,255,.87); + $menuItemHoverBgColor:hsla(0,0%,100%,.04); + $activeMenuItemTextColor:rgba(255,255,255,.87); + $activeMenuItemBgColor: hsla(0,0%,100%,.04); + + $inlineMenuBorderColor: hsla(0,0%,100%,.12); + + @import '../_menu_exports'; + @import '../_menu_theme'; +} diff --git a/src/assets/sass/layout/menu/themes/_menu_deeporange.scss b/src/assets/sass/layout/menu/themes/_menu_deeporange.scss new file mode 100644 index 00000000..19168652 --- /dev/null +++ b/src/assets/sass/layout/menu/themes/_menu_deeporange.scss @@ -0,0 +1,15 @@ +.layout-menu-deeporange { + $menuBgColor:#BF360C; + + $rootMenuTextColor:#ffffff; + + $menuItemTextColor:rgba(255,255,255,.6); + $menuItemHoverBgColor:rgba(255,255,255,.12); + $activeMenuItemTextColor:#ffffff; + $activeMenuItemBgColor: rgba(255,255,255,.24); + + $inlineMenuBorderColor: rgba(255,255,255,.24); + + @import '../_menu_exports'; + @import '../_menu_theme'; +} diff --git a/src/assets/sass/layout/menu/themes/_menu_deeppurple.scss b/src/assets/sass/layout/menu/themes/_menu_deeppurple.scss new file mode 100644 index 00000000..0c389516 --- /dev/null +++ b/src/assets/sass/layout/menu/themes/_menu_deeppurple.scss @@ -0,0 +1,15 @@ +.layout-menu-deeppurple { + $menuBgColor:#4527A0; + + $rootMenuTextColor:#ffffff; + + $menuItemTextColor:rgba(255,255,255,.6); + $menuItemHoverBgColor:rgba(255,255,255,.12); + $activeMenuItemTextColor:#ffffff; + $activeMenuItemBgColor: rgba(255,255,255,.24); + + $inlineMenuBorderColor: rgba(255,255,255,.24); + + @import '../_menu_exports'; + @import '../_menu_theme'; +} diff --git a/src/assets/sass/layout/menu/themes/_menu_green.scss b/src/assets/sass/layout/menu/themes/_menu_green.scss new file mode 100644 index 00000000..7b921bd4 --- /dev/null +++ b/src/assets/sass/layout/menu/themes/_menu_green.scss @@ -0,0 +1,15 @@ +.layout-menu-green { + $menuBgColor:#2E7D32; + + $rootMenuTextColor:#ffffff; + + $menuItemTextColor:rgba(255,255,255,.6); + $menuItemHoverBgColor:rgba(255,255,255,.12); + $activeMenuItemTextColor:#ffffff; + $activeMenuItemBgColor: rgba(255,255,255,.24); + + $inlineMenuBorderColor: rgba(255,255,255,.24); + + @import '../_menu_exports'; + @import '../_menu_theme'; +} diff --git a/src/assets/sass/layout/menu/themes/_menu_indigo.scss b/src/assets/sass/layout/menu/themes/_menu_indigo.scss new file mode 100644 index 00000000..bd171ade --- /dev/null +++ b/src/assets/sass/layout/menu/themes/_menu_indigo.scss @@ -0,0 +1,15 @@ +.layout-menu-indigo { + $menuBgColor:#1A237E; + + $rootMenuTextColor:#ffffff; + + $menuItemTextColor:rgba(255,255,255,.6); + $menuItemHoverBgColor:rgba(255,255,255,.12); + $activeMenuItemTextColor:#ffffff; + $activeMenuItemBgColor: rgba(255,255,255,.24); + + $inlineMenuBorderColor: rgba(255,255,255,.24); + + @import '../_menu_exports'; + @import '../_menu_theme'; +} diff --git a/src/assets/sass/layout/menu/themes/_menu_light.scss b/src/assets/sass/layout/menu/themes/_menu_light.scss new file mode 100644 index 00000000..7f2f1593 --- /dev/null +++ b/src/assets/sass/layout/menu/themes/_menu_light.scss @@ -0,0 +1,15 @@ +.layout-menu-light { + $menuBgColor:#FDFEFF; + + $rootMenuTextColor:#657380; + + $menuItemTextColor:#515C66; + $menuItemHoverBgColor:rgba(0,0,0,.04); + $activeMenuItemTextColor: var(--primary-menu-text-color); + $activeMenuItemBgColor: var(--primary-lightest-color); + + $inlineMenuBorderColor: #e4e4e4; + + @import '../_menu_exports'; + @import '../_menu_theme'; +} diff --git a/src/assets/sass/layout/menu/themes/_menu_pink.scss b/src/assets/sass/layout/menu/themes/_menu_pink.scss new file mode 100644 index 00000000..0c3c2be7 --- /dev/null +++ b/src/assets/sass/layout/menu/themes/_menu_pink.scss @@ -0,0 +1,16 @@ +.layout-menu-pink { + $menuBgColor:#880E4F; + + $rootMenuTextColor:#ffffff; + + $menuItemTextColor:rgba(255,255,255,.6); + $menuItemHoverBgColor:rgba(255,255,255,.12); + $activeMenuItemTextColor:#ffffff; + $activeMenuItemBgColor: rgba(255,255,255,.24); + + $inlineMenuBorderColor: rgba(255,255,255,.24); + + @import '../_menu_exports'; + @import '../_menu_theme'; +} + diff --git a/src/assets/sass/layout/menu/themes/_menu_purple.scss b/src/assets/sass/layout/menu/themes/_menu_purple.scss new file mode 100644 index 00000000..50205c2d --- /dev/null +++ b/src/assets/sass/layout/menu/themes/_menu_purple.scss @@ -0,0 +1,16 @@ +.layout-menu-purple { + $menuBgColor:#6A1B9A; + + $rootMenuTextColor:#ffffff; + + $menuItemTextColor:rgba(255,255,255,.6); + $menuItemHoverBgColor:rgba(255,255,255,.12); + $activeMenuItemTextColor:#ffffff; + $activeMenuItemBgColor: rgba(255,255,255,.24); + + $inlineMenuBorderColor: rgba(255,255,255,.24); + + @import '../_menu_exports'; + @import '../_menu_theme'; +} + diff --git a/src/assets/sass/layout/menu/themes/_menu_teal.scss b/src/assets/sass/layout/menu/themes/_menu_teal.scss new file mode 100644 index 00000000..091d12ce --- /dev/null +++ b/src/assets/sass/layout/menu/themes/_menu_teal.scss @@ -0,0 +1,16 @@ +.layout-menu-teal { + $menuBgColor:#00695C; + + $rootMenuTextColor:#ffffff; + + $menuItemTextColor:rgba(255,255,255,.6); + $menuItemHoverBgColor:rgba(255,255,255,.12); + $activeMenuItemTextColor:#ffffff; + $activeMenuItemBgColor: rgba(255,255,255,.24); + + $inlineMenuBorderColor: rgba(255,255,255,.24); + + @import '../_menu_exports'; + @import '../_menu_theme'; +} + diff --git a/src/assets/sass/layout/topbar/_rtl_topbar.scss b/src/assets/sass/layout/topbar/_rtl_topbar.scss new file mode 100644 index 00000000..f75aa3f2 --- /dev/null +++ b/src/assets/sass/layout/topbar/_rtl_topbar.scss @@ -0,0 +1,92 @@ +.layout-wrapper { + &.layout-rtl { + direction: rtl; + + .layout-topbar { + left: auto; + right: 0; + + .layout-topbar-left { + .layout-topbar-logo { + padding-right: 0; + padding-left: 1.25rem; + } + + .layout-menu-button { + left: auto; + right: 15.75rem; + } + + .layout-topbar-mobile-button { + margin: 0 auto 0 .5rem; + } + } + + .layout-topbar-right { + padding-left: 0; + padding-right: 2rem; + + .layout-topbar-actions-right { + .layout-topbar-items { + .layout-topbar-item { + .layout-topbar-action-panel { + right: auto; + left: 0; + } + + &.layout-search-item { + .layout-search-panel { + left: auto; + right: 0; + } + } + } + } + } + + .layout-topbar-actions-left { + .layout-megamenu { + &.p-megamenu { + .p-megamenu-root-list { + > .p-menuitem { + > .p-menuitem-link { + .p-submenu-icon { + margin-left: 0; + margin-right: .5rem; + } + } + } + } + } + } + } + } + } + + @media (max-width: $mobileBreakpoint) { + .layout-topbar { + .layout-topbar-right { + .layout-topbar-actions-left { + .layout-megamenu { + .p-megamenu-panel { + left: 1rem; + right: 1rem; + } + } + } + + .layout-topbar-actions-right { + .layout-topbar-items { + .layout-topbar-item { + .layout-topbar-action-panel { + left: 1em; + right: 1em; + } + } + } + } + } + } + } + } +} diff --git a/src/assets/sass/layout/topbar/_topbar.scss b/src/assets/sass/layout/topbar/_topbar.scss new file mode 100644 index 00000000..81f74aec --- /dev/null +++ b/src/assets/sass/layout/topbar/_topbar.scss @@ -0,0 +1,23 @@ +@import './_topbar_common'; +@import './topbar_responsive'; + +@import './themes/_topbar_blue'; +@import './themes/_topbar_lightblue'; +@import './themes/_topbar_white'; +@import './themes/_topbar_dark'; +@import './themes/_topbar_deeppurple'; +@import './themes/_topbar_purple'; +@import './themes/_topbar_pink'; +@import './themes/_topbar_cyan'; +@import './themes/_topbar_teal'; +@import './themes/_topbar_green'; +@import './themes/_topbar_lightgreen'; +@import './themes/_topbar_lime'; +@import './themes/_topbar_yellow'; +@import './themes/_topbar_amber'; +@import './themes/_topbar_orange'; +@import './themes/_topbar_deeporange'; +@import './themes/_topbar_brown'; +@import './themes/_topbar_grey'; +@import './themes/_topbar_bluegrey'; +@import './themes/_topbar_indigo'; diff --git a/src/assets/sass/layout/topbar/_topbar_common.scss b/src/assets/sass/layout/topbar/_topbar_common.scss new file mode 100644 index 00000000..7f114b9f --- /dev/null +++ b/src/assets/sass/layout/topbar/_topbar_common.scss @@ -0,0 +1,161 @@ +.layout-topbar { + position: fixed; + top: 0; + left: 0; + z-index: 998; + width: 100%; + height: 4rem; + transition: width $transitionDuration; + display: flex; + + ul { + @include reset-list; + } + + .layout-topbar-left { + display: flex; + align-items: center; + height: 100%; + position: relative; + + .layout-topbar-logo { + width: 17rem; + height: 100%; + padding-right: 1.25rem; + display: flex; + align-items: center; + justify-content: center; + } + + .layout-menu-button { + position: absolute; + top: 50%; + left: 15.75rem; + width: 2.5rem; + height: 2.5rem; + margin-top: -1.25rem; + display: flex; + align-items: center; + justify-content: center; + cursor: pointer; + border-radius: 50%; + + i { + transition: transform $transitionDuration; + } + } + + .layout-topbar-mobile-button { + display: none; + align-items: center; + padding: 0 .8rem; + margin: 0 .5rem 0 auto; + border-radius: 50%; + height: 3.2rem; + cursor: pointer; + } + } + + .layout-topbar-right { + display: flex; + flex-grow: 1; + align-items: center; + justify-content: space-between; + padding-left: 2rem; + height: 100%; + + .layout-topbar-actions-left { + display: flex; + align-items: center; + height: 100%; + } + + .layout-topbar-actions-right { + height: 100%; + + .layout-topbar-items { + display: flex; + flex-direction: row; + justify-content: center; + height: 100%; + + .layout-topbar-item { + display: flex; + align-items: center; + position: relative; + + .layout-topbar-action { + user-select: none; + padding: 0 .8rem; + margin: 0 .4rem; + border-radius: 4px; + height: 3.2rem; + min-width: 3.2rem; + display: flex; + align-items: center; + cursor: pointer; + } + + .layout-topbar-action-panel { + position: absolute; + top: 4rem; + right: 0; + z-index: 1000; + min-width: 25rem; + padding: 1rem 0; + @include material-overlay-transform; + + .layout-topbar-action-item { + cursor: pointer; + padding: 1rem; + } + } + + &.layout-search-item { + .layout-search-panel { + height: 4rem; + width: 100%; + position: fixed; + top: 0; + left: 0; + z-index: 1000; + @include material-overlay-transform; + + input { + border-radius: 0; + border: 0 none; + + &:focus { + outline: 0 none; + box-shadow: none; + } + } + + i { + font-weight: bold; + } + + .p-inputgroup-addon { + border: 0 none; + } + + .p-inputgroup-addon:first-child, + .p-inputgroup button:first-child, + .p-inputgroup input:first-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .p-inputgroup-addon:last-child, + .p-inputgroup button:last-child, + .p-inputgroup input:last-child { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + } + } + } + } + } + } +} diff --git a/src/assets/sass/layout/topbar/_topbar_exports.scss b/src/assets/sass/layout/topbar/_topbar_exports.scss new file mode 100644 index 00000000..92c70d17 --- /dev/null +++ b/src/assets/sass/layout/topbar/_topbar_exports.scss @@ -0,0 +1,4 @@ +& { + --topbar-bg-color:#{$topbarBgColor}; + --topbar-text-color: #{$topbarItemTextColor}; +} diff --git a/src/assets/sass/layout/topbar/_topbar_responsive.scss b/src/assets/sass/layout/topbar/_topbar_responsive.scss new file mode 100644 index 00000000..d9ca50e8 --- /dev/null +++ b/src/assets/sass/layout/topbar/_topbar_responsive.scss @@ -0,0 +1,90 @@ +@media (max-width: $mobileBreakpoint) { + .layout-topbar { + height: auto; + display: flex; + flex-direction: column; + + .layout-topbar-left { + height: 4rem; + width: 100%; + justify-content: flex-start; + + .layout-topbar-mobile-button { + display: flex; + } + } + + .layout-topbar-right { + display: none; + flex-direction: column-reverse; + padding: 0; + @include material-overlay-animation; + + &.layout-topbar-mobile-active { + display: flex; + } + + .layout-topbar-actions-left { + height: 4rem; + display: flex; + justify-content: space-between; + + .layout-megamenu { + .p-megamenu-panel { + position: fixed; + left: 1rem; + right: 1rem; + max-height: calc(100vh - 168px); + overflow-y: scroll; + + .p-megamenu-grid { + flex-wrap: wrap; + + > [class*="p-megamenu-col-"] { + flex: 1 1 auto; + width: auto; + } + + .p-megamenu-submenu { + width: auto; + min-width: 12.5rem; + } + } + } + } + } + + .layout-topbar-actions-right { + height: 4rem; + width: 100%; + + .layout-topbar-items { + width: 100%; + justify-content: space-between; + + .layout-topbar-item { + .layout-topbar-action-panel { + position: fixed; + top: 8rem; + left: 1em; + right: 1em; + } + } + } + } + } + } +} + +@media (min-width: $mobileBreakpoint + 1) { + .layout-menu-horizontal, + .layout-menu-slim { + .layout-topbar { + .layout-topbar-left { + .layout-menu-button { + display: none; + } + } + } + } +} diff --git a/src/assets/sass/layout/topbar/_topbar_theme.scss b/src/assets/sass/layout/topbar/_topbar_theme.scss new file mode 100644 index 00000000..eb70e300 --- /dev/null +++ b/src/assets/sass/layout/topbar/_topbar_theme.scss @@ -0,0 +1,111 @@ +.layout-topbar { + color: $topbarItemTextColor; + background-color: $topbarBgColor; + + a { + color: $topbarItemTextColor; + + &:hover { + background-color: $topbarItemTextHoverBgColor; + transition: background-color $transitionDuration; + } + } + + .layout-topbar-left { + background-color: $topbarLeftBgColor; + + .layout-menu-button { + color: $topbarMenuButtonTextColor; + background-color: $topbarMenuButtonBgColor; + + &:hover { + background-color: rgba($topbarMenuButtonBgColor,.7); + transition: background-color $transitionDuration; + } + } + } + + .layout-topbar-right { + .layout-topbar-actions-left { + .layout-megamenu { + background: none; + + &.p-megamenu .p-megamenu-root-list > .p-menuitem { + > .p-menuitem-link { + .p-menuitem-text, + .p-menuitem-icon, + .p-submenu-icon { + color: $topbarItemTextColor; + } + + &:not(.p-disabled):hover { + background: $topbarItemTextHoverBgColor; + transition: background-color $transitionDuration; + } + } + } + } + } + + .layout-topbar-actions-right { + .layout-topbar-items { + .layout-topbar-action-panel { + background-color: $overlayContentBgColor; + color: $textColor; + + a { + color: $textColor; + + &:hover { + background-color: transparent; + transition: none; + } + } + + .layout-topbar-action-item { + &:hover { + background-color: $hoverBgColor; + transition: background-color $transitionDuration; + } + } + } + + .layout-topbar-item { + &.layout-search-item { + .layout-search-panel { + input { + background-color: $bodyBgColor; + color: $textColor; + + &:hover { + background-color: $bodyBgColor; + color: $textColor; + } + } + + .p-inputgroup-addon:first-child, + .p-inputgroup button:first-child, + .p-inputgroup input:first-child { + background-color: $bodyBgColor; + color: $textColor; + } + + .p-inputgroup-addon:last-child, + .p-inputgroup button:last-child, + .p-inputgroup input:last-child { + background-color: $bodyBgColor; + color: $textColor; + } + + .p-inputgroup-addon { + .p-button-text { + color: $textColor; + } + } + } + } + } + } + } + } +} diff --git a/src/assets/sass/layout/topbar/themes/_topbar_amber.scss b/src/assets/sass/layout/topbar/themes/_topbar_amber.scss new file mode 100644 index 00000000..1253b574 --- /dev/null +++ b/src/assets/sass/layout/topbar/themes/_topbar_amber.scss @@ -0,0 +1,13 @@ +.layout-topbar-amber { + $topbarBgColor: #FFA000; + $topbarLeftBgColor: #FF8F00; + + $topbarMenuButtonBgColor:#212121; + $topbarMenuButtonTextColor:#ffffff; + + $topbarItemTextColor: #212121; + $topbarItemTextHoverBgColor: rgba(0,0,0,.12); + + @import '../_topbar_exports'; + @import '../_topbar_theme'; +} diff --git a/src/assets/sass/layout/topbar/themes/_topbar_blue.scss b/src/assets/sass/layout/topbar/themes/_topbar_blue.scss new file mode 100644 index 00000000..7efa18bd --- /dev/null +++ b/src/assets/sass/layout/topbar/themes/_topbar_blue.scss @@ -0,0 +1,13 @@ +.layout-topbar-blue { + $topbarBgColor: #1565C0; + $topbarLeftBgColor: #0D47A1; + + $topbarMenuButtonBgColor:#FBC02D; + $topbarMenuButtonTextColor:#212121; + + $topbarItemTextColor: #ffffff; + $topbarItemTextHoverBgColor: rgba(255,255,255,.12); + + @import '../_topbar_exports'; + @import '../_topbar_theme'; +} diff --git a/src/assets/sass/layout/topbar/themes/_topbar_bluegrey.scss b/src/assets/sass/layout/topbar/themes/_topbar_bluegrey.scss new file mode 100644 index 00000000..f37be12d --- /dev/null +++ b/src/assets/sass/layout/topbar/themes/_topbar_bluegrey.scss @@ -0,0 +1,13 @@ +.layout-topbar-bluegrey { + $topbarBgColor: #546E7A; + $topbarLeftBgColor: #37474F; + + $topbarMenuButtonBgColor:#0097A7; + $topbarMenuButtonTextColor:#ffffff; + + $topbarItemTextColor: #ffffff; + $topbarItemTextHoverBgColor: rgba(255,255,255,.12); + + @import '../_topbar_exports'; + @import '../_topbar_theme'; +} diff --git a/src/assets/sass/layout/topbar/themes/_topbar_brown.scss b/src/assets/sass/layout/topbar/themes/_topbar_brown.scss new file mode 100644 index 00000000..02a6d578 --- /dev/null +++ b/src/assets/sass/layout/topbar/themes/_topbar_brown.scss @@ -0,0 +1,13 @@ +.layout-topbar-brown { + $topbarBgColor: #5D4037; + $topbarLeftBgColor: #4E342E; + + $topbarMenuButtonBgColor:#F9A825; + $topbarMenuButtonTextColor:#212121; + + $topbarItemTextColor: #ffffff; + $topbarItemTextHoverBgColor: rgba(255,255,255,.12); + + @import '../_topbar_exports'; + @import '../_topbar_theme'; +} diff --git a/src/assets/sass/layout/topbar/themes/_topbar_cyan.scss b/src/assets/sass/layout/topbar/themes/_topbar_cyan.scss new file mode 100644 index 00000000..f4015d43 --- /dev/null +++ b/src/assets/sass/layout/topbar/themes/_topbar_cyan.scss @@ -0,0 +1,13 @@ +.layout-topbar-cyan { + $topbarBgColor: #0097A7; + $topbarLeftBgColor: #006064; + + $topbarMenuButtonBgColor:#E64A19; + $topbarMenuButtonTextColor:#ffffff; + + $topbarItemTextColor: #ffffff; + $topbarItemTextHoverBgColor: rgba(255,255,255,.12); + + @import '../_topbar_exports'; + @import '../_topbar_theme'; +} diff --git a/src/assets/sass/layout/topbar/themes/_topbar_dark.scss b/src/assets/sass/layout/topbar/themes/_topbar_dark.scss new file mode 100644 index 00000000..a279c315 --- /dev/null +++ b/src/assets/sass/layout/topbar/themes/_topbar_dark.scss @@ -0,0 +1,13 @@ +.layout-topbar-dark { + $topbarBgColor: #1e1e1e; + $topbarLeftBgColor: #1e1e1e; + + $topbarMenuButtonBgColor:#E91E63; + $topbarMenuButtonTextColor:#ffffff; + + $topbarItemTextColor: #ffffff; + $topbarItemTextHoverBgColor: rgba(255,255,255,.12); + + @import '../_topbar_exports'; + @import '../_topbar_theme'; +} diff --git a/src/assets/sass/layout/topbar/themes/_topbar_deeporange.scss b/src/assets/sass/layout/topbar/themes/_topbar_deeporange.scss new file mode 100644 index 00000000..514e2667 --- /dev/null +++ b/src/assets/sass/layout/topbar/themes/_topbar_deeporange.scss @@ -0,0 +1,13 @@ +.layout-topbar-deeporange { + $topbarBgColor: #D84315; + $topbarLeftBgColor: #BF360C; + + $topbarMenuButtonBgColor:#00BCD4; + $topbarMenuButtonTextColor:#212121; + + $topbarItemTextColor: #ffffff; + $topbarItemTextHoverBgColor: rgba(255,255,255,.12); + + @import '../_topbar_exports'; + @import '../_topbar_theme'; +} diff --git a/src/assets/sass/layout/topbar/themes/_topbar_deeppurple.scss b/src/assets/sass/layout/topbar/themes/_topbar_deeppurple.scss new file mode 100644 index 00000000..f0844400 --- /dev/null +++ b/src/assets/sass/layout/topbar/themes/_topbar_deeppurple.scss @@ -0,0 +1,13 @@ +.layout-topbar-deeppurple { + $topbarBgColor: #4527A0; + $topbarLeftBgColor: #311B92; + + $topbarMenuButtonBgColor:#F9A825; + $topbarMenuButtonTextColor:#212121; + + $topbarItemTextColor: #ffffff; + $topbarItemTextHoverBgColor: rgba(255,255,255,.12); + + @import '../_topbar_exports'; + @import '../_topbar_theme'; +} diff --git a/src/assets/sass/layout/topbar/themes/_topbar_green.scss b/src/assets/sass/layout/topbar/themes/_topbar_green.scss new file mode 100644 index 00000000..da36dccf --- /dev/null +++ b/src/assets/sass/layout/topbar/themes/_topbar_green.scss @@ -0,0 +1,13 @@ +.layout-topbar-green { + $topbarBgColor: #43A047; + $topbarLeftBgColor: #2E7D32; + + $topbarItemTextColor: #ffffff; + $topbarItemTextHoverBgColor: rgba(255,255,255,.12); + + $topbarMenuButtonBgColor:#F4511E; + $topbarMenuButtonTextColor:#ffffff; + + @import '../_topbar_exports'; + @import '../_topbar_theme'; +} diff --git a/src/assets/sass/layout/topbar/themes/_topbar_grey.scss b/src/assets/sass/layout/topbar/themes/_topbar_grey.scss new file mode 100644 index 00000000..05ac3693 --- /dev/null +++ b/src/assets/sass/layout/topbar/themes/_topbar_grey.scss @@ -0,0 +1,13 @@ +.layout-topbar-grey { + $topbarBgColor: #616161; + $topbarLeftBgColor: #424242; + + $topbarMenuButtonBgColor:#0097A7; + $topbarMenuButtonTextColor:#ffffff; + + $topbarItemTextColor: #ffffff; + $topbarItemTextHoverBgColor: rgba(255,255,255,.12); + + @import '../_topbar_exports'; + @import '../_topbar_theme'; +} diff --git a/src/assets/sass/layout/topbar/themes/_topbar_indigo.scss b/src/assets/sass/layout/topbar/themes/_topbar_indigo.scss new file mode 100644 index 00000000..a7db03c8 --- /dev/null +++ b/src/assets/sass/layout/topbar/themes/_topbar_indigo.scss @@ -0,0 +1,13 @@ +.layout-topbar-indigo { + $topbarBgColor: #3F51B5; + $topbarLeftBgColor: #283593; + + $topbarMenuButtonBgColor:#E91E63; + $topbarMenuButtonTextColor:#ffffff; + + $topbarItemTextColor: #ffffff; + $topbarItemTextHoverBgColor: rgba(255,255,255,.12); + + @import '../_topbar_exports'; + @import '../_topbar_theme'; +} diff --git a/src/assets/sass/layout/topbar/themes/_topbar_lightblue.scss b/src/assets/sass/layout/topbar/themes/_topbar_lightblue.scss new file mode 100644 index 00000000..8be1f14a --- /dev/null +++ b/src/assets/sass/layout/topbar/themes/_topbar_lightblue.scss @@ -0,0 +1,13 @@ +.layout-topbar-lightblue { + $topbarBgColor: #0288D1; + $topbarLeftBgColor: #0277BD; + + $topbarItemTextColor: #ffffff; + $topbarItemTextHoverBgColor: rgba(255,255,255,.12); + + $topbarMenuButtonBgColor:#FDD835; + $topbarMenuButtonTextColor:#212121; + + @import '../_topbar_exports'; + @import '../_topbar_theme'; +} diff --git a/src/assets/sass/layout/topbar/themes/_topbar_lightgreen.scss b/src/assets/sass/layout/topbar/themes/_topbar_lightgreen.scss new file mode 100644 index 00000000..4d3ec3b4 --- /dev/null +++ b/src/assets/sass/layout/topbar/themes/_topbar_lightgreen.scss @@ -0,0 +1,13 @@ +.layout-topbar-lightgreen { + $topbarBgColor: #689F38; + $topbarLeftBgColor: #558B2F; + + $topbarMenuButtonBgColor:#F57C00; + $topbarMenuButtonTextColor:#ffffff; + + $topbarItemTextColor: #ffffff; + $topbarItemTextHoverBgColor: rgba(255,255,255,.12); + + @import '../_topbar_exports'; + @import '../_topbar_theme'; +} diff --git a/src/assets/sass/layout/topbar/themes/_topbar_lime.scss b/src/assets/sass/layout/topbar/themes/_topbar_lime.scss new file mode 100644 index 00000000..dd887635 --- /dev/null +++ b/src/assets/sass/layout/topbar/themes/_topbar_lime.scss @@ -0,0 +1,13 @@ +.layout-topbar-lime { + $topbarBgColor: #AFB42B; + $topbarLeftBgColor: #9E9D24; + + $topbarMenuButtonBgColor:#F57C00; + $topbarMenuButtonTextColor:#212121; + + $topbarItemTextColor: #212121; + $topbarItemTextHoverBgColor: rgba(0,0,0,.12); + + @import '../_topbar_exports'; + @import '../_topbar_theme'; +} diff --git a/src/assets/sass/layout/topbar/themes/_topbar_orange.scss b/src/assets/sass/layout/topbar/themes/_topbar_orange.scss new file mode 100644 index 00000000..0d9443c4 --- /dev/null +++ b/src/assets/sass/layout/topbar/themes/_topbar_orange.scss @@ -0,0 +1,13 @@ +.layout-topbar-orange { + $topbarBgColor: #FB8C00; + $topbarLeftBgColor: #EF6C00; + + $topbarMenuButtonBgColor:#212121; + $topbarMenuButtonTextColor:#ffffff; + + $topbarItemTextColor: #212121; + $topbarItemTextHoverBgColor: rgba(0,0,0,.12); + + @import '../_topbar_exports'; + @import '../_topbar_theme'; +} diff --git a/src/assets/sass/layout/topbar/themes/_topbar_pink.scss b/src/assets/sass/layout/topbar/themes/_topbar_pink.scss new file mode 100644 index 00000000..ef05eb60 --- /dev/null +++ b/src/assets/sass/layout/topbar/themes/_topbar_pink.scss @@ -0,0 +1,13 @@ +.layout-topbar-pink { + $topbarBgColor: #AD1457; + $topbarLeftBgColor: #880E4F; + + $topbarMenuButtonBgColor:#F9A825; + $topbarMenuButtonTextColor:#212121; + + $topbarItemTextColor: #ffffff; + $topbarItemTextHoverBgColor: rgba(255,255,255,.12); + + @import '../_topbar_exports'; + @import '../_topbar_theme'; +} diff --git a/src/assets/sass/layout/topbar/themes/_topbar_purple.scss b/src/assets/sass/layout/topbar/themes/_topbar_purple.scss new file mode 100644 index 00000000..75bd1cc2 --- /dev/null +++ b/src/assets/sass/layout/topbar/themes/_topbar_purple.scss @@ -0,0 +1,13 @@ +.layout-topbar-purple { + $topbarBgColor: #6A1B9A; + $topbarLeftBgColor: #4A148C; + + $topbarMenuButtonBgColor:#F9A825; + $topbarMenuButtonTextColor:#212121; + + $topbarItemTextColor: #ffffff; + $topbarItemTextHoverBgColor: rgba(255,255,255,.12); + + @import '../_topbar_exports'; + @import '../_topbar_theme'; +} diff --git a/src/assets/sass/layout/topbar/themes/_topbar_teal.scss b/src/assets/sass/layout/topbar/themes/_topbar_teal.scss new file mode 100644 index 00000000..8f508e9e --- /dev/null +++ b/src/assets/sass/layout/topbar/themes/_topbar_teal.scss @@ -0,0 +1,13 @@ +.layout-topbar-teal { + $topbarBgColor: #00796B; + $topbarLeftBgColor: #004D40; + + $topbarMenuButtonBgColor:#D32F2F; + $topbarMenuButtonTextColor:#ffffff; + + $topbarItemTextColor: #ffffff; + $topbarItemTextHoverBgColor: rgba(255,255,255,.12); + + @import '../_topbar_exports'; + @import '../_topbar_theme'; +} diff --git a/src/assets/sass/layout/topbar/themes/_topbar_white.scss b/src/assets/sass/layout/topbar/themes/_topbar_white.scss new file mode 100644 index 00000000..b24335f2 --- /dev/null +++ b/src/assets/sass/layout/topbar/themes/_topbar_white.scss @@ -0,0 +1,13 @@ +.layout-topbar-white { + $topbarBgColor: #ffffff; + $topbarLeftBgColor: #ffffff; + + $topbarMenuButtonBgColor:#ffffff; + $topbarMenuButtonTextColor:#212121; + + $topbarItemTextColor: #616161; + $topbarItemTextHoverBgColor: rgba(0,0,0,.12); + + @import '../_topbar_exports'; + @import '../_topbar_theme'; +} diff --git a/src/assets/sass/layout/topbar/themes/_topbar_yellow.scss b/src/assets/sass/layout/topbar/themes/_topbar_yellow.scss new file mode 100644 index 00000000..01ca52a2 --- /dev/null +++ b/src/assets/sass/layout/topbar/themes/_topbar_yellow.scss @@ -0,0 +1,13 @@ +.layout-topbar-yellow { + $topbarBgColor: #FBC02D; + $topbarLeftBgColor: #F9A825; + + $topbarMenuButtonBgColor:#212121; + $topbarMenuButtonTextColor:#ffffff; + + $topbarItemTextColor: #212121; + $topbarItemTextHoverBgColor: rgba(0,0,0,.12); + + @import '../_topbar_exports'; + @import '../_topbar_theme'; +} diff --git a/src/assets/sass/overrides/_layout_styles.scss b/src/assets/sass/overrides/_layout_styles.scss new file mode 100644 index 00000000..dd461203 --- /dev/null +++ b/src/assets/sass/overrides/_layout_styles.scss @@ -0,0 +1 @@ +/* Add your customizations of layout here */ diff --git a/src/assets/sass/overrides/_layout_variables.scss b/src/assets/sass/overrides/_layout_variables.scss new file mode 100644 index 00000000..2760e038 --- /dev/null +++ b/src/assets/sass/overrides/_layout_variables.scss @@ -0,0 +1 @@ +/* Add your variable customizations of layout here */ diff --git a/src/assets/sass/overrides/_theme_styles.scss b/src/assets/sass/overrides/_theme_styles.scss new file mode 100644 index 00000000..a7d9d848 --- /dev/null +++ b/src/assets/sass/overrides/_theme_styles.scss @@ -0,0 +1 @@ +/* Add your customizations of the theme here */ diff --git a/src/assets/sass/overrides/_theme_variables.scss b/src/assets/sass/overrides/_theme_variables.scss new file mode 100644 index 00000000..d7442c21 --- /dev/null +++ b/src/assets/sass/overrides/_theme_variables.scss @@ -0,0 +1 @@ +/* Add your variable customizations of theme here */ diff --git a/src/assets/sass/theme/_common.scss b/src/assets/sass/theme/_common.scss deleted file mode 100644 index 1615c9e9..00000000 --- a/src/assets/sass/theme/_common.scss +++ /dev/null @@ -1,90 +0,0 @@ -body { - .ui-widget, - .ui-widget .ui-widget { - font-family: "Roboto","Helvetica Neue",sans-serif; - text-decoration: none; - } - - .ui-widget-content { - background-color: #ffffff; - font-size: $contentFontSize; - border: 1px solid $dividerColor; - - .fa { - color: #757575; - } - } - - .ui-widget-header { - background-color: $primaryColor; - color: #ffffff; - font-size: $headerFontSize; - border: 1px solid $primaryColor; - - .fa { - color: #ffffff; - } - } - - .ui-state-default { - - } - - .ui-state-hover { - - } - - .ui-state-focus { - - } - - .ui-state-active, .ui-state-highlight { - background-color: $accentColor; - color: $accentTextColor; - - .fa { - color: #ffffff; - } - } - - .ui-widget:disabled, - .ui-state-disabled { - opacity: .35; - filter: Alpha(Opacity=35); - background-image: none; - cursor: auto !important; - } - - .ui-corner-all { - @include border-radius($borderRadius); - } - - .ui-corner-top { - @include border-radius-top($borderRadius); - } - - .ui-corner-bottom { - @include border-radius-bottom($borderRadius); - } - - .ui-corner-left { - @include border-radius-left($borderRadius); - } - - .ui-corner-right { - @include border-radius-right($borderRadius); - } - - .ui-widget-overlay { - background-color: #58575c; - opacity: .8; - } - - .ui-shadow { - - } - - a { - - } -} \ No newline at end of file diff --git a/src/assets/sass/theme/_compact.scss b/src/assets/sass/theme/_compact.scss new file mode 100644 index 00000000..34901001 --- /dev/null +++ b/src/assets/sass/theme/_compact.scss @@ -0,0 +1,88 @@ +$actionIconWidth:2rem; +$actionIconHeight:2rem; + +$inputPadding: .75rem .75rem; +$inputListItemPadding: .75rem .75rem; +$inputListHeaderPadding:.75rem; +$inputGroupAddOnMinWidth:2.75rem; + +$multiselectHeaderIconWidth:2.25rem; +$multiselectHeaderIconHeight:.2.25rem; + +$buttonPadding:0.643rem .75rem; +$buttonIconOnlyWidth:2.75rem; +$buttonIconOnlyPadding:0.643rem; + +$ratingIconFontSize:1rem; + +$calendarCellDateWidth:2.25rem; +$calendarCellDateHeight:2.25rem; + +$calendarActionIconWidth:2.25rem; +$calendarActionIconHeight:2.25rem; + +$calendarButtonBarPadding:.75rem 0; + +$panelHeaderPadding:.75rem; +$panelContentPadding:.75rem; +$panelFooterPadding:.75rem .75rem; + +$accordionHeaderPadding:1.25rem; +$accordionContentPadding:.75rem 1.25rem; + +$tabviewHeaderPadding:.75rem 1.25rem; +$tabviewContentPadding:.75rem; + +$cardBodyPadding:.75rem; +$cardContentPadding:.75rem 0; +$cardFooterPadding:.75rem 0 0 0; +$paginatorPadding:.375rem .75rem; + +$tableHeaderPadding:.75rem .75rem; +$tableHeaderCellPadding:.75rem .75rem; +$tableBodyCellPadding:.75rem .75rem; +$tableFooterCellPadding:.75rem .75rem; +$tableFooterPadding:.75rem .75rem; + +$dataViewContentPadding:.75rem; +$treeNodeContentPadding:.571rem; + +$messageMargin:.75rem 0; +$messagePadding: 1rem 1.25rem; +$messageIconFontSize:1.5rem; +$messageCloseIconWidth:2.25rem; +$messageCloseIconHeight:2.25rem; +$inlineMessagePadding:.75rem .75rem; + +$toastPadding:1.25rem; + +$toastCloseIconWidth:1.5rem; +$toastCloseIconHeight:1.5rem; + +$dialogHeaderPadding:1.25rem; +$dialogContentPadding: 0 1.25rem 1.25rem 1.25rem; +$dialogFooterPadding:.75rem 1.25rem; + +$dialogHeaderActionIconWidth:2.25rem; +$dialogHeaderActionIconHeight:2.25rem; + +$sidebarCloseIconWidth:2.25rem; +$sidebarCloseIconHeight:2.25rem; + +$overlayPanelCloseIconWidth:2.25rem; +$overlayPanelCloseIconHeight:2.25rem; + +$menuitemPadding:.75rem .75rem; +$submenuHeaderPadding:.75rem; + +$breadcrumbPadding:.75rem; + +$horizontalMenuPadding:.75rem; + +$horizontalMenuRootMenuitemPadding:.75rem; + +$menubarButtonWidth:2.25rem; +$menubarButtonHeight:2.25rem; + +$carouselNavIconWidth:2.25rem; +$carouselNavIconHeight:2.25rem; diff --git a/src/assets/sass/theme/_data.scss b/src/assets/sass/theme/_data.scss deleted file mode 100644 index 0ff4439b..00000000 --- a/src/assets/sass/theme/_data.scss +++ /dev/null @@ -1,724 +0,0 @@ -body { - .ui-picklist { - .ui-picklist-caption { - font-size: $inputHeaderFontSize; - padding: $inputHeaderPadding; - } - - .ui-picklist-list { - padding: 0; - } - - li.ui-picklist-item { - font-size: $inputOptionFontSize; - padding: $inputOptionPadding; - margin: 0; - @include border-radius(0); - color: $textColor; - - &:not(.ui-state-highlight):hover { - @include hover-element(); - } - - &.ui-state-highlight { - background-color: $accentColor; - color: $accentTextColor; - } - } - - .ui-picklist-buttons { - width: 3em; - - .ui-button { - &.ui-button-icon-only { - width: 2.5em; - margin-right: 0; - display: inline-block; - margin-bottom: .5em; - } - } - } - - .ui-picklist-buttons-cell { - text-align: center; - } - - &.ui-picklist-responsive { - .ui-picklist-buttons { - .ui-button { - &.ui-button-icon-only { - margin: 0 auto; - display: block; - margin-bottom: .5em; - } - } - } - - .ui-picklist-list { - .ui-picklist-item { - .ui-chkbox { - margin-right: .5em; - vertical-align: top; - } - - .ui-chkbox,.ui-chkbox * { - box-sizing: content-box; - } - } - } - } - } - - .ui-orderlist { - .ui-orderlist-caption { - font-size: $inputHeaderFontSize; - padding: $inputHeaderPadding; - box-sizing: border-box; - } - - .ui-orderlist-list { - padding: 0; - box-sizing: border-box; - - li.ui-orderlist-item { - font-size: $inputOptionFontSize; - padding: $inputOptionPadding; - margin: 0; - @include border-radius(0); - color: $textColor; - - &:not(.ui-state-highlight):hover { - @include hover-element(); - } - - &.ui-state-highlight { - background-color: $accentColor; - color: $accentTextColor; - } - } - } - - .ui-orderlist-controls { - width: 3.75em; - text-align: center; - - .ui-button { - &.ui-button-icon-only { - width: 2.5em; - margin-bottom: .5em; - margin-right: 0; - display: inline-block; - } - } - } - } - - .ui-paginator { - background-color: $primaryDarkColor; - padding: $headerPadding; - - > a { - box-sizing: border-box; - color: #ffffff; - - .fa { - display: none; - } - - &:not(.ui-state-disabled):not(.ui-state-active):hover { - background-color: $primaryLightColor; - @include border-radius(50%); - @include transition(background-color .3s); - } - } - - .ui-paginator-next { - padding: 0; - vertical-align: middle; - @include material-icon("navigate_next"); - } - - .ui-paginator-last { - padding: 0; - vertical-align: middle; - @include material-icon("last_page"); - } - - .ui-paginator-prev { - padding: 0; - vertical-align: middle; - @include material-icon("navigate_before"); - } - - .ui-paginator-first { - padding: 0; - vertical-align: middle; - @include material-icon("first_page"); - } - - .ui-paginator-pages { - vertical-align: middle; - margin: 0 .375em 0 .375em; - - a { - padding: 0; - color: #ffffff; - min-width: 1.5em; - min-height: 1.5em; - line-height: 1.5em; - @include border-radius(50%); - @include transition(background-color .3s); - - &:not(.ui-state-active):hover { - background-color: $primaryLightColor; - } - - &.ui-state-active { - background-color: $accentColor; - color: $accentTextColor; - } - } - } - } - - .ui-datagrid { - .ui-datagrid-header { - padding: $headerPadding; - } - - .ui-panel { - .ui-panel-titlebar { - background-color: #ffffff; - color: $textColor; - border-color: $dividerColor; - } - } - } - - .ui-datalist { - .ui-datalist-header { - padding: $headerPadding; - } - } - - .ui-datatable { - .ui-datatable-header, - .ui-datatable-footer { - padding: $headerPadding; - - .ui-inputtext { - color: #ffffff; - - &:focus { - border-color: #ffffff; - } - } - } - - .ui-paginator { - padding: $headerPadding; - } - - .ui-datatable-thead { - > tr { - border-color: $dividerLightColor; - - th { - padding: .625em .875em; - background-color: #ffffff; - - &.ui-sortable-column:not(.ui-state-active):hover { - @include hover-element(); - } - - .ui-column-title { - display: inline-block; - vertical-align: middle; - } - - .ui-sortable-column-icon { - vertical-align: middle; - color: $textSecondaryColor; - } - - &.ui-state-active,&.ui-state-highlight { - background-color: $accentColor; - color: $accentTextColor; - border-top-color: $accentColor; - - .fa { - color: $accentTextColor; - } - - .ui-inputtext { - color: $accentTextColor; - - &.ui-state-focus { - border-color: $accentTextColor; - } - } - } - - &.ui-selection-column { - .ui-chkbox-box { - box-sizing: content-box; - } - } - } - } - } - - tfoot { - th { - padding: .625em .875em; - border: 1px solid #bdbdbd; - background-color: #ffffff; - } - } - - .ui-datatable-data { - tr.ui-datatable-even { - background-color: #f4f4f4; - - &.ui-state-highlight { - background-color: $accentColor; - color: $accentTextColor; - } - } - - tr { - border: 1px solid $dividerLightColor; - - td { - padding: .625em .875em; - - .ui-row-toggler { - display: inherit; - } - - &.ui-state-highlight { - .ui-inputtext { - color: #ffffff; - border-color: #ffffff; - - &:focus { - border-color: #ffffff; - } - } - } - - &.ui-state-error { - background-color: #e62a10; - border-color: #e62a10; - color: #ffffff; - } - - input.ui-cell-editor { - padding: 2px 2px 1px 2px; - font-size: $inputFontSize; - } - - &.ui-selection-column { - .ui-chkbox-box, .ui-radiobutton-box { - box-sizing: content-box; - } - } - } - - &.ui-state-highlight{ - background-color: $accentColor; - border-color: $accentColor; - color: $accentTextColor; - } - - .ui-cell-editor-input { - input { - color: $accentTextColor; - } - } - } - - tr.ui-state-error { - background-color: #e62a10; - border-color: #e62a10; - color: #ffffff; - - .ui-inputtext, - .ui-inputtext.ui-state-error { - border-color: #ffffff; - } - } - - tr.ui-state-highlight { - td.ui-selection-column { - .ui-radiobutton-box { - border-color: #ffffff; - - .ui-radiobutton-icon { - background-color: #ffffff; - } - } - - .ui-chkbox-box { - border-color: #ffffff; - background-color: #ffffff; - - .ui-chkbox-icon { - color: $textSecondaryColor; - } - } - } - - .ui-inputtext { - color: #ffffff; - border-color: #ffffff; - - &:focus { - border-color: #ffffff; - } - } - } - - tr.ui-rowgroup-header { - td { - a { - height: 1.5em; - vertical-align: top; - display: inline-block; - } - } - } - - &.ui-datatable-hoverable-rows { - > tr.ui-widget-content:not(.ui-state-highlight):hover { - cursor: pointer; - @include hover-element(); - } - } - } - - &.ui-datatable-scrollable { - .ui-datatable-scrollable-header, .ui-datatable-scrollable-footer { - border: 0 none; - background-color: transparent; - - .ui-datatable-data { - td { - color: $textColor; - } - } - } - - thead { - tr { - th { - color: $textColor; - font-size: $fontSize; - } - } - } - - tfoot { - tr { - td { - color: $textColor; - font-size: $fontSize; - } - } - } - } - } - - .ui-carousel { - padding: 0; - - .ui-carousel-header{ - padding: $headerPadding; - font-size: $headerFontSize; - overflow: visible; - - .ui-carousel-header-title { - overflow: visible; - } - - .fa { - color: #ffffff; - } - - .ui-carousel-button { - margin: -1px 0 0 0; - } - - .ui-carousel-page-links { - margin: -1px 0 0 0; - } - } - } - - .ui-tree { - padding: $contentPadding / 2; - - .ui-treenode-children { - padding-left: 1.75em; - } - - .ui-treenode-content { - - .ui-chkbox { - margin-right: .5em; - - .fa { - color: #757575; - } - } - - .ui-tree-toggler { - vertical-align: middle; - margin: 0 0 0 .25em; - } - - .ui-treenode-icon { - vertical-align: middle; - margin: 0 .25em; - } - - .ui-chkbox { - margin: 0 .25em; - } - - .ui-treenode-label { - margin: 0; - vertical-align: middle; - } - - &.ui-treenode-selectable { - .ui-treenode-label:not(.ui-state-highlight):hover { - @include hover-element(); - } - } - } - - &.ui-tree-horizontal { - padding-left: 0; - padding-right: 0; - - .ui-treenode-content { - background-color: #ffffff; - border: 1px solid $dividerColor; - - .ui-tree-toggler { - vertical-align: top; - } - - .ui-treenode-icon { - vertical-align: top; - margin-right: .25em; - } - - &.ui-treenode-selectable:hover { - @include hover-element(); - } - - &.ui-state-highlight { - background-color: $accentColor; - color: $accentTextColor; - } - } - } - } - - .ui-tree-draghelper { - border: 1px solid $primaryColor; - } - - .fc { - .fc-button-group { - .ui-icon-circle-triangle-e { - @include material-icon("play_circle_outline"); - margin-top: .25em; - } - - .ui-icon-circle-triangle-w { - @include material-icon("play_circle_outline"); @include rotate(180deg); - margin-top: .25em; - } - - .ui-state-active { - background-color: $accentColor; - } - } - - .fc-event { - background-color: $primaryLightColor; - color: #ffffff; - } - - table { - box-sizing: border-box; - } - } - - .ui-treetable { - .ui-treetable-header { - padding: $headerPadding; - font-size: $headerFontSize; - } - - thead { - tr { - border-bottom: 1px solid $dividerColor; - - th { - background-color: #ffffff; - padding: .625em .875em; - border: 0 none; - - .fa { - color: $textSecondaryColor; - } - - &:first-child { - border-left: 1px solid $dividerColor; - } - - &:last-child { - border-right: 1px solid $dividerColor; - } - - .ui-sortable-column-icon { - vertical-align: middle; - margin: -.25em 0 0 0; - } - - &.ui-state-active { - background-color: $accentColor; - color: $accentTextColor; - - .fa { - color: $accentTextColor; - } - } - - .ui-column-resizer { - @include material-icon("code"); - font-size: 1em; - color: $textSecondaryColor; - } - } - } - } - - tfoot { - td { - border: 0 none; - padding: .625em .875em; - } - } - - tbody { - .ui-treetable-row { - background-color: #ffffff; - - td { - border: 0 none; - padding: .625em .875em; - - .ui-treetable-toggler { - display: inline-block; - vertical-align: middle; - margin: 0 .167em; - float: none; - } - - .ui-chkbox { - margin-right: .5em; - } - - &.ui-treetable-child-table-container { - padding: 0; - } - } - - &.ui-treetable-row-selectable:not(.ui-state-highlight):hover { - @include hover-element(); - } - - &.ui-state-highlight { - background-color: $accentColor; - color: $accentTextColor; - - .ui-chkbox { - .ui-chkbox-box { - border-color: $accentTextColor; - } - } - } - } - } - - &.ui-treetable-scrollable { - .ui-treetable-scrollable-header, .ui-treetable-scrollable-footer { - background-color: transparent; - border: 0 none; - } - - thead { - th { - background-color: #ffffff; - color: $textColor; - } - } - } - } -} - -@media (max-width: 640px) { - body { - .ui-picklist { - &.ui-picklist-responsive { - .ui-picklist-list-wrapper { - margin-bottom: .5em; - } - - .ui-picklist-buttons { - padding: .5em 0; - - .ui-button { - &.ui-button-icon-only { - display: inline-block; - margin-right: .25em; - margin-bottom: 0; - } - } - - .fa-angle-right { - @include icon-override("play_arrow"); @include rotate(90deg); - } - .fa-angle-double-right { - @include icon-override("skip_previous"); @include rotate(-90deg); - - } - .fa-angle-left { - @include icon-override("play_arrow"); @include rotate(-90deg); - } - .fa-angle-double-left { - @include icon-override("skip_next"); @include rotate(-90deg); - } - } - } - } - - .ui-orderlist { - &.ui-grid-responsive { - .ui-orderlist-controls { - text-align: center; - width: auto; - - .ui-button { - margin-right: .25em; - } - } - } - } - } -} \ No newline at end of file diff --git a/src/assets/sass/theme/_forms.scss b/src/assets/sass/theme/_forms.scss deleted file mode 100644 index 9e793d0d..00000000 --- a/src/assets/sass/theme/_forms.scss +++ /dev/null @@ -1,1321 +0,0 @@ -body { - .ui-inputtext { - background: transparent; - border-width: 0 0 1px 0; - padding: 2px 2px 1px 2px; - font-size: $inputFontSize; - border-color: #bdbdbd; - border-style: solid; - @include transition(border-color .3s); - @include border-radius(0px); - - &:focus, - &.ui-state-focus { - border-width: 0 0 2px 0; - border-color: $primaryColor; - padding-bottom: 0px; - } - - &:disabled { - border-bottom: 1px dotted; - } - - &.ui-widget-content { - border-width: 1px; - } - - &.ui-state-error { - border-color: #e62a10; - } - } - - .md-inputfield { - display: block; - position:relative; - - label { - color:#999; - font-weight:normal; - position:absolute; - pointer-events:none; - left:5px; - top:1px; - transition: 0.3s ease all; - -moz-transition: 0.3s ease all; - -webkit-transition: 0.3s ease all; - } - - input:focus ~ label, - input.ui-state-filled ~ label, - .ui-inputwrapper-focus ~ label, - .ui-inputwrapper-filled ~ label { - top:-20px; - font-size:12px; - color:$primaryColor; - } - - .input:-webkit-autofill ~ label { - top:-20px; - font-size:12px; - color:$primaryColor; - } - - input.ng-dirty.ng-invalid ~ label { - color: $invalidInputLabelColor; - } - - .ui-message { - &.ui-messages-error { - background-color: transparent; - border: 0 none; - margin: 0px; - color: #e62a10; - font-size: .75em; - } - } - } - - .ui-material-message { - &.ui-message { - &.ui-messages-error { - background-color: transparent; - border: 0 none; - margin: 0px; - color: #e62a10; - font-size: .75em; - } - } - } - - .ui-listbox { - min-width: 12.5em; - background-color: #ffffff; - @include border-radius($borderRadius); - - &.ui-inputtext { - padding: 0; - } - - .ui-listbox-list { - padding: 0; - } - - .ui-listbox-item { - overflow: hidden; - font-size: $inputOptionFontSize; - padding: $inputOptionPadding; - margin: 0; - color: $textColor; - @include rippleitem(); - @include transition(background-color .3s); - @include border-radius(0); - - &.ui-state-highlight { - background-color: $accentColor; - color: $accentTextColor; - } - } - - &:not(.ui-state-disabled) { - .ui-listbox-item { - &:not(.ui-state-highlight):hover { - @include hover-element(); - } - } - } - - .ui-listbox-header { - @include border-radius(0); - padding: $inputHeaderPadding; - - .ui-chkbox { - .ui-chkbox-box { - border-color: #ffffff; - } - } - - .ui-listbox-filter-container { - .ui-inputtext { - color: #ffffff; - padding: 2px 2px 1px 2px; - padding-left: 1.5em; - - &:focus { - padding-bottom: 0; - border-bottom-color: #ffffff; - } - } - - .fa { - top: 0; - left: 0; - } - } - } - } - - .ui-button, .ui-datepicker-buttonpane > button { - overflow: hidden; - background-color: $primaryColor; - color: #ffffff; - font-size: $buttonFontSize; - height: 2.25em; - padding: 0 1em; - border: 0 none; - -moz-box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0 rgba(0, 0, 0, 0.16); - -webkit-box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0 rgba(0, 0, 0, 0.16); - box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0 rgba(0, 0, 0, 0.16); - @include transition(background-color .3s); - - &:enabled:not(:focus):hover { - background-color: $primaryDarkColor; - } - - &:focus { - outline: 0 none; - background-color: lighten($primaryColor,10%); - } - - .ui-button-text { - padding: 0; - line-height: 2.25em; - } - - .fa { - color: #ffffff; - } - - &.ui-button-icon-only { - @include border-radius(50%); - width: 2.5em; - height: 2.5em; - - .fa { - margin-left: -.5em; - } - } - - &.ui-button-text-icon-left { - padding-left: 2.5em; - } - - &.ui-button-text-icon-right { - padding-right: 2.5em; - } - - &.secondary { - background-color: $accentColor; - color: $accentTextColor; - - &:enabled:not(:focus):hover { - background-color: $accentDarkColor; - } - - &:focus { - outline: 0 none; - background-color: lighten($accentColor,10%); - } - } - - &.blue-grey-btn { - background-color: #607D8B; - - &:enabled:not(:focus):hover { - background-color: #37474F; - } - - &:focus { - outline: 0 none; - background-color: lighten(#607D8B,10%); - } - } - - &.cyan-btn { - background-color: #00BCD4; - - &:enabled:not(:focus):hover { - background-color: #00838F; - } - - &:focus { - outline: 0 none; - background-color: lighten(#00BCD4,10%); - } - } - - &.teal-btn { - background-color: #009688; - - &:enabled:not(:focus):hover { - background-color: #00695C; - } - - &:focus { - outline: 0 none; - background-color: lighten(#009688,10%); - } - } - - &.red-btn { - background-color: #F44336; - - &:enabled:not(:focus):hover { - background-color: #C62828; - } - - &:focus { - outline: 0 none; - background-color: lighten(#F44336,10%); - } - } - - &.green-btn { - background-color: #4CAF50; - - &:enabled:not(:focus):hover { - background-color: #2E7D32; - } - - &:focus { - outline: 0 none; - background-color: lighten(#4CAF50,10%); - } - } - - &.deep-orange-btn { - background-color: #FF5722; - - &:enabled:not(:focus):hover { - background-color: #D84315; - } - - &:focus { - outline: 0 none; - background-color: lighten(#FF5722,10%); - } - } - - &.purple-btn { - background-color: #673AB7; - - &:enabled:not(:focus):hover { - background-color: #4527A0; - } - - &:focus { - outline: 0 none; - background-color: lighten(#673AB7,10%); - } - } - - &.pink-btn { - background-color: #E91E63; - - &:enabled:not(:focus):hover { - background-color: #AD1457; - } - - &:focus { - outline: 0 none; - background-color: lighten(#E91E63,10%); - } - } - - &.amber-btn { - background-color: #FFC107; - color: #212121; - - &:enabled:not(:focus):hover { - background-color: #FF8F00; - } - - &:focus { - outline: 0 none; - background-color: lighten(#FFC107,10%); - } - } - - &.orange-btn { - background-color: #FF9800; - - &:enabled:not(:focus):hover { - background-color: #EF6C00; - } - - &:focus { - outline: 0 none; - background-color: lighten(#FF9800,10%); - } - } - - &.brown-btn { - background-color: #795548; - - &:enabled:not(:focus):hover { - background-color: #4E342E; - } - - &:focus { - outline: 0 none; - background-color: lighten(#795548,10%); - } - } - - &.indigo-btn { - background-color: #3F51B5; - - &:enabled:not(:focus):hover { - background-color: #283593; - } - - &:focus { - outline: 0 none; - background-color: lighten(#3F51B5,10%); - } - } - - &.flat { - @include no-shadow(); - } - } - - .ui-buttonset { - .ui-button { - &:not(.ui-state-disabled):not(.ui-state-active):hover { - background-color: $primaryDarkColor; - } - - &.ui-state-active { - background-color: $accentColor; - color: $accentTextColor; - } - } - } - - .ui-togglebutton { - &:not(.ui-state-active):not(.ui-state-disabled):hover { - background-color: $primaryDarkColor; - } - - &.ui-state-active { - background-color: $accentColor; - color: $accentTextColor; - } - } - - .ui-splitbutton { - @include border-radius($borderRadius + 1); - -moz-box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0 rgba(0, 0, 0, 0.16); - -webkit-box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0 rgba(0, 0, 0, 0.16); - box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0 rgba(0, 0, 0, 0.16); - - > .ui-button { - @include no-shadow(); - - &:active { - background-color: lighten($primaryColor,10%); - } - } - - .ui-splitbutton-menubutton { - height: 2.25em; - @include border-radius-left(0); - @include border-radius-right($borderRadius); - } - } - - .ui-fluid { - .ui-splitbutton { - .ui-button:first-child { - width: calc(100% - 2em); - } - } - } - - .ui-chkbox { - display: inline-block; - vertical-align: middle; - line-height: 1.25em; - width: 1.25em; - height: 1.25em; - cursor: default; - - .ui-chkbox-box { - border: 2px solid #757575; - width: 1.25em; - height: 1.25em; - @include transition(background-color .3s); - - .ui-chkbox-icon { - font-size: 1.25em; - margin-left: -2px; - margin-top: -1px; - } - - &.ui-state-active { - border-color: $primaryColor; - background-color: $primaryColor; - } - - &.ui-state-focus { - border-color: $primaryColor; - @include content-shadow(); - @include transition(box-shadow .3s,background-color .3s); - } - } - } - - .ui-radiobutton { - position: relative; - margin: 0 .25em 0 0; - vertical-align: middle; - - .ui-radiobutton-box { - border: 2px solid #757575; - width: 1.25em; - height: 1.25em; - @include transition(box-shadow .3s); - @include border-radius(50%); - - &.ui-state-focus { - border-color: $primaryColor; - @include content-shadow(); - @include transition(box-shadow .3s,background-color .3s); - } - - &.ui-state-active { - border-color: $primaryColor; - background-color: transparent; - } - - .ui-radiobutton-icon { - display: block; - box-sizing: border-box; - @include border-radius(50%); - font-size: 1em; - transition: -webkit-transform ease .28s; - transition: transform ease .28s; - -webkit-transform: scale(0); - transform: scale(0); - } - - .fa-circle { - background-color: $primaryColor; - -webkit-transform: scale(0.5); - transform: scale(0.5); - } - } - } - - .ui-autocomplete-panel { - @include border-radius(0); - - &.ui-shadow { - @include overlay-input-shadow(); - } - - .ui-autocomplete-list { - padding: 0; - - .ui-autocomplete-list-item { - @include transition(background-color .3s); - font-size: $inputOptionFontSize; - padding: $inputOptionPadding; - @include border-radius(0); - color: $textColor; - - .ui-autocomplete-query { - font-weight: 700; - } - - &.ui-state-highlight { - color: $accentTextColor; - } - } - - .ui-autocomplete-group { - padding: $inputOptionPadding; - } - } - } - - .ui-autocomplete { - .ui-autocomplete-dropdown { - &.ui-button.ui-button-icon-only { - background-color: transparent; - @include no-shadow(); - height: 1.5em; - width: 1.5em; - padding: 0; - right: 0; - bottom: 0; - margin-right: 0; - position: absolute; - - .ui-button-text { - display: none; - } - - .fa { - color: $textSecondaryColor; - } - } - } - - &.ui-autocomplete-multiple { - .ui-autocomplete-multiple-container { - &.ui-inputtext { - box-sizing: border-box; - padding: 2px 2px 1px 2px; - } - - &.ui-state-focus { - padding-bottom: 0; - } - - &.ui-state-disabled { - border-bottom: 1px dotted; - } - } - - .ui-autocomplete-input-token { - float: none; - display: inline-block; - margin: 0 1px; - vertical-align: middle; - - > input { - padding: 0; - font-size: $fontSize; - margin: 0; - vertical-align: bottom; - } - } - - .ui-autocomplete-token { - display: inline-block; - float: none; - vertical-align: middle; - font-size: 1em; - - .ui-autocomplete-token-label { - display: inline-block; - vertical-align: middle; - } - } - - .ui-autocomplete-dropdown { - top: .75em; - } - } - } - - .ui-fluid { - .ui-autocomplete { - &.ui-autocomplete-dd { - > .ui-inputtext { - width: 100%; - } - } - } - } - - .ui-dropdown { - border-bottom: 1px solid #bdbdbd; - box-sizing: border-box; - @include border-radius(0); - @include transition(border-color .3s); - - .ui-dropdown-trigger { - height: 1.5em; - width: 1.5em; - margin-top: 0; - padding: 0; - top: 0; - margin-right: 0; - - .fa { - color: $textSecondaryColor; - margin-top: 0; - margin-left: 0; - } - } - - .ui-dropdown-label { - &.ui-inputtext { - font: $inputFontSize "Roboto","Helvetica Neue",sans-serif; - } - } - - &.ui-state-focus { - border-bottom: 2px solid $primaryColor; - - .ui-dropdown-label { - padding-bottom: 0; - } - } - } - - .ui-dropdown-panel { - @include border-radius(0); - - .ui-dropdown-list { - padding: 0; - } - - .ui-dropdown-item { - margin: 0; - font-size: $inputOptionFontSize; - padding: $inputOptionPadding; - color: $textColor; - @include transition(background-color .3s); - @include border-radius(0); - - &:hover { - @include hover-element(); - } - - &.ui-state-highlight { - background-color: $accentColor; - color: $accentTextColor; - } - } - - &.ui-shadow { - @include overlay-input-shadow(); - } - - .ui-dropdown-filter-container { - display: block; - border-bottom: 1px solid #bdbdbd; - background-color: $primaryColor; - padding: $inputHeaderPadding; - - input { - color: #ffffff; - - &:focus { - border-bottom-color: #ffffff; - } - } - - .fa { - top: .325em; - right: .75em; - color: #ffffff; - } - } - } - - .ui-multiselect { - border-bottom: 1px solid #bdbdbd; - box-sizing: border-box; - @include border-radius(0); - @include transition(border-color .3s); - - .ui-multiselect-label-container { - padding-right: 1.5em; - - .ui-multiselect-label { - padding: 0px 2px 0px 2px; - } - } - - .ui-multiselect-trigger { - height: 1.5em; - width: 1.5em; - margin-top: 0; - padding: 0; - top: .063em; - - .fa { - color: $textSecondaryColor; - margin-top: auto; - margin-left: auto; - } - } - - &.ui-state-focus { - border-bottom: 2px solid $primaryColor; - } - } - - .ui-multiselect-panel.ui-widget { - padding: 0; - @include border-radius(0); - @include overlay-input-shadow(); - min-width: 12.5em; - - .ui-multiselect-header { - @include border-radius(0); - padding: $inputHeaderPadding; - position: relative; - - .ui-chkbox { - float: none; - margin: 0 .5em 0 -.125em; - position: static; - - .ui-chkbox-box { - border-color: #ffffff; - - .ui-chkbox-icon { - border-color: #ffffff; - } - - &.ui-state-active { - .ui-chkbox-icon { - border-color: #ffffff; - } - } - - &.ui-state-focus { - background-color: $primaryLightColor; - @include transition(background-color .3s); - } - } - } - - .ui-multiselect-filter-container { - width: 70%; - display: inline-block; - vertical-align: middle; - float: none; - margin-left: 0; - - .fa { - top: 0; - left: 0; - color: #ffffff; - } - - .ui-inputtext { - color: #ffffff; - padding-left: 1.5em; - width: 100%; - box-sizing: border-box; - - &:focus { - border-bottom-color: #ffffff; - } - } - } - - .ui-multiselect-close { - position: absolute; - right: .5em; - top: .625em; - height: 1.5em; - width: 1.5em; - - span { - color: #ffffff; - } - - &:hover { - background-color: $primaryLightColor; - @include border-radius(50%); - @include transition(background-color .3s); - } - } - } - - .ui-multiselect-item { - font-size: $inputOptionFontSize; - padding: $inputOptionPadding; - color: $textColor; - @include border-radius(0); - - &:not(.ui-state-highlight):hover { - @include hover-element(); - } - - &.ui-state-highlight { - color: $accentTextColor; - } - } - } - - .ui-spinner { - .ui-spinner-button { - width: 1em; - height: .75em; - padding: 0; - margin-right: .25em; - background-color: transparent; - color: $textColor; - z-index: auto; - @include no-shadow(); - - .fa-triangle-1-n { - color: $textColor; - } - - .fa-triangle-1-s { - color: $textColor; - } - - .fa { - top: 0px; - height: .5em; - color: $textSecondaryColor; - } - - &:enabled:hover, - &:active { - background-color: #ffffff; - } - } - - .ui-spinner-up { - .fa { - top: .25em; - } - } - - .ui-spinner-down { - .fa { - top: .167em; - } - } - - .ui-spinner-input { - padding-right: 30px; - } - } - - .ui-fluid { - .ui-spinner { - .ui-spinner-button { - width: 1em; - height: .75em; - - .fa { - left: auto; - } - } - } - } - - .ui-inputswitch { - height: 14px; - width: 34px !important; - overflow: visible; - background-color: rgb(158,158,158); - border-color: rgb(158,158,158); - @include border-radius(8px); - - .ui-inputswitch-handle { - top: -3px; - background-color: #ffffff; - @include border-radius(50%); - @include transition(background-color .3s); - width: 20px !important; - height: 20px !important; - -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px 0px, rgba(0, 0, 0, 0.137255) 0px 1px 1px 0px, rgba(0, 0, 0, 0.117647) 0px 2px 1px -1px; - -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px 0px, rgba(0, 0, 0, 0.137255) 0px 1px 1px 0px, rgba(0, 0, 0, 0.117647) 0px 2px 1px -1px; - box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px 0px, rgba(0, 0, 0, 0.137255) 0px 1px 1px 0px, rgba(0, 0, 0, 0.117647) 0px 2px 1px -1px; - } - - .ui-inputswitch-on { - visibility: hidden; - } - - .ui-inputswitch-off, .ui-inputswitch-on { - span { - visibility: hidden; - } - } - - &.ui-inputswitch-checked { - background-color: $accentLightColor; - border-color: $accentLightColor; - - .ui-inputswitch-handle { - background-color: $accentColor; - color: $accentTextColor; - } - } - } - - .ui-slider { - .ui-slider-handle { - background-color: $accentColor; - color: $accentTextColor; - @include border-radius(50%); - width: 1.25em; - height: 1.25em; - transform: scale(.7); - @include transition(all .4s cubic-bezier(.25,.8,.25,1)); - - &.ui-state-focus { - transform: scale(1); - } - - &:focus { - outline: 0 none; - } - } - - &.ui-slider-horizontal { - height: 2px; - border: 0 none; - background-color: #bdbdbd; - - .ui-slider-handle { - top: -.55em; - } - } - - &.ui-slider-vertical { - width: 2px; - border: 0 none; - background-color: #bdbdbd; - - .ui-slider-handle { - left: -.55em; - } - } - - .ui-slider-range { - background-color: $accentColor; - color: $accentTextColor; - } - - &:not(.ui-state-disabled) { - .ui-slider-handle { - &:hover { - transform: scale(1); - } - } - } - } - - .ui-calendar { - .ui-datepicker-trigger { - bottom: 2px; - right: 0; - background-color: transparent; - color: $textColor; - height: 1.5em; - width: 1.5em; - @include no-shadow(); - @include border-radius(0); - - .fa { - color: $textSecondaryColor; - } - - &:enabled:hover { - background-color: transparent; - } - } - } - - .ui-fluid { - .ui-calendar.ui-calendar-w-btn { - .ui-inputtext { - width: 100%; - } - } - } - - .ui-datepicker { - padding: 0; - width: 17.5em; - - &.ui-shadow { - @include overlay-input-shadow(); - } - - .ui-datepicker-header { - padding: $inputHeaderPadding; - font-size: $inputHeaderFontSize; - background: $primaryDarkColor; - border-color: $primaryDarkColor; - @include border-radius-top(2px); - @include border-radius-bottom(0); - - .ui-datepicker-prev { - cursor: pointer; - top: .4em; - left: .2em; - @include border-radius(50%); - @include material-icon("keyboard_arrow_left"); - @include transition(background-color .3s); - color: #ffffff; - - .fa { - display: none; - } - - &:hover { - background-color: $primaryLightColor; - } - } - - .ui-datepicker-next { - cursor: pointer; - top: .4em; - right: .2em; - @include material-icon("keyboard_arrow_right"); - @include border-radius(50%); - @include transition(background-color .3s); - color: #ffffff; - - .fa { - display: none; - } - - &:hover { - background-color: $primaryLightColor; - } - } - - select.ui-datepicker-month, - select.ui-datepicker-year { - font-size: $fontSize - 2; - } - } - - table { - table-layout: fixed; - border-spacing: 0; - border-collapse: collapse; - font-size: $fontSize - 2; - } - - thead { - tr { - color: #ffffff; - background: $primaryColor; - } - } - - tbody { - td { - padding: .25em .125em; - box-sizing: border-box; - - &.ui-datepicker-today { - a,span { - color: #ffffff; - background: lighten($primaryColor,20%); - - &.ui-state-active { - color: #ffffff; - background-color: $accentColor; - color: $accentTextColor; - } - } - } - - a,span { - padding: .25em; - margin: 0; - text-align: center; - color: $textColor; - display: inline-block; - height: 2.250em; - width: 2.250em; - @include border-radius(50%); - line-height: 1.8em; - - &.ui-state-active { - color: #ffffff; - background-color: $accentColor; - color: $accentTextColor; - } - - &:not(.ui-state-active):not(.ui-state-highlight):hover { - @include hover-element(); - } - } - } - } - - .ui-timepicker { - @include border-radius(0); - - > div { - a { - height: 1.5em; - - > span { - display: inline-block; - margin-bottom: .25em; - } - - .fa { - &.fa-angle-up { - @include rotate(0); - @include material-icon("keyboard_arrow_up"); - } - - &.fa-angle-down { - @include rotate(0); - @include material-icon("keyboard_arrow_down"); - } - } - } - } - } - } - - #ui-datepicker-div { - @include overlay-input-shadow(); - } - - .ui-rating { - min-height: 1.5em; - - .fa-ban { - @include material-icon("cancel"); - color: $textSecondaryColor; - } - - .fa-star { - @include material-icon("star"); - color: $textSecondaryColor; - } - - .fa-star-o { - @include material-icon("star_border"); - color: $textSecondaryColor; - } - } - - .ui-chips { - > ul.ui-inputtext { - padding: 2px 2px 1px 2px; - - &.ui-state-disabled { - border-bottom: 1px dotted; - } - - &.ui-state-focus { - padding-bottom: 0; - } - - .ui-chips-input-token { - padding-bottom: 2px; - - > input { - padding: 0; - font-size: $fontSize; - margin: 0; - vertical-align: bottom; - } - - input:disabled { - width: 0; - } - } - - .ui-chips-token { - display: inline-block; - float: none; - vertical-align: middle; - font-size: 1em; - - .ui-chips-token-label { - display: inline-block; - vertical-align: middle; - } - } - } - } - - .ui-password-panel { - &.ui-shadow { - @include overlay-input-shadow(); - } - } - - .ui-fileupload { - .ui-fileupload-buttonbar { - padding: $headerPadding; - - .fa-arrowreturnthick-1-n { - @include icon_override('file_upload'); - } - - .ui-button { - background-color: $accentColor; - - &:enabled:hover { - background-color: $accentDarkColor; - } - } - } - - .ui-fileupload-content { - .ui-messages-error { - .fa { - color: #ffffff; - } - } - } - } - - .ui-editor-container { - .ui-editor-toolbar { - background-color: #e8e8e8; - } - - .ql-picker.ql-expanded { - .ql-picker-label { - color: #444444; - } - } - } - - /* Validation */ - .ui-inputtext.ng-dirty.ng-invalid, - p-dropdown.ng-dirty.ng-invalid > .ui-dropdown, - p-autocomplete.ng-dirty.ng-invalid > .ui-autocomplete > .ui-inputtext, - p-calendar.ng-dirty.ng-invalid > .ui-inputtext, - p-inputmask.ng-dirty.ng-invalid > .ui-inputtext, - p-checkbox.ng-dirty.ng-invalid .ui-chkbox-box, - p-radiobutton.ng-dirty.ng-invalid .ui-radiobutton-box, - p-inputswitch.ng-dirty.ng-invalid .ui-inputswitch, - p-listbox.ng-dirty.ng-invalid .ui-inputtext, - p-multiselect.ng-dirty.ng-invalid > .ui-multiselect, - p-spinner.ng-dirty.ng-invalid > .ui-inputtext, - p-selectbutton.ng-dirty.ng-invalid .ui-button, - p-togglebutton.ng-dirty.ng-invalid .ui-button { - border-bottom-color: $invalidInputBorderColor; - } -} - -@media (max-width: 640px) { - body { - .ui-buttonset { - > .ui-button { - display: block; - @include border-radius(0); - - &:first-child { - @include border-radius-top($borderRadius); - } - - &:last-child { - @include border-radius-bottom($borderRadius); - } - } - } - .ui-splitbutton { - > .ui-button { - display: inline-block; - - &:first-child { - @include border-radius-top(0); - } - - &:last-child { - @include border-radius-bottom(0); - } - } - } - } -} \ No newline at end of file diff --git a/src/assets/sass/theme/_icons.scss b/src/assets/sass/theme/_icons.scss deleted file mode 100644 index c050b813..00000000 --- a/src/assets/sass/theme/_icons.scss +++ /dev/null @@ -1,1041 +0,0 @@ -.fa-sort {@include icon-override("sort");} -.fa-sort-asc {@include icon-override("keyboard_arrow_up");} -.fa-sort-desc {@include icon-override("keyboard_arrow_down");} -.fa-angle-up {@include icon-override("play_arrow"); @include rotate(-90deg);} -.fa-angle-double-up { @include icon-override("skip_next"); @include rotate(-90deg);} -.fa-angle-down {@include icon-override("play_arrow"); @include rotate(90deg);} -.fa-angle-double-down {@include icon-override("skip_previous"); @include rotate(-90deg);} -.fa-angle-right {@include icon-override("play_arrow");} -.fa-angle-double-right {@include icon-override("fast_forward");} -.fa-angle-left {@include icon-override("play_arrow"); @include rotate(180deg);} -.fa-angle-double-left {@include icon-override("fast_rewind");} -.fa-check {@include icon-override("check");} -.fa-caret-up {@include icon-override("keyboard_arrow_up");} -.fa-caret-down {@include icon-override("keyboard_arrow_down");} -.fa-caret-right {@include icon-override("keyboard_arrow_right");} -.fa-caret-left {@include icon-override("keyboard_arrow_left");} -.fa-search {@include icon-override("search");} -.fa-close {@include icon-override("close");} -.fa-minus {@include icon-override("remove");} -.fa-plus {@include icon-override("add");} -.fa-check {@include icon-override("check");} -.fa-info-circle {@include icon-override("info");} -.fa-upload {@include icon-override("file_upload");} -.fa-chevron-circle-left {@include icon-override("keyboard_arrow_left");} -.fa-chevron-circle-right {@include icon-override("keyboard_arrow_right");} -.fa-chevron-circle-down {@include icon-override("keyboard_arrow_down");} -.fa-chevron-circle-up {@include icon-override("keyboard_arrow_up");} -.fa-home {@include icon-override("home");} -.fa-chevron-right {@include icon-override("chevron_right");} -.fa-chevron-left {@include icon-override("chevron_left");} -.fa-circle-o{@include icon-override("radio_button_unchecked");} -.fa-dot-circle-o{@include icon-override("radio_button_checked");} -.fa-arrow-circle-right {@include icon-override("play_circle_outline"); } -.fa-arrow-circle-left {@include icon-override("play_circle_outline"); @include rotate(180deg);} -.fa-calendar { @include icon-override("date_range"); } -.fa-arrow-down{ @include icon-override("arrow_downward"); } -.fa-arrow-up { @include icon-override("arrow_upward"); } - -.ui-icon-carat-2-n-s {@include icon-override("sort");} -.ui-icon-triangle-1-n { @include icon-override("keyboard_arrow_up"); } -.ui-icon-triangle-1-e { @include icon-override("keyboard_arrow_right"); } -.ui-icon-triangle-1-s { @include icon-override("keyboard_arrow_down"); } -.ui-icon-triangle-1-w { @include icon-override("keyboard_arrow_left"); } -.ui-icon-carat-1-n { @include icon-override("keyboard_arrow_up"); } -.ui-icon-carat-1-e { @include icon-override("keyboard_arrow_right"); } -.ui-icon-carat-1-s { @include icon-override("keyboard_arrow_down"); } -.ui-icon-carat-1-w { @include icon-override("keyboard_arrow_left"); } -.ui-icon-arrow-1-n { @include icon-override("play_arrow"); @include rotate(-90deg);} -.ui-icon-arrowstop-1-n { @include icon-override("skip_next"); @include rotate(-90deg);} -.ui-icon-arrow-1-s { @include icon-override("play_arrow"); @include rotate(90deg);} -.ui-icon-arrowstop-1-s { @include icon-override("skip_previous"); @include rotate(-90deg);} -.ui-icon-arrow-1-w { @include icon-override("play_arrow"); @include rotate(180deg);} -.ui-icon-arrowstop-1-w { @include icon-override("fast_rewind"); } -.ui-icon-arrow-1-e { @include icon-override("play_arrow"); } -.ui-icon-arrowstop-1-e { @include icon-override("fast_forward"); } -.ui-icon-arrowthick-1-s { @include icon-override("play_arrow"); @include rotate(90deg);} -.ui-icon-arrowthick-1-n { @include icon-override("play_arrow"); @include rotate(-90deg);} -.ui-icon-circle-triangle-e {@include icon-override("play_circle_outline"); } -.ui-icon-circle-triangle-w {@include icon-override("play_circle_outline"); @include rotate(180deg);} -.ui-icon-circle-triangle-s {@include icon-override("play_circle_outline"); @include rotate(90deg);} -.ui-icon-radio-off {@include icon-override("radio_button_unchecked");} -.ui-icon-radio-on {@include icon-override("radio_button_checked");} -.ui-icon-folder-collapsed {@include icon-override("folder");} -.ui-icon-document {@include icon-override("content_paste");} -.ui-icon-video {@include icon-override("movie");} -.ui-icon-music {@include icon-override("music_note");} -.ui-icon-plus {@include icon-override("add");} -.ui-icon-minus {@include icon-override("remove");} -.ui-icon-plusthick {@include icon-override("add");} -.ui-icon-minusthick {@include icon-override("remove");} -.ui-icon-pencil {@include icon-override("edit");} -.ui-icon-closethick { @include icon-override("close"); } -.ui-icon-circle-close { @include icon-override("cancel"); } -.ui-icon-gear { @include icon-override("settings"); } -.ui-icon-calendar { @include icon-override("date_range"); } -.ui-icon-trash { @include icon-override("delete_forever"); } -.ui-icon-notice { @include icon-override("error_outline"); } -.ui-icon-alert { @include icon-override("warning"); } -.ui-icon-circle-zoomin { @include icon-override("zoom_in"); } -.ui-icon-circle-zoomout { @include icon-override("zoom_out"); } -.ui-icon-circle-arrow-e { @include icon-override("play_circle_outline"); } -.ui-icon-circle-arrow-w { @include icon-override("play_circle_outline"); @include rotate(180deg); } - -.ui-icon-3d-rotation { @include icon-override("3d_rotation"); } -.ui-icon-ac-unit { @include icon-override("ac_unit"); } -.ui-icon-access-alarm { @include icon-override("access_alarm"); } -.ui-icon-access-alarms { @include icon-override("access_alarms"); } -.ui-icon-access-time { @include icon-override("access_time"); } -.ui-icon-accessibility { @include icon-override("accessibility"); } -.ui-icon-accessible { @include icon-override("accessible"); } -.ui-icon-account-balance { @include icon-override("account_balance"); } -.ui-icon-account-balance-wallet { @include icon-override("account_balance_wallet"); } -.ui-icon-account-box { @include icon-override("account_box"); } -.ui-icon-account-circle { @include icon-override("account_circle"); } -.ui-icon-add { @include icon-override("add"); } -.ui-icon-add-a-photo { @include icon-override("add_a_photo"); } -.ui-icon-add-alarm { @include icon-override("add_alarm"); } -.ui-icon-add-alert { @include icon-override("add_alert"); } -.ui-icon-add-box { @include icon-override("add_box"); } -.ui-icon-add-circle { @include icon-override("add_circle"); } -.ui-icon-add-circle-outline { @include icon-override("add_circle_outline"); } -.ui-icon-add-location { @include icon-override("add_location"); } -.ui-icon-add-shopping-cart { @include icon-override("add_shopping_cart"); } -.ui-icon-add-to-photos { @include icon-override("add_to_photos"); } -.ui-icon-add-to-queue { @include icon-override("add_to_queue"); } -.ui-icon-adjust { @include icon-override("adjust"); } -.ui-icon-airline-seat-flat { @include icon-override("airline_seat_flat"); } -.ui-icon-airline-seat-flat-angled { @include icon-override("airline_seat_flat_angled"); } -.ui-icon-airline-seat-individual-suite { @include icon-override("airline_seat_individual_suite"); } -.ui-icon-airline-seat-legroom-extra { @include icon-override("airline_seat_legroom_extra"); } -.ui-icon-airline-seat-legroom-normal { @include icon-override("airline_seat_legroom_normal"); } -.ui-icon-airline-seat-legroom-reduced { @include icon-override("airline_seat_legroom_reduced"); } -.ui-icon-airline-seat-recline-extra { @include icon-override("airline_seat_recline_extra"); } -.ui-icon-airline-seat-recline-normal { @include icon-override("airline_seat_recline_normal"); } -.ui-icon-airplanemode-active { @include icon-override("airplanemode_active"); } -.ui-icon-airplanemode-inactive { @include icon-override("airplanemode_inactive"); } -.ui-icon-airplay { @include icon-override("airplay"); } -.ui-icon-airport-shuttle { @include icon-override("airport_shuttle"); } -.ui-icon-alarm { @include icon-override("alarm"); } -.ui-icon-alarm-add { @include icon-override("alarm_add"); } -.ui-icon-alarm-off { @include icon-override("alarm_off"); } -.ui-icon-alarm-on { @include icon-override("alarm_on"); } -.ui-icon-album { @include icon-override("album"); } -.ui-icon-all-inclusive { @include icon-override("all_inclusive"); } -.ui-icon-all-out { @include icon-override("all_out"); } -.ui-icon-android { @include icon-override("android"); } -.ui-icon-announcement { @include icon-override("announcement"); } -.ui-icon-apps { @include icon-override("apps"); } -.ui-icon-archive { @include icon-override("archive"); } -.ui-icon-arrow-back { @include icon-override("arrow_back"); } -.ui-icon-arrow-downward { @include icon-override("arrow_downward"); } -.ui-icon-arrow-drop-down { @include icon-override("arrow_drop_down"); } -.ui-icon-arrow-drop-down-circle { @include icon-override("arrow_drop_down_circle"); } -.ui-icon-arrow-drop-up { @include icon-override("arrow_drop_up"); } -.ui-icon-arrow-forward { @include icon-override("arrow_forward"); } -.ui-icon-arrow-upward { @include icon-override("arrow_upward"); } -.ui-icon-art-track { @include icon-override("art_track"); } -.ui-icon-aspect-ratio { @include icon-override("aspect_ratio"); } -.ui-icon-assessment { @include icon-override("assessment"); } -.ui-icon-assignment { @include icon-override("assignment"); } -.ui-icon-assignment-ind { @include icon-override("assignment_ind"); } -.ui-icon-assignment-late { @include icon-override("assignment_late"); } -.ui-icon-assignment-return { @include icon-override("assignment_return"); } -.ui-icon-assignment-returned { @include icon-override("assignment_returned"); } -.ui-icon-assignment-turned-in { @include icon-override("assignment_turned_in"); } -.ui-icon-assistant { @include icon-override("assistant"); } -.ui-icon-assistant-photo { @include icon-override("assistant_photo"); } -.ui-icon-attach-file { @include icon-override("attach_file"); } -.ui-icon-attach-money { @include icon-override("attach_money"); } -.ui-icon-attachment { @include icon-override("attachment"); } -.ui-icon-audiotrack { @include icon-override("audiotrack"); } -.ui-icon-autorenew { @include icon-override("autorenew"); } -.ui-icon-av-timer { @include icon-override("av_timer"); } -.ui-icon-backspace { @include icon-override("backspace"); } -.ui-icon-backup { @include icon-override("backup"); } -.ui-icon-battery-alert { @include icon-override("battery_alert"); } -.ui-icon-battery-charging-full { @include icon-override("battery_charging_full"); } -.ui-icon-battery-full { @include icon-override("battery_full"); } -.ui-icon-battery-std { @include icon-override("battery_std"); } -.ui-icon-battery-unknown { @include icon-override("battery_unknown"); } -.ui-icon-beach-access { @include icon-override("beach_access"); } -.ui-icon-beenhere { @include icon-override("beenhere"); } -.ui-icon-block { @include icon-override("block"); } -.ui-icon-bluetooth { @include icon-override("bluetooth"); } -.ui-icon-bluetooth-audio { @include icon-override("bluetooth_audio"); } -.ui-icon-bluetooth-connected { @include icon-override("bluetooth_connected"); } -.ui-icon-bluetooth-disabled { @include icon-override("bluetooth_disabled"); } -.ui-icon-bluetooth-searching { @include icon-override("bluetooth_searching"); } -.ui-icon-blur-circular { @include icon-override("blur_circular"); } -.ui-icon-blur-linear { @include icon-override("blur_linear"); } -.ui-icon-blur-off { @include icon-override("blur_off"); } -.ui-icon-blur-on { @include icon-override("blur_on"); } -.ui-icon-book { @include icon-override("book"); } -.ui-icon-bookmark { @include icon-override("bookmark"); } -.ui-icon-bookmark-border { @include icon-override("bookmark_border"); } -.ui-icon-border-all { @include icon-override("border_all"); } -.ui-icon-border-bottom { @include icon-override("border_bottom"); } -.ui-icon-border-clear { @include icon-override("border_clear"); } -.ui-icon-border-color { @include icon-override("border_color"); } -.ui-icon-border-horizontal { @include icon-override("border_horizontal"); } -.ui-icon-border-inner { @include icon-override("border_inner"); } -.ui-icon-border-left { @include icon-override("border_left"); } -.ui-icon-border-outer { @include icon-override("border_outer"); } -.ui-icon-border-right { @include icon-override("border_right"); } -.ui-icon-border-style { @include icon-override("border_style"); } -.ui-icon-border-top { @include icon-override("border_top"); } -.ui-icon-border-vertical { @include icon-override("border_vertical"); } -.ui-icon-branding-watermark { @include icon-override("branding_watermark"); } -.ui-icon-brightness-1 { @include icon-override("brightness_1"); } -.ui-icon-brightness-2 { @include icon-override("brightness_2"); } -.ui-icon-brightness-3 { @include icon-override("brightness_3"); } -.ui-icon-brightness-4 { @include icon-override("brightness_4"); } -.ui-icon-brightness-5 { @include icon-override("brightness_5"); } -.ui-icon-brightness-6 { @include icon-override("brightness_6"); } -.ui-icon-brightness-7 { @include icon-override("brightness_7"); } -.ui-icon-brightness-auto { @include icon-override("brightness_auto"); } -.ui-icon-brightness-high { @include icon-override("brightness_high"); } -.ui-icon-brightness-low { @include icon-override("brightness_low"); } -.ui-icon-brightness-medium { @include icon-override("brightness_medium"); } -.ui-icon-broken-image { @include icon-override("broken_image"); } -.ui-icon-brush { @include icon-override("brush"); } -.ui-icon-bubble-chart { @include icon-override("bubble_chart"); } -.ui-icon-bug-report { @include icon-override("bug_report"); } -.ui-icon-build { @include icon-override("build"); } -.ui-icon-burst-mode { @include icon-override("burst_mode"); } -.ui-icon-business { @include icon-override("business"); } -.ui-icon-business-center { @include icon-override("business_center"); } -.ui-icon-cached { @include icon-override("cached"); } -.ui-icon-cake { @include icon-override("cake"); } -.ui-icon-call { @include icon-override("call"); } -.ui-icon-call-end { @include icon-override("call_end"); } -.ui-icon-call-made { @include icon-override("call_made"); } -.ui-icon-call-merge { @include icon-override("call_merge"); } -.ui-icon-call-missed { @include icon-override("call_missed"); } -.ui-icon-call-missed-outgoing { @include icon-override("call_missed_outgoing"); } -.ui-icon-call-received { @include icon-override("call_received"); } -.ui-icon-call-split { @include icon-override("call_split"); } -.ui-icon-call-to-action { @include icon-override("call_to_action"); } -.ui-icon-camera { @include icon-override("camera"); } -.ui-icon-camera-alt { @include icon-override("camera_alt"); } -.ui-icon-camera-enhance { @include icon-override("camera_enhance"); } -.ui-icon-camera-front { @include icon-override("camera_front"); } -.ui-icon-camera-rear { @include icon-override("camera_rear"); } -.ui-icon-camera-roll { @include icon-override("camera_roll"); } -.ui-icon-cancel { @include icon-override("cancel"); } -.ui-icon-card-giftcard { @include icon-override("card_giftcard"); } -.ui-icon-card-membership { @include icon-override("card_membership"); } -.ui-icon-card-travel { @include icon-override("card_travel"); } -.ui-icon-casino { @include icon-override("casino"); } -.ui-icon-cast { @include icon-override("cast"); } -.ui-icon-cast-connected { @include icon-override("cast_connected"); } -.ui-icon-center-focus-strong { @include icon-override("center_focus_strong"); } -.ui-icon-center-focus-weak { @include icon-override("center_focus_weak"); } -.ui-icon-change-history { @include icon-override("change_history"); } -.ui-icon-chat { @include icon-override("chat"); } -.ui-icon-chat-bubble { @include icon-override("chat_bubble"); } -.ui-icon-chat-bubble-outline { @include icon-override("chat_bubble_outline"); } -.ui-icon-check { @include icon-override("check"); } -.ui-icon-check-box { @include icon-override("check_box"); } -.ui-icon-check-box-outline-blank { @include icon-override("check_box_outline_blank"); } -.ui-icon-check-circle { @include icon-override("check_circle"); } -.ui-icon-chevron-left { @include icon-override("chevron_left"); } -.ui-icon-chevron-right { @include icon-override("chevron_right"); } -.ui-icon-child-care { @include icon-override("child_care"); } -.ui-icon-child-friendly { @include icon-override("child_friendly"); } -.ui-icon-chrome-reader-mode { @include icon-override("chrome_reader_mode"); } -.ui-icon-class { @include icon-override("class"); } -.ui-icon-clear { @include icon-override("clear"); } -.ui-icon-clear-all { @include icon-override("clear_all"); } -.ui-icon-close { @include icon-override("close"); } -.ui-icon-closed-caption { @include icon-override("closed_caption"); } -.ui-icon-cloud { @include icon-override("cloud"); } -.ui-icon-cloud-circle { @include icon-override("cloud_circle"); } -.ui-icon-cloud-done { @include icon-override("cloud_done"); } -.ui-icon-cloud-download { @include icon-override("cloud_download"); } -.ui-icon-cloud-off { @include icon-override("cloud_off"); } -.ui-icon-cloud-queue { @include icon-override("cloud_queue"); } -.ui-icon-cloud-upload { @include icon-override("cloud_upload"); } -.ui-icon-code { @include icon-override("code"); } -.ui-icon-collections { @include icon-override("collections"); } -.ui-icon-collections-bookmark { @include icon-override("collections_bookmark"); } -.ui-icon-color-lens { @include icon-override("color_lens"); } -.ui-icon-colorize { @include icon-override("colorize"); } -.ui-icon-comment { @include icon-override("comment"); } -.ui-icon-compare { @include icon-override("compare"); } -.ui-icon-compare-arrows { @include icon-override("compare_arrows"); } -.ui-icon-computer { @include icon-override("computer"); } -.ui-icon-confirmation-number { @include icon-override("confirmation_number"); } -.ui-icon-contact-mail { @include icon-override("contact_mail"); } -.ui-icon-contact-phone { @include icon-override("contact_phone"); } -.ui-icon-contacts { @include icon-override("contacts"); } -.ui-icon-content-copy { @include icon-override("content_copy"); } -.ui-icon-content-cut { @include icon-override("content_cut"); } -.ui-icon-content-paste { @include icon-override("content_paste"); } -.ui-icon-control-point { @include icon-override("control_point"); } -.ui-icon-control-point-duplicate { @include icon-override("control_point_duplicate"); } -.ui-icon-copyright { @include icon-override("copyright"); } -.ui-icon-create { @include icon-override("create"); } -.ui-icon-create-new-folder { @include icon-override("create_new_folder"); } -.ui-icon-credit-card { @include icon-override("credit_card"); } -.ui-icon-crop { @include icon-override("crop"); } -.ui-icon-crop-16-9 { @include icon-override("crop_16_9"); } -.ui-icon-crop-3-2 { @include icon-override("crop_3_2"); } -.ui-icon-crop-5-4 { @include icon-override("crop_5_4"); } -.ui-icon-crop-7-5 { @include icon-override("crop_7_5"); } -.ui-icon-crop-din { @include icon-override("crop_din"); } -.ui-icon-crop-free { @include icon-override("crop_free"); } -.ui-icon-crop-landscape { @include icon-override("crop_landscape"); } -.ui-icon-crop-original { @include icon-override("crop_original"); } -.ui-icon-crop-portrait { @include icon-override("crop_portrait"); } -.ui-icon-crop-rotate { @include icon-override("crop_rotate"); } -.ui-icon-crop-square { @include icon-override("crop_square"); } -.ui-icon-dashboard { @include icon-override("dashboard"); } -.ui-icon-data-usage { @include icon-override("data_usage"); } -.ui-icon-date-range { @include icon-override("date_range"); } -.ui-icon-dehaze { @include icon-override("dehaze"); } -.ui-icon-delete { @include icon-override("delete"); } -.ui-icon-delete-forever { @include icon-override("delete_forever"); } -.ui-icon-delete-sweep { @include icon-override("delete_sweep"); } -.ui-icon-description { @include icon-override("description"); } -.ui-icon-desktop-mac { @include icon-override("desktop_mac"); } -.ui-icon-desktop-windows { @include icon-override("desktop_windows"); } -.ui-icon-details { @include icon-override("details"); } -.ui-icon-developer-board { @include icon-override("developer_board"); } -.ui-icon-developer-mode { @include icon-override("developer_mode"); } -.ui-icon-device-hub { @include icon-override("device_hub"); } -.ui-icon-devices { @include icon-override("devices"); } -.ui-icon-devices-other { @include icon-override("devices_other"); } -.ui-icon-dialer-sip { @include icon-override("dialer_sip"); } -.ui-icon-dialpad { @include icon-override("dialpad"); } -.ui-icon-directions { @include icon-override("directions"); } -.ui-icon-directions-bike { @include icon-override("directions_bike"); } -.ui-icon-directions-boat { @include icon-override("directions_boat"); } -.ui-icon-directions-bus { @include icon-override("directions_bus"); } -.ui-icon-directions-car { @include icon-override("directions_car"); } -.ui-icon-directions-railway { @include icon-override("directions_railway"); } -.ui-icon-directions-run { @include icon-override("directions_run"); } -.ui-icon-directions-subway { @include icon-override("directions_subway"); } -.ui-icon-directions-transit { @include icon-override("directions_transit"); } -.ui-icon-directions-walk { @include icon-override("directions_walk"); } -.ui-icon-disc-full { @include icon-override("disc_full"); } -.ui-icon-dns { @include icon-override("dns"); } -.ui-icon-do-not-disturb { @include icon-override("do_not_disturb"); } -.ui-icon-do-not-disturb-alt { @include icon-override("do_not_disturb_alt"); } -.ui-icon-do-not-disturb-off { @include icon-override("do_not_disturb_off"); } -.ui-icon-do-not-disturb-on { @include icon-override("do_not_disturb_on"); } -.ui-icon-dock { @include icon-override("dock"); } -.ui-icon-domain { @include icon-override("domain"); } -.ui-icon-done { @include icon-override("done"); } -.ui-icon-done-all { @include icon-override("done_all"); } -.ui-icon-donut-large { @include icon-override("donut_large"); } -.ui-icon-donut-small { @include icon-override("donut_small"); } -.ui-icon-drafts { @include icon-override("drafts"); } -.ui-icon-drag-handle { @include icon-override("drag_handle"); } -.ui-icon-drive-eta { @include icon-override("drive_eta"); } -.ui-icon-dvr { @include icon-override("dvr"); } -.ui-icon-edit { @include icon-override("edit"); } -.ui-icon-edit-location { @include icon-override("edit_location"); } -.ui-icon-eject { @include icon-override("eject"); } -.ui-icon-email { @include icon-override("email"); } -.ui-icon-enhanced-encryption { @include icon-override("enhanced_encryption"); } -.ui-icon-equalizer { @include icon-override("equalizer"); } -.ui-icon-error { @include icon-override("error"); } -.ui-icon-error-outline { @include icon-override("error_outline"); } -.ui-icon-euro-symbol { @include icon-override("euro_symbol"); } -.ui-icon-ev-station { @include icon-override("ev_station"); } -.ui-icon-event { @include icon-override("event"); } -.ui-icon-event-available { @include icon-override("event_available"); } -.ui-icon-event-busy { @include icon-override("event_busy"); } -.ui-icon-event-note { @include icon-override("event_note"); } -.ui-icon-event-seat { @include icon-override("event_seat"); } -.ui-icon-exit-to-app { @include icon-override("exit_to_app"); } -.ui-icon-expand-less { @include icon-override("expand_less"); } -.ui-icon-expand-more { @include icon-override("expand_more"); } -.ui-icon-explicit { @include icon-override("explicit"); } -.ui-icon-explore { @include icon-override("explore"); } -.ui-icon-exposure { @include icon-override("exposure"); } -.ui-icon-exposure-neg-1 { @include icon-override("exposure_neg_1"); } -.ui-icon-exposure-neg-2 { @include icon-override("exposure_neg_2"); } -.ui-icon-exposure-plus-1 { @include icon-override("exposure_plus_1"); } -.ui-icon-exposure-plus-2 { @include icon-override("exposure_plus_2"); } -.ui-icon-exposure-zero { @include icon-override("exposure_zero"); } -.ui-icon-extension { @include icon-override("extension"); } -.ui-icon-face { @include icon-override("face"); } -.ui-icon-fast-forward { @include icon-override("fast_forward"); } -.ui-icon-fast-rewind { @include icon-override("fast_rewind"); } -.ui-icon-favorite { @include icon-override("favorite"); } -.ui-icon-favorite-border { @include icon-override("favorite_border"); } -.ui-icon-featured-play-list { @include icon-override("featured_play_list"); } -.ui-icon-featured-video { @include icon-override("featured_video"); } -.ui-icon-feedback { @include icon-override("feedback"); } -.ui-icon-fiber-dvr { @include icon-override("fiber_dvr"); } -.ui-icon-fiber-manual-record { @include icon-override("fiber_manual_record"); } -.ui-icon-fiber-new { @include icon-override("fiber_new"); } -.ui-icon-fiber-pin { @include icon-override("fiber_pin"); } -.ui-icon-fiber-smart-record { @include icon-override("fiber_smart_record"); } -.ui-icon-file-download { @include icon-override("file_download"); } -.ui-icon-file-upload { @include icon-override("file_upload"); } -.ui-icon-filter { @include icon-override("filter"); } -.ui-icon-filter-1 { @include icon-override("filter_1"); } -.ui-icon-filter-2 { @include icon-override("filter_2"); } -.ui-icon-filter-3 { @include icon-override("filter_3"); } -.ui-icon-filter-4 { @include icon-override("filter_4"); } -.ui-icon-filter-5 { @include icon-override("filter_5"); } -.ui-icon-filter-6 { @include icon-override("filter_6"); } -.ui-icon-filter-7 { @include icon-override("filter_7"); } -.ui-icon-filter-8 { @include icon-override("filter_8"); } -.ui-icon-filter-9 { @include icon-override("filter_9"); } -.ui-icon-filter-9-plus { @include icon-override("filter_9_plus"); } -.ui-icon-filter-b-and-w { @include icon-override("filter_b_and_w"); } -.ui-icon-filter-center-focus { @include icon-override("filter_center_focus"); } -.ui-icon-filter-drama { @include icon-override("filter_drama"); } -.ui-icon-filter-frames { @include icon-override("filter_frames"); } -.ui-icon-filter-hdr { @include icon-override("filter_hdr"); } -.ui-icon-filter-list { @include icon-override("filter_list"); } -.ui-icon-filter-none { @include icon-override("filter_none"); } -.ui-icon-filter-tilt-shift { @include icon-override("filter_tilt_shift"); } -.ui-icon-filter-vintage { @include icon-override("filter_vintage"); } -.ui-icon-find-in-page { @include icon-override("find_in_page"); } -.ui-icon-find-replace { @include icon-override("find_replace"); } -.ui-icon-fingerprint { @include icon-override("fingerprint"); } -.ui-icon-first-page { @include icon-override("first_page"); } -.ui-icon-fitness-center { @include icon-override("fitness_center"); } -.ui-icon-flag { @include icon-override("flag"); } -.ui-icon-flare { @include icon-override("flare"); } -.ui-icon-flash-auto { @include icon-override("flash_auto"); } -.ui-icon-flash-off { @include icon-override("flash_off"); } -.ui-icon-flash-on { @include icon-override("flash_on"); } -.ui-icon-flight { @include icon-override("flight"); } -.ui-icon-flight-land { @include icon-override("flight_land"); } -.ui-icon-flight-takeoff { @include icon-override("flight_takeoff"); } -.ui-icon-flip { @include icon-override("flip"); } -.ui-icon-flip-to-back { @include icon-override("flip_to_back"); } -.ui-icon-flip-to-front { @include icon-override("flip_to_front"); } -.ui-icon-folder { @include icon-override("folder"); } -.ui-icon-folder-open { @include icon-override("folder_open"); } -.ui-icon-folder-shared { @include icon-override("folder_shared"); } -.ui-icon-folder-special { @include icon-override("folder_special"); } -.ui-icon-font-download { @include icon-override("font_download"); } -.ui-icon-format-align-center { @include icon-override("format_align_center"); } -.ui-icon-format-align-justify { @include icon-override("format_align_justify"); } -.ui-icon-format-align-left { @include icon-override("format_align_left"); } -.ui-icon-format-align-right { @include icon-override("format_align_right"); } -.ui-icon-format-bold { @include icon-override("format_bold"); } -.ui-icon-format-clear { @include icon-override("format_clear"); } -.ui-icon-format-color-fill { @include icon-override("format_color_fill"); } -.ui-icon-format-color-reset { @include icon-override("format_color_reset"); } -.ui-icon-format-color-text { @include icon-override("format_color_text"); } -.ui-icon-format-indent-decrease { @include icon-override("format_indent_decrease"); } -.ui-icon-format-indent-increase { @include icon-override("format_indent_increase"); } -.ui-icon-format-italic { @include icon-override("format_italic"); } -.ui-icon-format-line-spacing { @include icon-override("format_line_spacing"); } -.ui-icon-format-list-bulleted { @include icon-override("format_list_bulleted"); } -.ui-icon-format-list-numbered { @include icon-override("format_list_numbered"); } -.ui-icon-format-paint { @include icon-override("format_paint"); } -.ui-icon-format-quote { @include icon-override("format_quote"); } -.ui-icon-format-shapes { @include icon-override("format_shapes"); } -.ui-icon-format-size { @include icon-override("format_size"); } -.ui-icon-format-strikethrough { @include icon-override("format_strikethrough"); } -.ui-icon-format-textdirection-l-to-r { @include icon-override("format_textdirection_l_to_r"); } -.ui-icon-format-textdirection-r-to-l { @include icon-override("format_textdirection_r_to_l"); } -.ui-icon-format-underlined { @include icon-override("format_underlined"); } -.ui-icon-forum { @include icon-override("forum"); } -.ui-icon-forward { @include icon-override("forward"); } -.ui-icon-forward-10 { @include icon-override("forward_10"); } -.ui-icon-forward-30 { @include icon-override("forward_30"); } -.ui-icon-forward-5 { @include icon-override("forward_5"); } -.ui-icon-free-breakfast { @include icon-override("free_breakfast"); } -.ui-icon-fullscreen { @include icon-override("fullscreen"); } -.ui-icon-fullscreen-exit { @include icon-override("fullscreen_exit"); } -.ui-icon-functions { @include icon-override("functions"); } -.ui-icon-g-translate { @include icon-override("g_translate"); } -.ui-icon-gamepad { @include icon-override("gamepad"); } -.ui-icon-games { @include icon-override("games"); } -.ui-icon-gavel { @include icon-override("gavel"); } -.ui-icon-gesture { @include icon-override("gesture"); } -.ui-icon-get-app { @include icon-override("get_app"); } -.ui-icon-gif { @include icon-override("gif"); } -.ui-icon-golf-course { @include icon-override("golf_course"); } -.ui-icon-gps-fixed { @include icon-override("gps_fixed"); } -.ui-icon-gps-not-fixed { @include icon-override("gps_not_fixed"); } -.ui-icon-gps-off { @include icon-override("gps_off"); } -.ui-icon-grade { @include icon-override("grade"); } -.ui-icon-gradient { @include icon-override("gradient"); } -.ui-icon-grain { @include icon-override("grain"); } -.ui-icon-graphic-eq { @include icon-override("graphic_eq"); } -.ui-icon-grid-off { @include icon-override("grid_off"); } -.ui-icon-grid-on { @include icon-override("grid_on"); } -.ui-icon-group { @include icon-override("group"); } -.ui-icon-group-add { @include icon-override("group_add"); } -.ui-icon-group-work { @include icon-override("group_work"); } -.ui-icon-hd { @include icon-override("hd"); } -.ui-icon-hdr-off { @include icon-override("hdr_off"); } -.ui-icon-hdr-on { @include icon-override("hdr_on"); } -.ui-icon-hdr-strong { @include icon-override("hdr_strong"); } -.ui-icon-hdr-weak { @include icon-override("hdr_weak"); } -.ui-icon-headset { @include icon-override("headset"); } -.ui-icon-headset-mic { @include icon-override("headset_mic"); } -.ui-icon-healing { @include icon-override("healing"); } -.ui-icon-hearing { @include icon-override("hearing"); } -.ui-icon-help { @include icon-override("help"); } -.ui-icon-help-outline { @include icon-override("help_outline"); } -.ui-icon-high-quality { @include icon-override("high_quality"); } -.ui-icon-highlight { @include icon-override("highlight"); } -.ui-icon-highlight-off { @include icon-override("highlight_off"); } -.ui-icon-history { @include icon-override("history"); } -.ui-icon-home { @include icon-override("home"); } -.ui-icon-hot-tub { @include icon-override("hot_tub"); } -.ui-icon-hotel { @include icon-override("hotel"); } -.ui-icon-hourglass-empty { @include icon-override("hourglass_empty"); } -.ui-icon-hourglass-full { @include icon-override("hourglass_full"); } -.ui-icon-http { @include icon-override("http"); } -.ui-icon-https { @include icon-override("https"); } -.ui-icon-image { @include icon-override("image"); } -.ui-icon-image-aspect-ratio { @include icon-override("image_aspect_ratio"); } -.ui-icon-import-contacts { @include icon-override("import_contacts"); } -.ui-icon-import-export { @include icon-override("import_export"); } -.ui-icon-important-devices { @include icon-override("important_devices"); } -.ui-icon-inbox { @include icon-override("inbox"); } -.ui-icon-indeterminate-check-box { @include icon-override("indeterminate_check_box"); } -.ui-icon-info { @include icon-override("info"); } -.ui-icon-info-outline { @include icon-override("info_outline"); } -.ui-icon-input { @include icon-override("input"); } -.ui-icon-insert-chart { @include icon-override("insert_chart"); } -.ui-icon-insert-comment { @include icon-override("insert_comment"); } -.ui-icon-insert-drive-file { @include icon-override("insert_drive_file"); } -.ui-icon-insert-emoticon { @include icon-override("insert_emoticon"); } -.ui-icon-insert-invitation { @include icon-override("insert_invitation"); } -.ui-icon-insert-link { @include icon-override("insert_link"); } -.ui-icon-insert-photo { @include icon-override("insert_photo"); } -.ui-icon-invert-colors { @include icon-override("invert_colors"); } -.ui-icon-invert-colors-off { @include icon-override("invert_colors_off"); } -.ui-icon-iso { @include icon-override("iso"); } -.ui-icon-keyboard { @include icon-override("keyboard"); } -.ui-icon-keyboard-arrow-down { @include icon-override("keyboard_arrow_down"); } -.ui-icon-keyboard-arrow-left { @include icon-override("keyboard_arrow_left"); } -.ui-icon-keyboard-arrow-right { @include icon-override("keyboard_arrow_right"); } -.ui-icon-keyboard-arrow-up { @include icon-override("keyboard_arrow_up"); } -.ui-icon-keyboard-backspace { @include icon-override("keyboard_backspace"); } -.ui-icon-keyboard-capslock { @include icon-override("keyboard_capslock"); } -.ui-icon-keyboard-hide { @include icon-override("keyboard_hide"); } -.ui-icon-keyboard-return { @include icon-override("keyboard_return"); } -.ui-icon-keyboard-tab { @include icon-override("keyboard_tab"); } -.ui-icon-keyboard-voice { @include icon-override("keyboard_voice"); } -.ui-icon-kitchen { @include icon-override("kitchen"); } -.ui-icon-label { @include icon-override("label"); } -.ui-icon-label-outline { @include icon-override("label_outline"); } -.ui-icon-landscape { @include icon-override("landscape"); } -.ui-icon-language { @include icon-override("language"); } -.ui-icon-laptop { @include icon-override("laptop"); } -.ui-icon-laptop-chromebook { @include icon-override("laptop_chromebook"); } -.ui-icon-laptop-mac { @include icon-override("laptop_mac"); } -.ui-icon-laptop-windows { @include icon-override("laptop_windows"); } -.ui-icon-last-page { @include icon-override("last_page"); } -.ui-icon-launch { @include icon-override("launch"); } -.ui-icon-layers { @include icon-override("layers"); } -.ui-icon-layers-clear { @include icon-override("layers_clear"); } -.ui-icon-leak-add { @include icon-override("leak_add"); } -.ui-icon-leak-remove { @include icon-override("leak_remove"); } -.ui-icon-lens { @include icon-override("lens"); } -.ui-icon-library-add { @include icon-override("library_add"); } -.ui-icon-library-books { @include icon-override("library_books"); } -.ui-icon-library-music { @include icon-override("library_music"); } -.ui-icon-lightbulb-outline { @include icon-override("lightbulb_outline"); } -.ui-icon-line-style { @include icon-override("line_style"); } -.ui-icon-line-weight { @include icon-override("line_weight"); } -.ui-icon-linear-scale { @include icon-override("linear_scale"); } -.ui-icon-link { @include icon-override("link"); } -.ui-icon-linked-camera { @include icon-override("linked_camera"); } -.ui-icon-list { @include icon-override("list"); } -.ui-icon-live-help { @include icon-override("live_help"); } -.ui-icon-live-tv { @include icon-override("live_tv"); } -.ui-icon-local-activity { @include icon-override("local_activity"); } -.ui-icon-local-airport { @include icon-override("local_airport"); } -.ui-icon-local-atm { @include icon-override("local_atm"); } -.ui-icon-local-bar { @include icon-override("local_bar"); } -.ui-icon-local-cafe { @include icon-override("local_cafe"); } -.ui-icon-local-car-wash { @include icon-override("local_car_wash"); } -.ui-icon-local-convenience-store { @include icon-override("local_convenience_store"); } -.ui-icon-local-dining { @include icon-override("local_dining"); } -.ui-icon-local-drink { @include icon-override("local_drink"); } -.ui-icon-local-florist { @include icon-override("local_florist"); } -.ui-icon-local-gas-station { @include icon-override("local_gas_station"); } -.ui-icon-local-grocery-store { @include icon-override("local_grocery_store"); } -.ui-icon-local-hospital { @include icon-override("local_hospital"); } -.ui-icon-local-hotel { @include icon-override("local_hotel"); } -.ui-icon-local-laundry-service { @include icon-override("local_laundry_service"); } -.ui-icon-local-library { @include icon-override("local_library"); } -.ui-icon-local-mall { @include icon-override("local_mall"); } -.ui-icon-local-movies { @include icon-override("local_movies"); } -.ui-icon-local-offer { @include icon-override("local_offer"); } -.ui-icon-local-parking { @include icon-override("local_parking"); } -.ui-icon-local-pharmacy { @include icon-override("local_pharmacy"); } -.ui-icon-local-phone { @include icon-override("local_phone"); } -.ui-icon-local-pizza { @include icon-override("local_pizza"); } -.ui-icon-local-play { @include icon-override("local_play"); } -.ui-icon-local-post-office { @include icon-override("local_post_office"); } -.ui-icon-local-printshop { @include icon-override("local_printshop"); } -.ui-icon-local-see { @include icon-override("local_see"); } -.ui-icon-local-shipping { @include icon-override("local_shipping"); } -.ui-icon-local-taxi { @include icon-override("local_taxi"); } -.ui-icon-location-city { @include icon-override("location_city"); } -.ui-icon-location-disabled { @include icon-override("location_disabled"); } -.ui-icon-location-off { @include icon-override("location_off"); } -.ui-icon-location-on { @include icon-override("location_on"); } -.ui-icon-location-searching { @include icon-override("location_searching"); } -.ui-icon-lock { @include icon-override("lock"); } -.ui-icon-lock-open { @include icon-override("lock_open"); } -.ui-icon-lock-outline { @include icon-override("lock_outline"); } -.ui-icon-looks { @include icon-override("looks"); } -.ui-icon-looks-3 { @include icon-override("looks_3"); } -.ui-icon-looks-4 { @include icon-override("looks_4"); } -.ui-icon-looks-5 { @include icon-override("looks_5"); } -.ui-icon-looks-6 { @include icon-override("looks_6"); } -.ui-icon-looks-one { @include icon-override("looks_one"); } -.ui-icon-looks-two { @include icon-override("looks_two"); } -.ui-icon-loop { @include icon-override("loop"); } -.ui-icon-loupe { @include icon-override("loupe"); } -.ui-icon-low-priority { @include icon-override("low_priority"); } -.ui-icon-loyalty { @include icon-override("loyalty"); } -.ui-icon-mail { @include icon-override("mail"); } -.ui-icon-mail-outline { @include icon-override("mail_outline"); } -.ui-icon-map { @include icon-override("map"); } -.ui-icon-markunread { @include icon-override("markunread"); } -.ui-icon-markunread-mailbox { @include icon-override("markunread_mailbox"); } -.ui-icon-memory { @include icon-override("memory"); } -.ui-icon-menu { @include icon-override("menu"); } -.ui-icon-merge-type { @include icon-override("merge_type"); } -.ui-icon-message { @include icon-override("message"); } -.ui-icon-mic { @include icon-override("mic"); } -.ui-icon-mic-none { @include icon-override("mic_none"); } -.ui-icon-mic-off { @include icon-override("mic_off"); } -.ui-icon-mms { @include icon-override("mms"); } -.ui-icon-mode-comment { @include icon-override("mode_comment"); } -.ui-icon-mode-edit { @include icon-override("mode_edit"); } -.ui-icon-monetization-on { @include icon-override("monetization_on"); } -.ui-icon-money-off { @include icon-override("money_off"); } -.ui-icon-monochrome-photos { @include icon-override("monochrome_photos"); } -.ui-icon-mood { @include icon-override("mood"); } -.ui-icon-mood-bad { @include icon-override("mood_bad"); } -.ui-icon-more { @include icon-override("more"); } -.ui-icon-more-horiz { @include icon-override("more_horiz"); } -.ui-icon-more-vert { @include icon-override("more_vert"); } -.ui-icon-motorcycle { @include icon-override("motorcycle"); } -.ui-icon-mouse { @include icon-override("mouse"); } -.ui-icon-move-to-inbox { @include icon-override("move_to_inbox"); } -.ui-icon-movie { @include icon-override("movie"); } -.ui-icon-movie-creation { @include icon-override("movie_creation"); } -.ui-icon-movie-filter { @include icon-override("movie_filter"); } -.ui-icon-multiline-chart { @include icon-override("multiline_chart"); } -.ui-icon-music-note { @include icon-override("music_note"); } -.ui-icon-music-video { @include icon-override("music_video"); } -.ui-icon-my-location { @include icon-override("my_location"); } -.ui-icon-nature { @include icon-override("nature"); } -.ui-icon-nature-people { @include icon-override("nature_people"); } -.ui-icon-navigate-before { @include icon-override("navigate_before"); } -.ui-icon-navigate-next { @include icon-override("navigate_next"); } -.ui-icon-navigation { @include icon-override("navigation"); } -.ui-icon-near-me { @include icon-override("near_me"); } -.ui-icon-network-cell { @include icon-override("network_cell"); } -.ui-icon-network-check { @include icon-override("network_check"); } -.ui-icon-network-locked { @include icon-override("network_locked"); } -.ui-icon-network-wifi { @include icon-override("network_wifi"); } -.ui-icon-new-releases { @include icon-override("new_releases"); } -.ui-icon-next-week { @include icon-override("next_week"); } -.ui-icon-nfc { @include icon-override("nfc"); } -.ui-icon-no-encryption { @include icon-override("no_encryption"); } -.ui-icon-no-sim { @include icon-override("no_sim"); } -.ui-icon-not-interested { @include icon-override("not_interested"); } -.ui-icon-note { @include icon-override("note"); } -.ui-icon-note-add { @include icon-override("note_add"); } -.ui-icon-notifications { @include icon-override("notifications"); } -.ui-icon-notifications-active { @include icon-override("notifications_active"); } -.ui-icon-notifications-none { @include icon-override("notifications_none"); } -.ui-icon-notifications-off { @include icon-override("notifications_off"); } -.ui-icon-notifications-paused { @include icon-override("notifications_paused"); } -.ui-icon-offline-pin { @include icon-override("offline_pin"); } -.ui-icon-ondemand-video { @include icon-override("ondemand_video"); } -.ui-icon-opacity { @include icon-override("opacity"); } -.ui-icon-open-in-browser { @include icon-override("open_in_browser"); } -.ui-icon-open-in-new { @include icon-override("open_in_new"); } -.ui-icon-open-with { @include icon-override("open_with"); } -.ui-icon-pages { @include icon-override("pages"); } -.ui-icon-pageview { @include icon-override("pageview"); } -.ui-icon-palette { @include icon-override("palette"); } -.ui-icon-pan-tool { @include icon-override("pan_tool"); } -.ui-icon-panorama { @include icon-override("panorama"); } -.ui-icon-panorama-fish-eye { @include icon-override("panorama_fish_eye"); } -.ui-icon-panorama-horizontal { @include icon-override("panorama_horizontal"); } -.ui-icon-panorama-vertical { @include icon-override("panorama_vertical"); } -.ui-icon-panorama-wide-angle { @include icon-override("panorama_wide_angle"); } -.ui-icon-party-mode { @include icon-override("party_mode"); } -.ui-icon-pause { @include icon-override("pause"); } -.ui-icon-pause-circle-filled { @include icon-override("pause_circle_filled"); } -.ui-icon-pause-circle-outline { @include icon-override("pause_circle_outline"); } -.ui-icon-payment { @include icon-override("payment"); } -.ui-icon-people { @include icon-override("people"); } -.ui-icon-people-outline { @include icon-override("people_outline"); } -.ui-icon-perm-camera-mic { @include icon-override("perm_camera_mic"); } -.ui-icon-perm-contact-calendar { @include icon-override("perm_contact_calendar"); } -.ui-icon-perm-data-setting { @include icon-override("perm_data_setting"); } -.ui-icon-perm-device-information { @include icon-override("perm_device_information"); } -.ui-icon-perm-identity { @include icon-override("perm_identity"); } -.ui-icon-perm-media { @include icon-override("perm_media"); } -.ui-icon-perm-phone-msg { @include icon-override("perm_phone_msg"); } -.ui-icon-perm-scan-wifi { @include icon-override("perm_scan_wifi"); } -.ui-icon-person { @include icon-override("person"); } -.ui-icon-person-add { @include icon-override("person_add"); } -.ui-icon-person-outline { @include icon-override("person_outline"); } -.ui-icon-person-pin { @include icon-override("person_pin"); } -.ui-icon-person-pin-circle { @include icon-override("person_pin_circle"); } -.ui-icon-personal-video { @include icon-override("personal_video"); } -.ui-icon-pets { @include icon-override("pets"); } -.ui-icon-phone { @include icon-override("phone"); } -.ui-icon-phone-android { @include icon-override("phone_android"); } -.ui-icon-phone-bluetooth-speaker { @include icon-override("phone_bluetooth_speaker"); } -.ui-icon-phone-forwarded { @include icon-override("phone_forwarded"); } -.ui-icon-phone-in-talk { @include icon-override("phone_in_talk"); } -.ui-icon-phone-iphone { @include icon-override("phone_iphone"); } -.ui-icon-phone-locked { @include icon-override("phone_locked"); } -.ui-icon-phone-missed { @include icon-override("phone_missed"); } -.ui-icon-phone-paused { @include icon-override("phone_paused"); } -.ui-icon-phonelink { @include icon-override("phonelink"); } -.ui-icon-phonelink-erase { @include icon-override("phonelink_erase"); } -.ui-icon-phonelink-lock { @include icon-override("phonelink_lock"); } -.ui-icon-phonelink-off { @include icon-override("phonelink_off"); } -.ui-icon-phonelink-ring { @include icon-override("phonelink_ring"); } -.ui-icon-phonelink-setup { @include icon-override("phonelink_setup"); } -.ui-icon-photo { @include icon-override("photo"); } -.ui-icon-photo-album { @include icon-override("photo_album"); } -.ui-icon-photo-camera { @include icon-override("photo_camera"); } -.ui-icon-photo-filter { @include icon-override("photo_filter"); } -.ui-icon-photo-library { @include icon-override("photo_library"); } -.ui-icon-photo-size-select-actual { @include icon-override("photo_size_select_actual"); } -.ui-icon-photo-size-select-large { @include icon-override("photo_size_select_large"); } -.ui-icon-photo-size-select-small { @include icon-override("photo_size_select_small"); } -.ui-icon-picture-as-pdf { @include icon-override("picture_as_pdf"); } -.ui-icon-picture-in-picture { @include icon-override("picture_in_picture"); } -.ui-icon-picture-in-picture-alt { @include icon-override("picture_in_picture_alt"); } -.ui-icon-pie-chart { @include icon-override("pie_chart"); } -.ui-icon-pie-chart-outlined { @include icon-override("pie_chart_outlined"); } -.ui-icon-pin-drop { @include icon-override("pin_drop"); } -.ui-icon-place { @include icon-override("place"); } -.ui-icon-play-arrow { @include icon-override("play_arrow"); } -.ui-icon-play-circle-filled { @include icon-override("play_circle_filled"); } -.ui-icon-play-circle-outline { @include icon-override("play_circle_outline"); } -.ui-icon-play-for-work { @include icon-override("play_for_work"); } -.ui-icon-playlist-add { @include icon-override("playlist_add"); } -.ui-icon-playlist-add-check { @include icon-override("playlist_add_check"); } -.ui-icon-playlist-play { @include icon-override("playlist_play"); } -.ui-icon-plus-one { @include icon-override("plus_one"); } -.ui-icon-poll { @include icon-override("poll"); } -.ui-icon-polymer { @include icon-override("polymer"); } -.ui-icon-pool { @include icon-override("pool"); } -.ui-icon-portable-wifi-off { @include icon-override("portable_wifi_off"); } -.ui-icon-portrait { @include icon-override("portrait"); } -.ui-icon-power { @include icon-override("power"); } -.ui-icon-power-input { @include icon-override("power_input"); } -.ui-icon-power-settings-new { @include icon-override("power_settings_new"); } -.ui-icon-pregnant-woman { @include icon-override("pregnant_woman"); } -.ui-icon-present-to-all { @include icon-override("present_to_all"); } -.ui-icon-print { @include icon-override("print"); } -.ui-icon-priority-high { @include icon-override("priority_high"); } -.ui-icon-public { @include icon-override("public"); } -.ui-icon-publish { @include icon-override("publish"); } -.ui-icon-query-builder { @include icon-override("query_builder"); } -.ui-icon-question-answer { @include icon-override("question_answer"); } -.ui-icon-queue { @include icon-override("queue"); } -.ui-icon-queue-music { @include icon-override("queue_music"); } -.ui-icon-queue-play-next { @include icon-override("queue_play_next"); } -.ui-icon-radio { @include icon-override("radio"); } -.ui-icon-radio-button-checked { @include icon-override("radio_button_checked"); } -.ui-icon-radio-button-unchecked { @include icon-override("radio_button_unchecked"); } -.ui-icon-rate-review { @include icon-override("rate_review"); } -.ui-icon-receipt { @include icon-override("receipt"); } -.ui-icon-recent-actors { @include icon-override("recent_actors"); } -.ui-icon-record-voice-over { @include icon-override("record_voice_over"); } -.ui-icon-redeem { @include icon-override("redeem"); } -.ui-icon-redo { @include icon-override("redo"); } -.ui-icon-refresh { @include icon-override("refresh"); } -.ui-icon-remove { @include icon-override("remove"); } -.ui-icon-remove-circle { @include icon-override("remove_circle"); } -.ui-icon-remove-circle-outline { @include icon-override("remove_circle_outline"); } -.ui-icon-remove-from-queue { @include icon-override("remove_from_queue"); } -.ui-icon-remove-red-eye { @include icon-override("remove_red_eye"); } -.ui-icon-remove-shopping-cart { @include icon-override("remove_shopping_cart"); } -.ui-icon-reorder { @include icon-override("reorder"); } -.ui-icon-repeat { @include icon-override("repeat"); } -.ui-icon-repeat-one { @include icon-override("repeat_one"); } -.ui-icon-replay { @include icon-override("replay"); } -.ui-icon-replay-10 { @include icon-override("replay_10"); } -.ui-icon-replay-30 { @include icon-override("replay_30"); } -.ui-icon-replay-5 { @include icon-override("replay_5"); } -.ui-icon-reply { @include icon-override("reply"); } -.ui-icon-reply-all { @include icon-override("reply_all"); } -.ui-icon-report { @include icon-override("report"); } -.ui-icon-report-problem { @include icon-override("report_problem"); } -.ui-icon-restaurant { @include icon-override("restaurant"); } -.ui-icon-restaurant-menu { @include icon-override("restaurant_menu"); } -.ui-icon-restore { @include icon-override("restore"); } -.ui-icon-restore-page { @include icon-override("restore_page"); } -.ui-icon-ring-volume { @include icon-override("ring_volume"); } -.ui-icon-room { @include icon-override("room"); } -.ui-icon-room-service { @include icon-override("room_service"); } -.ui-icon-rotate-90-degrees-ccw { @include icon-override("rotate_90_degrees_ccw"); } -.ui-icon-rotate-left { @include icon-override("rotate_left"); } -.ui-icon-rotate-right { @include icon-override("rotate_right"); } -.ui-icon-rounded-corner { @include icon-override("rounded_corner"); } -.ui-icon-router { @include icon-override("router"); } -.ui-icon-rowing { @include icon-override("rowing"); } -.ui-icon-rss-feed { @include icon-override("rss_feed"); } -.ui-icon-rv-hookup { @include icon-override("rv_hookup"); } -.ui-icon-satellite { @include icon-override("satellite"); } -.ui-icon-save { @include icon-override("save"); } -.ui-icon-scanner { @include icon-override("scanner"); } -.ui-icon-schedule { @include icon-override("schedule"); } -.ui-icon-school { @include icon-override("school"); } -.ui-icon-screen-lock-landscape { @include icon-override("screen_lock_landscape"); } -.ui-icon-screen-lock-portrait { @include icon-override("screen_lock_portrait"); } -.ui-icon-screen-lock-rotation { @include icon-override("screen_lock_rotation"); } -.ui-icon-screen-rotation { @include icon-override("screen_rotation"); } -.ui-icon-screen-share { @include icon-override("screen_share"); } -.ui-icon-sd-card { @include icon-override("sd_card"); } -.ui-icon-sd-storage { @include icon-override("sd_storage"); } -.ui-icon-search { @include icon-override("search"); } -.ui-icon-security { @include icon-override("security"); } -.ui-icon-select-all { @include icon-override("select_all"); } -.ui-icon-send { @include icon-override("send"); } -.ui-icon-sentiment-dissatisfied { @include icon-override("sentiment_dissatisfied"); } -.ui-icon-sentiment-neutral { @include icon-override("sentiment_neutral"); } -.ui-icon-sentiment-satisfied { @include icon-override("sentiment_satisfied"); } -.ui-icon-sentiment-very-dissatisfied { @include icon-override("sentiment_very_dissatisfied"); } -.ui-icon-sentiment-very-satisfied { @include icon-override("sentiment_very_satisfied"); } -.ui-icon-settings { @include icon-override("settings"); } -.ui-icon-settings-applications { @include icon-override("settings_applications"); } -.ui-icon-settings-backup-restore { @include icon-override("settings_backup_restore"); } -.ui-icon-settings-bluetooth { @include icon-override("settings_bluetooth"); } -.ui-icon-settings-brightness { @include icon-override("settings_brightness"); } -.ui-icon-settings-cell { @include icon-override("settings_cell"); } -.ui-icon-settings-ethernet { @include icon-override("settings_ethernet"); } -.ui-icon-settings-input-antenna { @include icon-override("settings_input_antenna"); } -.ui-icon-settings-input-component { @include icon-override("settings_input_component"); } -.ui-icon-settings-input-composite { @include icon-override("settings_input_composite"); } -.ui-icon-settings-input-hdmi { @include icon-override("settings_input_hdmi"); } -.ui-icon-settings-input-svideo { @include icon-override("settings_input_svideo"); } -.ui-icon-settings-overscan { @include icon-override("settings_overscan"); } -.ui-icon-settings-phone { @include icon-override("settings_phone"); } -.ui-icon-settings-power { @include icon-override("settings_power"); } -.ui-icon-settings-remote { @include icon-override("settings_remote"); } -.ui-icon-settings-system-daydream { @include icon-override("settings_system_daydream"); } -.ui-icon-settings-voice { @include icon-override("settings_voice"); } -.ui-icon-share { @include icon-override("share"); } -.ui-icon-shop { @include icon-override("shop"); } -.ui-icon-shop-two { @include icon-override("shop_two"); } -.ui-icon-shopping-basket { @include icon-override("shopping_basket"); } -.ui-icon-shopping-cart { @include icon-override("shopping_cart"); } -.ui-icon-short-text { @include icon-override("short_text"); } -.ui-icon-show-chart { @include icon-override("show_chart"); } -.ui-icon-shuffle { @include icon-override("shuffle"); } -.ui-icon-signal-cellular-4-bar { @include icon-override("signal_cellular_4_bar"); } -.ui-icon-signal-cellular-connected-no-internet-4-bar { @include icon-override("signal_cellular_connected_no_internet_4_bar"); } -.ui-icon-signal-cellular-no-sim { @include icon-override("signal_cellular_no_sim"); } -.ui-icon-signal-cellular-null { @include icon-override("signal_cellular_null"); } -.ui-icon-signal-cellular-off { @include icon-override("signal_cellular_off"); } -.ui-icon-signal-wifi-4-bar { @include icon-override("signal_wifi_4_bar"); } -.ui-icon-signal-wifi-4-bar-lock { @include icon-override("signal_wifi_4_bar_lock"); } -.ui-icon-signal-wifi-off { @include icon-override("signal_wifi_off"); } -.ui-icon-sim-card { @include icon-override("sim_card"); } -.ui-icon-sim-card-alert { @include icon-override("sim_card_alert"); } -.ui-icon-skip-next { @include icon-override("skip_next"); } -.ui-icon-skip-previous { @include icon-override("skip_previous"); } -.ui-icon-slideshow { @include icon-override("slideshow"); } -.ui-icon-slow-motion-video { @include icon-override("slow_motion_video"); } -.ui-icon-smartphone { @include icon-override("smartphone"); } -.ui-icon-smoke-free { @include icon-override("smoke_free"); } -.ui-icon-smoking-rooms { @include icon-override("smoking_rooms"); } -.ui-icon-sms { @include icon-override("sms"); } -.ui-icon-sms-failed { @include icon-override("sms_failed"); } -.ui-icon-snooze { @include icon-override("snooze"); } -.ui-icon-sort { @include icon-override("sort"); } -.ui-icon-sort-by-alpha { @include icon-override("sort_by_alpha"); } -.ui-icon-spa { @include icon-override("spa"); } -.ui-icon-space-bar { @include icon-override("space_bar"); } -.ui-icon-speaker { @include icon-override("speaker"); } -.ui-icon-speaker-group { @include icon-override("speaker_group"); } -.ui-icon-speaker-notes { @include icon-override("speaker_notes"); } -.ui-icon-speaker-notes-off { @include icon-override("speaker_notes_off"); } -.ui-icon-speaker-phone { @include icon-override("speaker_phone"); } -.ui-icon-spellcheck { @include icon-override("spellcheck"); } -.ui-icon-star { @include icon-override("star"); } -.ui-icon-star-border { @include icon-override("star_border"); } -.ui-icon-star-half { @include icon-override("star_half"); } -.ui-icon-stars { @include icon-override("stars"); } -.ui-icon-stay-current-landscape { @include icon-override("stay_current_landscape"); } -.ui-icon-stay-current-portrait { @include icon-override("stay_current_portrait"); } -.ui-icon-stay-primary-landscape { @include icon-override("stay_primary_landscape"); } -.ui-icon-stay-primary-portrait { @include icon-override("stay_primary_portrait"); } -.ui-icon-stop { @include icon-override("stop"); } -.ui-icon-stop-screen-share { @include icon-override("stop_screen_share"); } -.ui-icon-storage { @include icon-override("storage"); } -.ui-icon-store { @include icon-override("store"); } -.ui-icon-store-mall-directory { @include icon-override("store_mall_directory"); } -.ui-icon-straighten { @include icon-override("straighten"); } -.ui-icon-streetview { @include icon-override("streetview"); } -.ui-icon-strikethrough-s { @include icon-override("strikethrough_s"); } -.ui-icon-style { @include icon-override("style"); } -.ui-icon-subdirectory-arrow-left { @include icon-override("subdirectory_arrow_left"); } -.ui-icon-subdirectory-arrow-right { @include icon-override("subdirectory_arrow_right"); } -.ui-icon-subject { @include icon-override("subject"); } -.ui-icon-subscriptions { @include icon-override("subscriptions"); } -.ui-icon-subtitles { @include icon-override("subtitles"); } -.ui-icon-subway { @include icon-override("subway"); } -.ui-icon-supervisor-account { @include icon-override("supervisor_account"); } -.ui-icon-surround-sound { @include icon-override("surround_sound"); } -.ui-icon-swap-calls { @include icon-override("swap_calls"); } -.ui-icon-swap-horiz { @include icon-override("swap_horiz"); } -.ui-icon-swap-vert { @include icon-override("swap_vert"); } -.ui-icon-swap-vertical-circle { @include icon-override("swap_vertical_circle"); } -.ui-icon-switch-camera { @include icon-override("switch_camera"); } -.ui-icon-switch-video { @include icon-override("switch_video"); } -.ui-icon-sync { @include icon-override("sync"); } -.ui-icon-sync-disabled { @include icon-override("sync_disabled"); } -.ui-icon-sync-problem { @include icon-override("sync_problem"); } -.ui-icon-system-update { @include icon-override("system_update"); } -.ui-icon-system-update-alt { @include icon-override("system_update_alt"); } -.ui-icon-tab { @include icon-override("tab"); } -.ui-icon-tab-unselected { @include icon-override("tab_unselected"); } -.ui-icon-tablet { @include icon-override("tablet"); } -.ui-icon-tablet-android { @include icon-override("tablet_android"); } -.ui-icon-tablet-mac { @include icon-override("tablet_mac"); } -.ui-icon-tag-faces { @include icon-override("tag_faces"); } -.ui-icon-tap-and-play { @include icon-override("tap_and_play"); } -.ui-icon-terrain { @include icon-override("terrain"); } -.ui-icon-text-fields { @include icon-override("text_fields"); } -.ui-icon-text-format { @include icon-override("text_format"); } -.ui-icon-textsms { @include icon-override("textsms"); } -.ui-icon-texture { @include icon-override("texture"); } -.ui-icon-theaters { @include icon-override("theaters"); } -.ui-icon-thumb-down { @include icon-override("thumb_down"); } -.ui-icon-thumb-up { @include icon-override("thumb_up"); } -.ui-icon-thumbs-up-down { @include icon-override("thumbs_up_down"); } -.ui-icon-time-to-leave { @include icon-override("time_to_leave"); } -.ui-icon-timelapse { @include icon-override("timelapse"); } -.ui-icon-timeline { @include icon-override("timeline"); } -.ui-icon-timer { @include icon-override("timer"); } -.ui-icon-timer-10 { @include icon-override("timer_10"); } -.ui-icon-timer-3 { @include icon-override("timer_3"); } -.ui-icon-timer-off { @include icon-override("timer_off"); } -.ui-icon-title { @include icon-override("title"); } -.ui-icon-toc { @include icon-override("toc"); } -.ui-icon-today { @include icon-override("today"); } -.ui-icon-toll { @include icon-override("toll"); } -.ui-icon-tonality { @include icon-override("tonality"); } -.ui-icon-touch-app { @include icon-override("touch_app"); } -.ui-icon-toys { @include icon-override("toys"); } -.ui-icon-track-changes { @include icon-override("track_changes"); } -.ui-icon-traffic { @include icon-override("traffic"); } -.ui-icon-train { @include icon-override("train"); } -.ui-icon-tram { @include icon-override("tram"); } -.ui-icon-transfer-within-a-station { @include icon-override("transfer_within_a_station"); } -.ui-icon-transform { @include icon-override("transform"); } -.ui-icon-translate { @include icon-override("translate"); } -.ui-icon-trending-down { @include icon-override("trending_down"); } -.ui-icon-trending-flat { @include icon-override("trending_flat"); } -.ui-icon-trending-up { @include icon-override("trending_up"); } -.ui-icon-tune { @include icon-override("tune"); } -.ui-icon-turned-in { @include icon-override("turned_in"); } -.ui-icon-turned-in-not { @include icon-override("turned_in_not"); } -.ui-icon-tv { @include icon-override("tv"); } -.ui-icon-unarchive { @include icon-override("unarchive"); } -.ui-icon-undo { @include icon-override("undo"); } -.ui-icon-unfold-less { @include icon-override("unfold_less"); } -.ui-icon-unfold-more { @include icon-override("unfold_more"); } -.ui-icon-update { @include icon-override("update"); } -.ui-icon-usb { @include icon-override("usb"); } -.ui-icon-verified-user { @include icon-override("verified_user"); } -.ui-icon-vertical-align-bottom { @include icon-override("vertical_align_bottom"); } -.ui-icon-vertical-align-center { @include icon-override("vertical_align_center"); } -.ui-icon-vertical-align-top { @include icon-override("vertical_align_top"); } -.ui-icon-vibration { @include icon-override("vibration"); } -.ui-icon-video-call { @include icon-override("video_call"); } -.ui-icon-video-label { @include icon-override("video_label"); } -.ui-icon-video-library { @include icon-override("video_library"); } -.ui-icon-videocam { @include icon-override("videocam"); } -.ui-icon-videocam-off { @include icon-override("videocam_off"); } -.ui-icon-videogame-asset { @include icon-override("videogame_asset"); } -.ui-icon-view-agenda { @include icon-override("view_agenda"); } -.ui-icon-view-array { @include icon-override("view_array"); } -.ui-icon-view-carousel { @include icon-override("view_carousel"); } -.ui-icon-view-column { @include icon-override("view_column"); } -.ui-icon-view-comfy { @include icon-override("view_comfy"); } -.ui-icon-view-compact { @include icon-override("view_compact"); } -.ui-icon-view-day { @include icon-override("view_day"); } -.ui-icon-view-headline { @include icon-override("view_headline"); } -.ui-icon-view-list { @include icon-override("view_list"); } -.ui-icon-view-module { @include icon-override("view_module"); } -.ui-icon-view-quilt { @include icon-override("view_quilt"); } -.ui-icon-view-stream { @include icon-override("view_stream"); } -.ui-icon-view-week { @include icon-override("view_week"); } -.ui-icon-vignette { @include icon-override("vignette"); } -.ui-icon-visibility { @include icon-override("visibility"); } -.ui-icon-visibility-off { @include icon-override("visibility_off"); } -.ui-icon-voice-chat { @include icon-override("voice_chat"); } -.ui-icon-voicemail { @include icon-override("voicemail"); } -.ui-icon-volume-down { @include icon-override("volume_down"); } -.ui-icon-volume-mute { @include icon-override("volume_mute"); } -.ui-icon-volume-off { @include icon-override("volume_off"); } -.ui-icon-volume-up { @include icon-override("volume_up"); } -.ui-icon-vpn-key { @include icon-override("vpn_key"); } -.ui-icon-vpn-lock { @include icon-override("vpn_lock"); } -.ui-icon-wallpaper { @include icon-override("wallpaper"); } -.ui-icon-warning { @include icon-override("warning"); } -.ui-icon-watch { @include icon-override("watch"); } -.ui-icon-watch-later { @include icon-override("watch_later"); } -.ui-icon-wb-auto { @include icon-override("wb_auto"); } -.ui-icon-wb-cloudy { @include icon-override("wb_cloudy"); } -.ui-icon-wb-incandescent { @include icon-override("wb_incandescent"); } -.ui-icon-wb-iridescent { @include icon-override("wb_iridescent"); } -.ui-icon-wb-sunny { @include icon-override("wb_sunny"); } -.ui-icon-wc { @include icon-override("wc"); } -.ui-icon-web { @include icon-override("web"); } -.ui-icon-web-asset { @include icon-override("web_asset"); } -.ui-icon-weekend { @include icon-override("weekend"); } -.ui-icon-whatshot { @include icon-override("whatshot"); } -.ui-icon-widgets { @include icon-override("widgets"); } -.ui-icon-wifi { @include icon-override("wifi"); } -.ui-icon-wifi-lock { @include icon-override("wifi_lock"); } -.ui-icon-wifi-tethering { @include icon-override("wifi_tethering"); } -.ui-icon-work { @include icon-override("work"); } -.ui-icon-wrap-text { @include icon-override("wrap_text"); } -.ui-icon-youtube-searched-for { @include icon-override("youtube_searched_for"); } -.ui-icon-zoom-in { @include icon-override("zoom_in"); } -.ui-icon-zoom-out { @include icon-override("zoom_out"); } -.ui-icon-zoom-out-map { @include icon-override("zoom_out_map"); } - -.material-icons, .fa { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - - /* Support for IE. */ - font-feature-settings: 'liga'; -} \ No newline at end of file diff --git a/src/assets/sass/theme/_menu.scss b/src/assets/sass/theme/_menu.scss deleted file mode 100644 index b9da213f..00000000 --- a/src/assets/sass/theme/_menu.scss +++ /dev/null @@ -1,372 +0,0 @@ -body { - .ui-breadcrumb { - padding: $inputHeaderPadding; - - ul { - li { - a { - color: #ffffff; - font-size: $inputHeaderFontSize; - } - } - } - } - - .ui-steps { - position: relative; - - .ui-steps-item { - background-color: transparent; - - &.ui-state-disabled { - @include opacity(1); - } - - .ui-menuitem-link { - display: inline-block; - text-align: left; - background-color: #ffffff; - overflow: hidden; - - .ui-steps-number { - display: inline-block; - background-color: $grayBgColor; - @include border-radius(50%); - padding: .25em .75em; - font-size: 1em; - color: #ffffff; - } - - .ui-steps-title { - display: inline; - margin-left: .625em; - color: $textSecondaryColor; - } - } - - &.ui-state-highlight { - .ui-steps-number { - background-color: $accentColor; - } - - .ui-steps-title { - font-weight: 700; - color: $textColor; - } - } - - &:last-child { - .ui-menuitem-link { - display: block; - } - } - } - - &:before { - content:' '; - border: 1px solid $dividerColor; - width: 90%; - top: 45%; - left: 0; - display: block; - position: absolute; - } - } - - .ui-menu { - padding: .5em 0; - - .ui-shadow, &.ui-shadow { - @include overlay-input-shadow(); - } - - .ui-menu-list { - padding: 0; - margin: 0; - - li { - &.ui-widget-header { - margin: 0 0 1px 0; - @include border-radius(0); - border: 0 none; - width: 100%; - box-sizing: border-box; - padding: .625em 1em; - - h3 { - display: block; - float: none; - font-size: $fontSize; - padding: 0; - font-weight: 400; - } - } - - &.ui-menuitem { - margin: 0; - @include border-radius(0); - - .ui-menuitem-link { - border: 0 none; - padding: .625em 1em; - width: 100%; - min-height: 2.75em; - box-sizing: border-box; - color: $textColor; - line-height: 1.5em; - @include border-radius(0); - position: relative; - - &:hover { - @include hover-element(); - } - - .ui-menuitem-icon { - margin-right: .417em; - display: inline-block; - vertical-align: middle; - float: none; - color: $textSecondaryColor; - } - - .ui-menuitem-text { - display: inline-block; - vertical-align: middle; - float: none; - } - } - - &.ui-menuitem-active { - > .ui-menuitem-link { - @include hover-element(); - } - } - } - } - - .ui-separator { - height: 1px; - background-color: $dividerColor; - width: 100%; - box-sizing: border-box; - } - } - - &.ui-menu-toggleable { - .ui-menu-list { - li { - &.ui-widget-header { - padding-left: 2.250em; - - .fa { - color: #ffffff; - - &.fa-triangle-1-s { - margin-top: -.75em; - } - - &.fa-triangle-1-e { - margin-top: -.75em; - } - } - } - } - } - } - - &.ui-tieredmenu { - .ui-menu-child { - padding: .5em 0; - } - } - - &.ui-menubar { - padding: 0; - - .ui-menubar-root-list { - > .ui-menuitem { - > .ui-menuitem-link { - .ui-menuitem-icon { - margin-right: 0; - } - - > span { - display: inline-block; - vertical-align: middle; - } - } - } - } - - .ui-menu-child { - padding: .5em 0; - } - - .ui-menubar-options { - padding: .625em 1em; - } - } - - &.ui-slidemenu { - - .ui-menu-parent { - .ui-menu-child { - padding: 0; - @include no-shadow(); - } - } - - .ui-slidemenu-backward { - width: 100%; - box-sizing: border-box; - @include border-radius(0); - } - } - } - - .ui-tabmenu { - padding: 0; - - .ui-tabmenu-nav { - padding: 0; - background-color: #ffffff; - border: 0 none; - @include border-radius(0); - - > .ui-tabmenuitem { - top: auto; - margin: 0 .25em 0 0; - padding: 0; - border-style: solid; - border-width: 0 0 2px 0; - @include transition(border-color .3s); - - > a { - padding: $headerPadding; - - &:focus { - outline: 0 none; - } - - .ui-menuitem-icon, .ui-menuitem-text { - float: none; - display: inline-block; - vertical-align: middle; - } - - .ui-menuitem-icon { - font-weight: 1em; - margin-right: .5em; - } - } - - &.ui-state-default { - a { - color: $textSecondaryColor; - - .fa { - color: $textSecondaryColor; - } - } - } - - &:not(.ui-state-active):hover { - background-color: #ffffff; - } - - &.ui-state-active { - background-color: #ffffff; - border-color: $accentColor; - border-style: solid; - - a { - color: $primaryColor; - - .fa { - color: $primaryColor; - } - } - } - } - } - } - - .ui-panelmenu { - .ui-panelmenu-header { - background-color: $primaryColor; - margin-bottom: 1px; - - a { - padding: .625em 1em; - color: #ffffff; - font-size: $fontSize; - } - - .fa { - color: #ffffff; - } - - &.ui-state-active { - background-color: $accentColor; - @include border-radius-bottom(0); - a, .fa { - color: $accentTextColor; - } - } - } - - .ui-panelmenu-content { - padding: 0; - - .ui-menuitem { - margin: 0; - - .ui-menuitem-link { - border: 0 none; - padding: .625em 1em;; - width: 100%; - min-height: 2.750em; - box-sizing: border-box; - color: $textColor; - line-height: 1.5em; - @include border-radius(0); - position: relative; - - &:hover { - @include hover-element(); - } - - .ui-menuitem-text { - display: inline-block; - vertical-align: middle; - float: none; - } - - .fa { - position: static; - display: inline-block; - vertical-align: middle; - } - } - } - } - - .ui-menu-parent .ui-menu-list { - margin-left: 28px; - } - } -} - -@media (max-width: 640px) { - body { - .ui-steps { - .ui-steps-item { - .ui-menuitem-link { - .ui-steps-title { - display: none; - } - } - } - } - } -} \ No newline at end of file diff --git a/src/assets/sass/theme/_message.scss b/src/assets/sass/theme/_message.scss deleted file mode 100644 index 9f36e9e9..00000000 --- a/src/assets/sass/theme/_message.scss +++ /dev/null @@ -1,143 +0,0 @@ -body { - /* Messages */ - .ui-messages { - padding: $headerPadding; - - ul { - display: inline-block; - margin-left: 0; - } - - &.ui-messages-info { - background-color: #2196F3; - border-color: #2196F3; - color: #ffffff; - } - - &.ui-messages-warn { - background-color: #ffc107; - border-color: #ffc107; - color: #ffffff; - } - - &.ui-messages-error { - background-color: #e62a10; - border-color: #e62a10; - color: #ffffff; - } - - &.ui-messages-fatal { - background-color: #212121; - border-color: #212121; - color: #ffffff; - } - - &.ui-messages-success { - background-color: #8BC34A; - border-color: #8BC34A; - color: #ffffff; - } - - .ui-messages-close { - text-decoration: none; - color: #fff; - right: .25em; - } - } - - .ui-messages .ui-messages-icon { - background: none; - color: #fff; - margin-top: -2px; - - &.fa-info-circle { - @include material-icon("info"); - font-size: 1.75em; - } - - &.fa-warning { - @include material-icon("warning"); - font-size: 1.75em; - } - - &.fa-close { - @include material-icon("error_outline"); - font-size: 1.75em; - } - - &.fa-check { - @include material-icon("check_circle"); - font-size: 1.75em; - } - } - - .ui-growl { - top: 90px; - - > .ui-growl-item-container { - opacity: 1; - - &.ui-growl-message-info { - background-color: #2196F3; - } - - &.ui-growl-message-warn { - background-color: #ffc107; - } - - &.ui-growl-message-error { - background-color: #e62a10; - } - - &.ui-growl-message-fatal { - background-color: #212121; - } - - &.ui-growl-message-success { - background-color: #8BC34A; - } - - &.ui-shadow { - @include overlay-content-shadow(); - } - } - - .ui-growl-item { - .ui-growl-image { - background: none; - color: #ffffff; - font-size: 36px; - - &.fa-info-circle { - @include material-icon("info"); - font-size: 1.75em; - } - - &.fa-exclamation-circle { - @include material-icon("warning"); - font-size: 1.75em; - } - - &.fa-close { - @include material-icon("error_outline"); - font-size: 1.75em; - } - - &.fa-check { - @include material-icon("check_circle"); - font-size: 1.75em; - } - } - - .ui-growl-message { - color: #ffffff; - } - - .ui-growl-icon-close { - @include material-icon("close"); - font-size: 24px; - color: #ffffff; - } - } - } -} \ No newline at end of file diff --git a/src/assets/sass/theme/_misc.scss b/src/assets/sass/theme/_misc.scss deleted file mode 100644 index 24db6895..00000000 --- a/src/assets/sass/theme/_misc.scss +++ /dev/null @@ -1,53 +0,0 @@ -body { - .ui-draggable-dragging.ui-state-default { - padding: $headerPadding !important; - background-color: $primaryColor; - } - - .jqplot-target { - font-family: "Roboto","Helvetica Neue",sans-serif; - } - - .ui-progressbar { - height: .5em; - background-color: $primaryLightColor; - overflow: hidden; - border: 0 none; - - .ui-progressbar-value { - height: .5em; - } - - .ui-progressbar-label { - color: #ffffff; - display: none !important; - } - } - - .ui-galleria { - .ui-galleria-nav-prev { - left: 0; - } - - .ui-galleria-nav-next { - right: 0; - } - } - - .ui-inplace { - .ui-inplace-display { - @include transition(background-color .3s); - @include border-radius(3px); - - &:hover { - background-color: $hoverBgColor; - } - } - } - - .ui-terminal { - .ui-terminal-input { - font-size: $fontSize; - } - } -} \ No newline at end of file diff --git a/src/assets/sass/theme/_overlay.scss b/src/assets/sass/theme/_overlay.scss deleted file mode 100644 index 51222082..00000000 --- a/src/assets/sass/theme/_overlay.scss +++ /dev/null @@ -1,176 +0,0 @@ -body { - .ui-dialog { - &.ui-shadow { - @include overlay-content-shadow(); - } - - .ui-dialog-titlebar { - background-color: #ffffff; - color: $textColor; - padding: $headerPadding; - - .ui-dialog-title { - font-size: 1.25em; - letter-spacing: .005em; - margin-top: .25em; - line-height: 2em; - } - - .ui-dialog-titlebar-icon { - border: 0 none; - padding: 0; - @include border-radius(50%); - @include transition(background-color .3s); - height: 1.5em; - width: 1.5em; - text-align: center; - margin-top: .5em; - - &:hover, &:focus { - @include hover-element(); - } - - .fa { - color: $textSecondaryColor; - display: inline-block; - } - - .fa-extlink { - @include icon_override('fullscreen'); - } - - .fa-newwin { - @include icon_override('fullscreen_exit'); - } - } - } - - .ui-dialog-content { - padding: $contentPadding; - } - - .ui-dialog-buttonpane, .ui-dialog-footer { - text-align: right; - - .ui-button { - background-color: #ffffff; - color: $textColor; - @include no-shadow(); - width: auto; - - .fa { - color: $textSecondaryColor; - } - - &:hover { - @include hover-element(); - } - } - } - - .ui-confirm-dialog-severity { - margin: 0px .75em; - } - } - - .ui-lightbox { - &.ui-shadow { - @include overlay-content-shadow(); - } - - .ui-lightbox-caption { - padding: $headerPadding; - - .ui-lightbox-caption-text { - margin: 0; - } - - .ui-lightbox-close { - @include border-radius(50%); - @include transition(background-color .3s); - padding: 0; - margin: 0; - width: 1.5em; - height: 1.5em; - - &:hover { - background-color: $primaryLightColor; - @include border-radius(50%); - @include transition(background-color .3s); - } - } - } - - .ui-lightbox-content-wrapper { - .ui-lightbox-nav-right, .ui-lightbox-nav-left { - top: 40%; - - .fa { - @include transition(color .3s); - font-size: 3em; - color: $primaryLightColor; - } - } - } - } - - .ui-overlaypanel { - &.ui-shadow { - @include overlay-content-shadow(); - } - - .ui-overlaypanel-close { - background-color: $accentColor; - @include border-radius(50%); - @include transition(background-color .3s); - right: -16px; - top: -16px; - width: 2em; - height: 2em; - line-height: 2em; - text-align: center; - @include content-shadow(); - - span { - color: $accentTextColor; - line-height: inherit; - } - - &:hover { - background-color: $accentDarkColor; - } - } - } - - .ui-tooltip { - @include opacity(.9); - - .ui-tooltip-text { - background-color: #323232; - } - - &.ui-tooltip-top { - .ui-tooltip-arrow { - border-top-color: #323232; - } - } - - &.ui-tooltip-bottom { - .ui-tooltip-arrow { - border-bottom-color: #323232; - } - } - - &.ui-tooltip-left { - .ui-tooltip-arrow { - border-left-color: #323232; - } - } - - &.ui-tooltip-right { - .ui-tooltip-arrow { - border-right-color: #323232; - } - } - } -} \ No newline at end of file diff --git a/src/assets/sass/theme/_panel.scss b/src/assets/sass/theme/_panel.scss deleted file mode 100644 index f04789be..00000000 --- a/src/assets/sass/theme/_panel.scss +++ /dev/null @@ -1,280 +0,0 @@ -body { - .ui-panel { - padding: 0; - - .ui-panel-titlebar { - border: 0 none; - border-bottom: 1px solid $primaryColor; - padding: $headerPadding; - @include border-radius-top($borderRadius - 1); - @include border-radius-bottom(0); - - .ui-panel-title { - line-height: 1.5em; - } - - .ui-panel-titlebar-icon { - position: relative; - width: 1.5em; - height: 1.5em; - color: #ffffff; - margin: 0; - @include transition(background-color .3s); - @include border-radius(50%); - - &:hover { - background-color: $primaryLightColor; - } - } - } - - .ui-panel-content { - height: 100%; - box-sizing: border-box; - padding: $contentPadding; - } - - .ui-panel-footer { - padding: $headerPadding; - border: 0 none; - border-top: 1px solid $dividerColor; - margin: 0; - } - } - - .ui-fieldset { - padding: $contentPadding; - - .ui-fieldset-legend { - padding: $headerPadding; - padding-left: .125em; - padding-right: .5em; - color: $primaryColor; - - .ui-fieldset-toggler { - padding: .5em; - height: 2em; - width: 2em; - background-color: $primaryColor; - color: #ffffff; - font-size: 1.5em; - @include border-radius(50%); - @include transition(background-color .3s); - margin-right: .5em; - @include content-shadow(); - - &:hover { - background-color: $primaryDarkColor; - } - } - - &.ui-state-focus { - background-color: transparent; - } - } - } - - .ui-accordion { - .ui-accordion-header { - background-color: $primaryColor; - padding: 0; - color:#ffffff; - font-size: $headerFontSize; - @include transition(background-color .3s); - - > a { - padding: $headerPadding; - padding-left: 2.5em; - color: #ffffff; - } - - &:not(.ui-state-active):not(.ui-state-disabled):hover { - background-color: $primaryDarkColor; - } - - &.ui-state-active { - background-color: $accentColor; - color: $accentTextColor; - @include border-radius-bottom(0); - - > a { - color: $accentTextColor; - } - } - - .fa-caret-right { - margin-top: -.5em; - font-size: 1.5em; - } - - .fa-caret-down { - margin-top: -.5em; - font-size: 1.5em; - } - } - - .ui-accordion-content { - padding: $contentPadding; - line-height: $lineHeight; - } - } - - .ui-toolbar { - background-color: $primaryDarkColor; - @include content-shadow(); - padding: .625em; - } - - .ui-tabview { - padding: 0; - - .ui-tabview-nav { - background-color: #ffffff; - border: 0 none; - @include border-radius(0); - - > li { - padding: 0; - @include transition(border-color .3s); - - > a { - padding: $headerPadding; - - &:focus { - outline: 0 none; - } - } - - > .fa-close { - margin: .325em 0 0 0; - @include transition(color .3s); - color: $textSecondaryColor; - } - - .ui-tabview-left-icon, .ui-tabview-right-icon { - color: $textSecondaryColor; - display: inline-block; - vertical-align: middle; - } - - .ui-tabview-title { - line-height: 1.5em; - vertical-align: middle; - } - - &.ui-state-default { - a { - color: $textSecondaryColor; - } - } - - &:not(.ui-state-active):not(.ui-state-disabled):hover { - background-color: #ffffff; - } - - &.ui-state-active { - background-color: #ffffff; - border-color: $accentColor; - border-style: solid; - - a { - color: $primaryColor; - } - - > .fa-close { - color: $accentColor; - } - } - - &.ui-tabview-outline { - outline: 0 none; - border-color: $accentLightColor; - } - } - } - - .ui-tabview-panel { - padding: $contentPadding; - } - - &.ui-tabview-top { - > .ui-tabview-nav { - padding: 0; - margin: 0; - @include border-radius-top(4px); - border-bottom: 1px solid $dividerColor; - - > li { - border-style: solid; - border-width: 0 0 2px 0; - } - } - } - - &.ui-tabview-bottom { - > .ui-tabview-nav { - padding: 0; - margin: 0; - @include border-radius-bottom(4px); - border-top: 1px solid $dividerColor; - - > li { - border-width: 2px 0 0 0; - } - } - } - - &.ui-tabview-left { - > .ui-tabview-nav { - padding: 0; - margin: 0; - @include border-radius-left($borderRadius + 1); - border-right: 1px solid $dividerColor; - - > li { - box-sizing: border-box; - border-width: 0 2px 0 0; - - > a { - width: 100%; - box-sizing: border-box; - } - } - } - } - - &.ui-tabview-right { - > .ui-tabview-nav { - padding: 0; - @include border-radius-right($borderRadius + 1); - border-left: 1px solid $dividerColor; - - > li { - box-sizing: border-box; - border-width: 0 0 0 2px; - - > a { - width: 100%; - box-sizing: border-box; - } - - &.ui-state-active { - > a { - padding-left: 0.875em; - } - } - } - } - } - } -} - -@media (max-width: 640px) { - body { - .ui-toolbar { - .ui-toolbar-group-right { - margin-top: 1em; - } - } - } -} \ No newline at end of file diff --git a/src/assets/sass/theme/_theme.scss b/src/assets/sass/theme/_theme.scss deleted file mode 100644 index 45800e88..00000000 --- a/src/assets/sass/theme/_theme.scss +++ /dev/null @@ -1,11 +0,0 @@ -@import '../_variables'; -@import '../_mixins'; -@import '_icons'; -@import '_common'; -@import '_forms'; -@import '_panel'; -@import '_data'; -@import '_menu'; -@import '_message'; -@import '_overlay'; -@import '_misc'; \ No newline at end of file diff --git a/src/assets/sass/theme/_theme_dark.scss b/src/assets/sass/theme/_theme_dark.scss new file mode 100644 index 00000000..ea08e58f --- /dev/null +++ b/src/assets/sass/theme/_theme_dark.scss @@ -0,0 +1,6 @@ +@import '../variables/theme/_theme_dark'; +@import './_compact'; +@import '../overrides/_theme_variables'; +@import './designer/_components'; +@import './extensions/_vendor_extensions'; +@import '../overrides/_theme_styles'; diff --git a/src/assets/sass/theme/_theme_light.scss b/src/assets/sass/theme/_theme_light.scss new file mode 100644 index 00000000..d5109943 --- /dev/null +++ b/src/assets/sass/theme/_theme_light.scss @@ -0,0 +1,6 @@ +@import '../variables/theme/_theme_light'; +@import './_compact'; +@import '../overrides/_theme_variables'; +@import './designer/_components'; +@import './extensions/_vendor_extensions'; +@import '../overrides/_theme_styles'; diff --git a/src/assets/sass/theme/designer/_colors.scss b/src/assets/sass/theme/designer/_colors.scss new file mode 100644 index 00000000..2dca1c90 --- /dev/null +++ b/src/assets/sass/theme/designer/_colors.scss @@ -0,0 +1,18 @@ +:root { + @if variable-exists(colors) { + @each $name, $color in $colors { + @for $i from 0 through 5 { + @if ($i == 0) { + --#{$name}-50:#{tint($color, (5 - $i) * 19%)}; + } + @else { + --#{$name}-#{$i * 100}:#{tint($color, (5 - $i) * 19%)}; + } + } + + @for $i from 1 through 4 { + --#{$name}-#{($i + 5) * 100}:#{shade($color, $i * 15%)}; + } + } + } +} diff --git a/src/assets/sass/theme/designer/_common.scss b/src/assets/sass/theme/designer/_common.scss new file mode 100644 index 00000000..a79fc7dc --- /dev/null +++ b/src/assets/sass/theme/designer/_common.scss @@ -0,0 +1,40 @@ +* { + box-sizing: border-box; +} + +.p-component { + font-family: $fontFamily; + font-size: $fontSize; + font-weight: $fontWeight; +} + +.p-component-overlay { + background-color: $maskBg; + transition-duration: $transitionDuration; +} + +.p-disabled, .p-component:disabled { + opacity: $disabledOpacity; +} + +.p-error { + color: $errorColor; +} + +.p-text-secondary { + color: $textSecondaryColor; +} + +.pi { + font-size: $primeIconFontSize; +} + +.p-link { + font-size: $fontSize; + font-family: $fontFamily; + border-radius: $borderRadius; + + &:focus { + @include focused(); + } +} \ No newline at end of file diff --git a/src/assets/sass/theme/designer/_components.scss b/src/assets/sass/theme/designer/_components.scss new file mode 100644 index 00000000..416f5b82 --- /dev/null +++ b/src/assets/sass/theme/designer/_components.scss @@ -0,0 +1,101 @@ +@import '_mixins'; +@import '_common'; +@import '_colors'; + +//Input +@import './components/input/_autocomplete'; +@import './components/input/_calendar'; +@import './components/input/_cascadeselect'; +@import './components/input/_checkbox'; +@import './components/input/_chips'; +@import './components/input/_colorpicker'; +@import './components/input/_dropdown'; +@import './components/input/_editor'; +@import './components/input/_inputgroup'; +@import './components/input/_inputmask'; +@import './components/input/_inputnumber'; +@import './components/input/_inputswitch'; +@import './components/input/_inputtext'; +@import './components/input/_listbox'; +@import './components/input/_multiselect'; +@import './components/input/_password'; +@import './components/input/_radiobutton'; +@import './components/input/_rating'; +@import './components/input/_selectbutton'; +@import './components/input/_slider'; +@import './components/input/_togglebutton'; +@import './components/input/_treeselect'; + +//Button +@import './components/button/_button'; +@import './components/button/_speeddial'; +@import './components/button/_splitbutton'; + +//Data +@import './components/data/_carousel'; +@import './components/data/_datatable'; +@import './components/data/_dataview'; +@import './components/data/_filter'; +@import './components/data/_fullcalendar'; +@import './components/data/_orderlist'; +@import './components/data/_organizationchart'; +@import './components/data/_paginator'; +@import './components/data/_picklist'; +@import './components/data/_timeline'; +@import './components/data/_tree'; +@import './components/data/_treetable'; +@import './components/data/_virtualscroller'; + +//Panel +@import './components/panel/_accordion'; +@import './components/panel/_card'; +@import './components/panel/_divider'; +@import './components/panel/_fieldset'; +@import './components/panel/_panel'; +@import './components/panel/_scrollpanel'; +@import './components/panel/_splitter'; +@import './components/panel/_tabview'; +@import './components/panel/_toolbar'; + +//Overlay +@import './components/overlay/_confirmpopup'; +@import './components/overlay/_dialog'; +@import './components/overlay/_overlaypanel'; +@import './components/overlay/_sidebar'; +@import './components/overlay/_tooltip'; + +//File +@import './components/file/_fileupload'; + +//Menu +@import './components/menu/_breadcrumb'; +@import './components/menu/_contextmenu'; +@import './components/menu/_dock'; +@import './components/menu/_megamenu'; +@import './components/menu/_menu'; +@import './components/menu/_menubar'; +@import './components/menu/_panelmenu'; +@import './components/menu/_slidemenu'; +@import './components/menu/_steps'; +@import './components/menu/_tabmenu'; +@import './components/menu/_tieredmenu'; + +//Messages +@import './components/messages/_inlinemessage'; +@import './components/messages/_message'; +@import 'components/messages/toast'; + +//MultiMedia +@import './components/multimedia/_galleria'; + +//Misc +@import './components/misc/_avatar'; +@import './components/misc/_badge'; +@import './components/misc/_blockui'; +@import './components/misc/_chip'; +@import './components/misc/_inplace'; +@import './components/misc/_progressbar'; +@import './components/misc/_scrolltop'; +@import './components/misc/_skeleton'; +@import './components/misc/_tag'; +@import './components/misc/_terminal'; diff --git a/src/assets/sass/theme/designer/_mixins.scss b/src/assets/sass/theme/designer/_mixins.scss new file mode 100644 index 00000000..a957cecb --- /dev/null +++ b/src/assets/sass/theme/designer/_mixins.scss @@ -0,0 +1,174 @@ +@mixin icon-override($icon) { + &:before { + content: $icon; + } +} + +@mixin focused() { + outline: $focusOutline; + outline-offset: $focusOutlineOffset; + box-shadow: $focusShadow; +} + +@mixin focused-input() { + @include focused(); + border-color: $inputFocusBorderColor; +} + +@mixin focused-listitem() { + outline: $focusOutline; + outline-offset: $focusOutlineOffset; + box-shadow: $inputListItemFocusShadow; +} + +@mixin invalid-input() { + border-color: $inputErrorBorderColor; +} + +@mixin menuitem-link { + padding: $menuitemPadding; + color: $menuitemTextColor; + border-radius: $menuitemBorderRadius; + transition: $listItemTransition; + user-select: none; + + .p-menuitem-text { + color: $menuitemTextColor; + } + + .p-menuitem-icon { + color: $menuitemIconColor; + margin-right: $inlineSpacing; + } + + .p-submenu-icon { + color: $menuitemIconColor; + } + + &:not(.p-disabled):hover { + background: $menuitemHoverBg; + + .p-menuitem-text { + color: $menuitemTextHoverColor; + } + + .p-menuitem-icon { + color: $menuitemIconHoverColor; + } + + .p-submenu-icon { + color: $menuitemIconHoverColor; + } + } + + &:focus { + @include focused-listitem(); + } +} + +@mixin horizontal-rootmenuitem-link { + padding: $horizontalMenuRootMenuitemPadding; + color: $horizontalMenuRootMenuitemTextColor; + border-radius: $horizontalMenuRootMenuitemBorderRadius; + transition: $listItemTransition; + user-select: none; + + .p-menuitem-text { + color: $horizontalMenuRootMenuitemTextColor; + } + + .p-menuitem-icon { + color: $horizontalMenuRootMenuitemIconColor; + margin-right: $inlineSpacing; + } + + .p-submenu-icon { + color: $horizontalMenuRootMenuitemIconColor; + margin-left: $inlineSpacing; + } + + &:not(.p-disabled):hover { + background: $horizontalMenuRootMenuitemHoverBg; + + .p-menuitem-text { + color: $horizontalMenuRootMenuitemTextHoverColor; + } + + .p-menuitem-icon { + color: $horizontalMenuRootMenuitemIconHoverColor; + } + + .p-submenu-icon { + color: $horizontalMenuRootMenuitemIconHoverColor; + } + } + + &:focus { + @include focused-listitem(); + } +} + +@mixin placeholder { + ::-webkit-input-placeholder { + @content + } + :-moz-placeholder { + @content + } + ::-moz-placeholder { + @content + } + :-ms-input-placeholder { + @content + } +} + +@mixin scaledPadding($val, $scale) { + padding: nth($val, 1) * $scale nth($val, 2) * $scale; +} + +@mixin scaledFontSize($val, $scale) { + font-size: $val * $scale; +} + +@mixin nested-submenu-indents($val, $index, $length) { + ul { + li { + a { + padding-left: $val * ($index + 1); + } + + @if $index < $length { + @include nested-submenu-indents($val, $index + 2, $length); + } + } + } +} + +@mixin action-icon($enabled: true) { + width: $actionIconWidth; + height: $actionIconHeight; + color: $actionIconColor; + border: $actionIconBorder; + background: $actionIconBg; + border-radius: $actionIconBorderRadius; + transition: $actionIconTransition; + + &:enabled:hover { + color: $actionIconHoverColor; + border-color: $actionIconHoverBorderColor; + background: $actionIconHoverBg; + } + + &:focus { + @include focused(); + } +} + +@function tint($color, $percentage) { + @return mix(#fff, $color, $percentage); +} + +@function shade($color, $percentage) { + @return mix(#000, $color, $percentage); +} diff --git a/src/assets/sass/theme/designer/components/button/_button.scss b/src/assets/sass/theme/designer/components/button/_button.scss new file mode 100644 index 00000000..9e6c71ca --- /dev/null +++ b/src/assets/sass/theme/designer/components/button/_button.scss @@ -0,0 +1,560 @@ +.p-button { + color: $buttonTextColor; + background: $buttonBg; + border: $buttonBorder; + padding: $buttonPadding; + font-size: $fontSize; + transition: $formElementTransition; + border-radius: $borderRadius; + + &:enabled:hover { + background: $buttonHoverBg; + color: $buttonTextHoverColor; + border-color: $buttonHoverBorderColor; + } + + &:enabled:active { + background: $buttonActiveBg; + color: $buttonTextActiveColor; + border-color: $buttonActiveBorderColor; + } + + &.p-button-outlined { + background-color: transparent; + color: $buttonBg; + border: $outlinedButtonBorder; + + &:enabled:hover { + background: rgba($buttonBg, $textButtonHoverBgOpacity); + color: $buttonBg; + border: $outlinedButtonBorder; + } + + &:enabled:active { + background: rgba($buttonBg, $textButtonActiveBgOpacity); + color: $buttonBg; + border: $outlinedButtonBorder; + } + + &.p-button-plain { + color: $plainButtonTextColor; + border-color: $plainButtonTextColor; + + &:enabled:hover { + background: $plainButtonHoverBgColor; + color: $plainButtonTextColor; + } + + &:enabled:active { + background: $plainButtonActiveBgColor; + color: $plainButtonTextColor; + } + } + } + + &.p-button-text { + background-color: transparent; + color: $buttonBg; + border-color: transparent; + + &:enabled:hover { + background: rgba($buttonBg, $textButtonHoverBgOpacity); + color: $buttonBg; + border-color: transparent; + } + + &:enabled:active { + background: rgba($buttonBg, $textButtonActiveBgOpacity); + color: $buttonBg; + border-color: transparent; + } + + &.p-button-plain { + color: $plainButtonTextColor; + + &:enabled:hover { + background: $plainButtonHoverBgColor; + color: $plainButtonTextColor; + } + + &:enabled:active { + background: $plainButtonActiveBgColor; + color: $plainButtonTextColor; + } + } + } + + &:focus { + @include focused(); + } + + .p-button-icon-left { + margin-right: $inlineSpacing; + } + + .p-button-icon-right { + margin-left: $inlineSpacing; + } + + .p-button-icon-bottom { + margin-top: $inlineSpacing; + } + + .p-button-icon-top { + margin-bottom: $inlineSpacing; + } + + .p-badge { + margin-left: $inlineSpacing; + min-width: $fontSize; + height: $fontSize; + line-height: $fontSize; + color: $buttonBg; + background-color: $buttonTextColor; + } + + &.p-button-raised { + box-shadow: $raisedButtonShadow; + } + + &.p-button-rounded { + border-radius: $roundedButtonBorderRadius; + } + + &.p-button-icon-only { + width: $buttonIconOnlyWidth; + padding: $buttonIconOnlyPadding; + + .p-button-icon-left, + .p-button-icon-right { + margin: 0; + } + + &.p-button-rounded { + border-radius: 50%; + height: $buttonIconOnlyWidth; + } + } + + &.p-button-sm { + @include scaledFontSize($fontSize, $scaleSM); + @include scaledPadding($buttonPadding, $scaleSM); + + .p-button-icon { + @include scaledFontSize($primeIconFontSize, $scaleSM); + } + } + + &.p-button-lg { + @include scaledFontSize($fontSize, $scaleLG); + @include scaledPadding($buttonPadding, $scaleLG); + + .p-button-icon { + @include scaledFontSize($primeIconFontSize, $scaleLG); + } + } + + &.p-button-loading-label-only { + .p-button-label { + margin-left: $inlineSpacing; + } + + .p-button-loading-icon { + margin-right: 0; + } + } +} + +.p-fluid { + .p-button { + width: 100%; + } + + .p-button-icon-only { + width: $buttonIconOnlyWidth; + } + + .p-buttonset { + display: flex; + + .p-button { + flex: 1; + } + } +} + +.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + color: $secondaryButtonTextColor; + background: $secondaryButtonBg; + border: $secondaryButtonBorder; + + &:enabled:hover { + background: $secondaryButtonHoverBg; + color: $secondaryButtonTextHoverColor; + border-color: $secondaryButtonHoverBorderColor; + } + + &:enabled:focus { + box-shadow: $secondaryButtonFocusShadow; + } + + &:enabled:active { + background: $secondaryButtonActiveBg; + color: $secondaryButtonTextActiveColor; + border-color: $secondaryButtonActiveBorderColor; + } + + &.p-button-outlined { + background-color: transparent; + color: $secondaryButtonBg; + border: $outlinedButtonBorder; + + &:enabled:hover { + background: rgba($secondaryButtonBg, $textButtonHoverBgOpacity); + color: $secondaryButtonBg; + border: $outlinedButtonBorder; + } + + &:enabled:active { + background: rgba($secondaryButtonBg, $textButtonActiveBgOpacity); + color: $secondaryButtonBg; + border: $outlinedButtonBorder; + } + } + + &.p-button-text { + background-color: transparent; + color: $secondaryButtonBg; + border-color: transparent; + + &:enabled:hover { + background: rgba($secondaryButtonBg, $textButtonHoverBgOpacity); + border-color: transparent; + color: $secondaryButtonBg; + } + + &:enabled:active { + background: rgba($secondaryButtonBg, $textButtonActiveBgOpacity); + border-color: transparent; + color: $secondaryButtonBg; + } + } +} + +.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: $infoButtonTextColor; + background: $infoButtonBg; + border: $infoButtonBorder; + + &:enabled:hover { + background: $infoButtonHoverBg; + color: $infoButtonTextHoverColor; + border-color: $infoButtonHoverBorderColor; + } + + &:enabled:focus { + box-shadow: $infoButtonFocusShadow; + } + + &:enabled:active { + background: $infoButtonActiveBg; + color: $infoButtonTextActiveColor; + border-color: $infoButtonActiveBorderColor; + } + + &.p-button-outlined { + background-color: transparent; + color: $infoButtonBg; + border: $outlinedButtonBorder; + + &:enabled:hover { + background: rgba($infoButtonBg, $textButtonHoverBgOpacity); + color: $infoButtonBg; + border: $outlinedButtonBorder; + } + + &:enabled:active { + background: rgba($infoButtonBg, $textButtonActiveBgOpacity); + color: $infoButtonBg; + border: $outlinedButtonBorder; + } + } + + &.p-button-text { + background-color: transparent; + color: $infoButtonBg; + border-color: transparent; + + &:enabled:hover { + background: rgba($infoButtonBg, $textButtonHoverBgOpacity); + border-color: transparent; + color: $infoButtonBg; + } + + &:enabled:active { + background: rgba($infoButtonBg, $textButtonActiveBgOpacity); + border-color: transparent; + color: $infoButtonBg; + } + } +} + +.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: $successButtonTextColor; + background: $successButtonBg; + border: $successButtonBorder; + + &:enabled:hover { + background: $successButtonHoverBg; + color: $successButtonTextHoverColor; + border-color: $successButtonHoverBorderColor; + } + + &:enabled:focus { + box-shadow: $successButtonFocusShadow; + } + + &:enabled:active { + background: $successButtonActiveBg; + color: $successButtonTextActiveColor; + border-color: $successButtonActiveBorderColor; + } + + &.p-button-outlined { + background-color: transparent; + color: $successButtonBg; + border: $outlinedButtonBorder; + + &:enabled:hover { + background: rgba($successButtonBg, $textButtonHoverBgOpacity); + color: $successButtonBg; + border: $outlinedButtonBorder; + } + + &:enabled:active { + background: rgba($successButtonBg, $textButtonActiveBgOpacity); + color: $successButtonBg; + border: $outlinedButtonBorder; + } + } + + &.p-button-text { + background-color: transparent; + color: $successButtonBg; + border-color: transparent; + + &:enabled:hover { + background: rgba($successButtonBg, $textButtonHoverBgOpacity); + border-color: transparent; + color: $successButtonBg; + } + + &:enabled:active { + background: rgba($successButtonBg, $textButtonActiveBgOpacity); + border-color: transparent; + color: $successButtonBg; + } + } +} + +.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: $warningButtonTextColor; + background: $warningButtonBg; + border: $warningButtonBorder; + + &:enabled:hover { + background: $warningButtonHoverBg; + color: $warningButtonTextHoverColor; + border-color: $warningButtonHoverBorderColor; + } + + &:enabled:focus { + box-shadow: $warningButtonFocusShadow; + } + + &:enabled:active { + background: $warningButtonActiveBg; + color: $warningButtonTextActiveColor; + border-color: $warningButtonActiveBorderColor; + } + + &.p-button-outlined { + background-color: transparent; + color: $warningButtonBg; + border: $outlinedButtonBorder; + + &:enabled:hover { + background: rgba($warningButtonBg, $textButtonHoverBgOpacity); + color: $warningButtonBg; + border: $outlinedButtonBorder; + } + + &:enabled:active { + background: rgba($warningButtonBg, $textButtonActiveBgOpacity); + color: $warningButtonBg; + border: $outlinedButtonBorder; + } + } + + &.p-button-text { + background-color: transparent; + color: $warningButtonBg; + border-color: transparent; + + &:enabled:hover { + background: rgba($warningButtonBg, $textButtonHoverBgOpacity); + border-color: transparent; + color: $warningButtonBg; + } + + &:enabled:active { + background: rgba($warningButtonBg, $textButtonActiveBgOpacity); + border-color: transparent; + color: $warningButtonBg; + } + } +} + +.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: $helpButtonTextColor; + background: $helpButtonBg; + border: $helpButtonBorder; + + &:enabled:hover { + background: $helpButtonHoverBg; + color: $helpButtonTextHoverColor; + border-color: $helpButtonHoverBorderColor; + } + + &:enabled:focus { + box-shadow: $helpButtonFocusShadow; + } + + &:enabled:active { + background: $helpButtonActiveBg; + color: $helpButtonTextActiveColor; + border-color: $helpButtonActiveBorderColor; + } + + &.p-button-outlined { + background-color: transparent; + color: $helpButtonBg; + border: $outlinedButtonBorder; + + &:enabled:hover { + background: rgba($helpButtonBg, $textButtonHoverBgOpacity); + color: $helpButtonBg; + border: $outlinedButtonBorder; + } + + &:enabled:active { + background: rgba($helpButtonBg, $textButtonActiveBgOpacity); + color: $helpButtonBg; + border: $outlinedButtonBorder; + } + } + + &.p-button-text { + background-color: transparent; + color: $helpButtonBg; + border-color: transparent; + + &:enabled:hover { + background: rgba($helpButtonBg, $textButtonHoverBgOpacity); + border-color: transparent; + color: $helpButtonBg; + } + + &:enabled:active { + background: rgba($helpButtonBg, $textButtonActiveBgOpacity); + border-color: transparent; + color: $helpButtonBg; + } + } +} + +.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: $dangerButtonTextColor; + background: $dangerButtonBg; + border: $dangerButtonBorder; + + &:enabled:hover { + background: $dangerButtonHoverBg; + color: $dangerButtonTextHoverColor; + border-color: $dangerButtonHoverBorderColor; + } + + &:enabled:focus { + box-shadow: $dangerButtonFocusShadow; + } + + &:enabled:active { + background: $dangerButtonActiveBg; + color: $dangerButtonTextActiveColor; + border-color: $dangerButtonActiveBorderColor; + } + + &.p-button-outlined { + background-color: transparent; + color: $dangerButtonBg; + border: $outlinedButtonBorder; + + &:enabled:hover { + background: rgba($dangerButtonBg, $textButtonHoverBgOpacity); + color: $dangerButtonBg; + border: $outlinedButtonBorder; + } + + &:enabled:active { + background: rgba($dangerButtonBg, $textButtonActiveBgOpacity); + color: $dangerButtonBg; + border: $outlinedButtonBorder; + } + } + + &.p-button-text { + background-color: transparent; + color: $dangerButtonBg; + border-color: transparent; + + &:enabled:hover { + background: rgba($dangerButtonBg, $textButtonHoverBgOpacity); + border-color: transparent; + color: $dangerButtonBg; + } + + &:enabled:active { + background: rgba($dangerButtonBg, $textButtonActiveBgOpacity); + border-color: transparent; + color: $dangerButtonBg; + } + } +} + +.p-button.p-button-link { + color: $linkButtonColor; + background: transparent; + border: transparent; + + &:enabled:hover { + background: transparent; + color: $linkButtonHoverColor; + border-color: transparent; + + .p-button-label { + text-decoration: $linkButtonTextHoverDecoration; + } + } + + &:enabled:focus { + background: transparent; + box-shadow: $linkButtonFocusShadow; + border-color: transparent; + } + + &:enabled:active { + background: transparent; + color: $linkButtonColor; + border-color: transparent; + } +} diff --git a/src/assets/sass/theme/designer/components/button/_speeddial.scss b/src/assets/sass/theme/designer/components/button/_speeddial.scss new file mode 100644 index 00000000..759ac3e0 --- /dev/null +++ b/src/assets/sass/theme/designer/components/button/_speeddial.scss @@ -0,0 +1,79 @@ +.p-speeddial-button { + &.p-button.p-button-icon-only { + width: $speedDialButtonWidth; + height: $speedDialButtonHeight; + + .p-button-icon { + font-size: $speedDialButtonIconFontSize; + } + } +} + +.p-speeddial-action { + width: $speedDialActionWidth; + height: $speedDialActionHeight; + background: $speedDialActionBg; + color: $speedDialActionTextColor; + + &:hover { + background: $speedDialActionHoverBg; + color: $speedDialActionTextHoverColor; + } +} + +.p-speeddial-direction-up { + .p-speeddial-item { + margin: $inlineSpacing/2 0; + + &:first-child { + margin-bottom: $inlineSpacing; + } + } +} + +.p-speeddial-direction-down { + .p-speeddial-item { + margin: $inlineSpacing/2 0; + + &:first-child { + margin-top: $inlineSpacing; + } + } +} + +.p-speeddial-direction-left { + .p-speeddial-item { + margin: 0 $inlineSpacing/2; + + &:first-child { + margin-right: $inlineSpacing; + } + } +} + +.p-speeddial-direction-right { + .p-speeddial-item { + margin: 0 $inlineSpacing/2; + + &:first-child { + margin-left: $inlineSpacing; + } + } +} + +.p-speeddial-circle, +.p-speeddial-semi-circle, +.p-speeddial-quarter-circle { + .p-speeddial-item { + margin: 0; + + &:first-child, + &:last-child { + margin: 0; + } + } +} + +.p-speeddial-mask { + background-color: $maskBg; +} \ No newline at end of file diff --git a/src/assets/sass/theme/designer/components/button/_splitbutton.scss b/src/assets/sass/theme/designer/components/button/_splitbutton.scss new file mode 100644 index 00000000..10d3f1f3 --- /dev/null +++ b/src/assets/sass/theme/designer/components/button/_splitbutton.scss @@ -0,0 +1 @@ +.p-splitbutton {} diff --git a/src/assets/sass/theme/designer/components/data/_carousel.scss b/src/assets/sass/theme/designer/components/data/_carousel.scss new file mode 100644 index 00000000..87c56530 --- /dev/null +++ b/src/assets/sass/theme/designer/components/data/_carousel.scss @@ -0,0 +1,37 @@ +.p-carousel { + .p-carousel-content { + .p-carousel-prev, + .p-carousel-next { + @include action-icon(); + margin: $inlineSpacing; + } + } + + .p-carousel-indicators { + padding: $carouselIndicatorsPadding; + + .p-carousel-indicator { + margin-right: $inlineSpacing; + margin-bottom: $inlineSpacing; + + button { + background-color: $carouselIndicatorBg; + width: $carouselIndicatorWidth; + height: $carouselIndicatorHeight; + transition: $actionIconTransition; + border-radius: $carouselIndicatorBorderRadius; + + &:hover { + background: $carouselIndicatorHoverBg; + } + } + + &.p-highlight { + button { + background: $highlightBg; + color: $highlightTextColor; + } + } + } + } +} diff --git a/src/assets/sass/theme/designer/components/data/_datatable.scss b/src/assets/sass/theme/designer/components/data/_datatable.scss new file mode 100644 index 00000000..9864d19b --- /dev/null +++ b/src/assets/sass/theme/designer/components/data/_datatable.scss @@ -0,0 +1,266 @@ +.p-datatable { + .p-paginator-top { + border-width: $tableTopPaginatorBorderWidth; + border-radius: 0; + } + + .p-paginator-bottom { + border-width: $tableBottomPaginatorBorderWidth; + border-radius: 0; + } + + .p-datatable-header { + background: $tableHeaderBg; + color: $tableHeaderTextColor; + border: $tableHeaderBorder; + border-width: $tableHeaderBorderWidth; + padding: $tableHeaderPadding; + font-weight: $tableHeaderFontWeight; + } + + .p-datatable-footer { + background: $tableFooterBg; + color: $tableFooterTextColor; + border: $tableFooterBorder; + border-width: $tableFooterBorderWidth; + padding: $tableFooterPadding; + font-weight: $tableFooterFontWeight; + } + + .p-datatable-thead > tr > th { + text-align: $tableCellContentAlignment; + padding: $tableHeaderCellPadding; + border: $tableHeaderCellBorder; + border-width: $tableHeaderCellBorderWidth; + font-weight: $tableHeaderCellFontWeight; + color: $tableHeaderCellTextColor; + background: $tableHeaderCellBg; + transition: $listItemTransition; + } + + .p-datatable-tfoot > tr > td { + text-align: $tableCellContentAlignment; + padding: $tableFooterCellPadding; + border: $tableFooterCellBorder; + border-width: $tableFooterCellBorderWidth; + font-weight: $tableFooterCellFontWeight; + color: $tableFooterCellTextColor; + background: $tableFooterCellBg; + } + + .p-sortable-column { + .p-sortable-column-icon { + color: $tableHeaderCellIconColor; + margin-left: $inlineSpacing; + } + + .p-sortable-column-badge { + border-radius: 50%; + height: $tableSortableColumnBadgeSize; + min-width: $tableSortableColumnBadgeSize; + line-height: $tableSortableColumnBadgeSize; + color: $highlightTextColor; + background: $highlightBg; + margin-left: $inlineSpacing; + } + + &:not(.p-highlight):hover { + background: $tableHeaderCellHoverBg; + color: $tableHeaderCellTextHoverColor; + + .p-sortable-column-icon { + color: $tableHeaderCellIconHoverColor; + } + } + + &.p-highlight { + background: $tableHeaderCellHighlightBg; + color: $tableHeaderCellHighlightTextColor; + + .p-sortable-column-icon { + color: $tableHeaderCellHighlightTextColor; + } + + &:hover { + background: $tableHeaderCellHighlightHoverBg; + color: $tableHeaderCellHighlightTextColor; + + .p-sortable-column-icon { + color: $tableHeaderCellHighlightTextColor; + } + } + } + + &:focus { + box-shadow: $inputListItemFocusShadow; + outline: 0 none; + } + } + + .p-datatable-tbody { + > tr { + background: $tableBodyRowBg; + color: $tableBodyRowTextColor; + transition: $listItemTransition; + outline-color: $focusOutlineColor; + + > td { + text-align: $tableCellContentAlignment; + border: $tableBodyCellBorder; + border-width: $tableBodyCellBorderWidth; + padding: $tableBodyCellPadding; + + .p-row-toggler, + .p-row-editor-init, + .p-row-editor-save, + .p-row-editor-cancel { + @include action-icon(); + } + + .p-row-editor-save { + margin-right: $inlineSpacing; + } + } + + &.p-highlight { + background: $highlightBg; + color: $highlightTextColor; + } + + &.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 $highlightBg; + } + + &.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 $highlightBg; + } + } + } + + &.p-datatable-hoverable-rows { + .p-datatable-tbody > tr:not(.p-highlight):hover { + background: $tableBodyRowHoverBg; + color: $tableBodyRowTextHoverColor; + } + } + + .p-column-resizer-helper { + background: $tableResizerHelperBg; + } + + .p-datatable-scrollable-header, + .p-datatable-scrollable-footer { + background: $panelHeaderBg; + } + + .p-datatable-loading-icon { + font-size: $loadingIconFontSize; + } + + &.p-datatable-gridlines { + .p-datatable-header { + border-width: 1px 1px 0 1px; + } + + .p-datatable-footer { + border-width: 0 1px 1px 1px; + } + + .p-paginator-top { + border-width: 0 1px 0 1px; + } + + .p-paginator-bottom { + border-width: 0 1px 1px 1px; + } + + .p-datatable-thead { + > tr { + > th { + border-width: 1px 1px nth($tableHeaderCellBorderWidth,3) 1px; + } + } + } + + .p-datatable-tbody { + > tr { + > td { + border-width: 1px; + } + } + } + + .p-datatable-tfoot { + > tr { + > td { + border-width: 1px; + } + } + } + } + + &.p-datatable-striped { + .p-datatable-tbody { + > tr:nth-child(even) { + background: $tableBodyRowEvenBg; + + &.p-highlight { + background: $highlightBg; + color: $highlightTextColor; + + .p-row-toggler { + color: $highlightTextColor; + + &:hover { + color: $highlightTextColor; + } + } + } + } + } + } + + &.p-datatable-sm { + .p-datatable-header { + @include scaledPadding($tableHeaderPadding, $tableScaleSM); + } + + .p-datatable-thead > tr > th { + @include scaledPadding($tableHeaderCellPadding, $tableScaleSM); + } + + .p-datatable-tbody > tr > td { + @include scaledPadding($tableBodyCellPadding, $tableScaleSM); + } + + .p-datatable-tfoot > tr > td { + @include scaledPadding($tableFooterPadding, $tableScaleSM); + } + + .p-datatable-footer { + @include scaledPadding($tableFooterPadding, $tableScaleSM); + } + } + + &.p-datatable-lg { + .p-datatable-header { + @include scaledPadding($tableHeaderPadding, $tableScaleLG); + } + + .p-datatable-thead > tr > th { + @include scaledPadding($tableHeaderCellPadding, $tableScaleLG); + } + + .p-datatable-tbody > tr > td { + @include scaledPadding($tableBodyCellPadding, $tableScaleLG); + } + + .p-datatable-tfoot > tr > td { + @include scaledPadding($tableFooterPadding, $tableScaleLG); + } + + .p-datatable-footer { + @include scaledPadding($tableFooterPadding, $tableScaleLG); + } + } +} diff --git a/src/assets/sass/theme/designer/components/data/_dataview.scss b/src/assets/sass/theme/designer/components/data/_dataview.scss new file mode 100644 index 00000000..94560b93 --- /dev/null +++ b/src/assets/sass/theme/designer/components/data/_dataview.scss @@ -0,0 +1,55 @@ +.p-dataview { + .p-paginator-top { + border-width: $tableTopPaginatorBorderWidth; + border-radius: 0; + } + + .p-paginator-bottom { + border-width: $tableBottomPaginatorBorderWidth; + border-radius: 0; + } + + .p-dataview-header { + background: $tableHeaderBg; + color: $tableHeaderTextColor; + border: $tableHeaderBorder; + border-width: $tableHeaderBorderWidth; + padding: $tableHeaderPadding; + font-weight: $tableHeaderFontWeight; + } + + .p-dataview-content { + background: $tableBodyRowBg; + color: $tableBodyRowTextColor; + border: $dataViewContentBorder; + padding: $dataViewContentPadding; + } + + &.p-dataview-list { + .p-dataview-content { + > .grid > div { + border: $dataViewListItemBorder; + border-width: $dataViewListItemBorderWidth; + } + } + } + + .p-dataview-footer { + background: $tableFooterBg; + color: $tableFooterTextColor; + border: $tableFooterBorder; + border-width: $tableFooterBorderWidth; + padding: $tableFooterPadding; + font-weight: $tableFooterFontWeight; + border-bottom-left-radius: $borderRadius; + border-bottom-right-radius: $borderRadius; + } + + .p-dataview-loading-icon { + font-size: $loadingIconFontSize; + } + + .p-dataview-emptymessage { + padding: $panelContentPadding; + } +} diff --git a/src/assets/sass/theme/designer/components/data/_filter.scss b/src/assets/sass/theme/designer/components/data/_filter.scss new file mode 100644 index 00000000..b82ae1b3 --- /dev/null +++ b/src/assets/sass/theme/designer/components/data/_filter.scss @@ -0,0 +1,138 @@ +.p-column-filter-row { + .p-column-filter-menu-button, + .p-column-filter-clear-button { + margin-left: $inlineSpacing; + } +} + +.p-column-filter-menu-button { + width: $actionIconWidth; + height: $actionIconHeight; + color: $actionIconColor; + border: $actionIconBorder; + background: $actionIconBg; + border-radius: $actionIconBorderRadius; + transition: $actionIconTransition; + + &:hover { + color: $actionIconHoverColor; + border-color: $actionIconHoverBorderColor; + background: $actionIconHoverBg; + } + + &.p-column-filter-menu-button-open, + &.p-column-filter-menu-button-open:hover { + background: $actionIconHoverBg; + color: $actionIconHoverColor; + } + + &.p-column-filter-menu-button-active, + &.p-column-filter-menu-button-active:hover { + background: $highlightBg; + color: $highlightTextColor; + } + + &:focus { + @include focused(); + } + +} + +.p-column-filter-clear-button { + width: $actionIconWidth; + height: $actionIconHeight; + color: $actionIconColor; + border: $actionIconBorder; + background: $actionIconBg; + border-radius: $actionIconBorderRadius; + transition: $actionIconTransition; + + &:hover { + color: $actionIconHoverColor; + border-color: $actionIconHoverBorderColor; + background: $actionIconHoverBg; + } + + &:focus { + @include focused(); + } +} + +.p-column-filter-overlay { + background: $inputOverlayBg; + color: $inputListTextColor; + border: $inputOverlayBorder; + border-radius: $borderRadius; + box-shadow: $inputOverlayShadow; + min-width: $menuWidth; + + .p-column-filter-row-items { + padding: $inputListPadding; + + .p-column-filter-row-item { + margin: $inputListItemMargin; + padding: $inputListItemPadding; + border: $inputListItemBorder; + color: $inputListItemTextColor; + background: $inputListItemBg; + transition: $listItemTransition; + border-radius: $inputListItemBorderRadius; + + &.p-highlight { + color: $highlightTextColor; + background: $highlightBg; + } + + &:not(.p-highlight):not(.p-disabled):hover { + color: $inputListItemTextHoverColor; + background: $inputListItemHoverBg; + } + + &:focus { + @include focused-listitem(); + } + } + + .p-column-filter-separator { + border-top: $divider; + margin: $menuSeparatorMargin; + } + } +} + +.p-column-filter-overlay-menu { + .p-column-filter-operator { + padding: $inputListHeaderPadding; + border-bottom: $inputListHeaderBorder; + color: $inputListHeaderTextColor; + background: $inputOverlayHeaderBg; + margin: $inputListHeaderMargin; + border-top-right-radius: $borderRadius; + border-top-left-radius: $borderRadius; + } + + .p-column-filter-constraint { + padding: $panelContentPadding; + border-bottom: $divider; + + .p-column-filter-matchmode-dropdown { + margin-bottom: $inlineSpacing; + } + + .p-column-filter-remove-button { + margin-top: $inlineSpacing; + } + + &:last-child { + border-bottom: 0 none; + } + } + + .p-column-filter-add-rule { + padding: $panelFooterPadding; + } + + .p-column-filter-buttonbar { + padding: $panelContentPadding; + } +} \ No newline at end of file diff --git a/src/assets/sass/theme/designer/components/data/_fullcalendar.scss b/src/assets/sass/theme/designer/components/data/_fullcalendar.scss new file mode 100644 index 00000000..13c1c429 --- /dev/null +++ b/src/assets/sass/theme/designer/components/data/_fullcalendar.scss @@ -0,0 +1,324 @@ +.fc { + /* FullCalendar 4 */ + &.fc-unthemed { + .fc-view-container { + th { + background: $panelHeaderBg; + border: $panelHeaderBorder; + color: $panelHeaderTextColor; + } + + td { + &.fc-widget-content { + background: $panelContentBg; + border: $panelContentBorder; + color: $panelContentTextColor; + } + + &.fc-head-container { + border: $panelHeaderBorder; + } + } + + .fc-row { + border-right: $panelHeaderBorder; + } + + .fc-event { + background: $fullCalendarEventBg; + border: $fullCalendarEventBorder; + color: $fullCalendarEventTextColor; + } + + .fc-divider { + background: $panelHeaderBg; + border: $panelHeaderBorder; + } + } + + .fc-toolbar { + .fc-button { + color: $buttonTextColor; + background: $buttonBg; + border: $buttonBorder; + font-size: $fontSize; + transition: $formElementTransition; + border-radius: $borderRadius; + display: flex; + align-items: center; + + &:enabled:hover { + background: $buttonHoverBg; + color: $buttonTextHoverColor; + border-color: $buttonHoverBorderColor; + } + + &:enabled:active { + background: $buttonActiveBg; + color: $buttonTextActiveColor; + border-color: $buttonActiveBorderColor; + + &:focus { + @include focused(); + } + } + + .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + @include icon_override("\e900"); + font-size: $primeIconFontSize; + } + + .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + @include icon_override("\e901"); + font-size: $primeIconFontSize; + } + + &:focus { + @include focused(); + } + + &.fc-dayGridMonth-button, + &.fc-timeGridWeek-button, + &.fc-timeGridDay-button { + background: $toggleButtonBg; + border: $toggleButtonBorder; + color: $toggleButtonTextColor; + transition: $formElementTransition; + + &:hover { + background: $toggleButtonHoverBg; + border-color: $toggleButtonHoverBorderColor; + color: $toggleButtonTextHoverColor; + } + + &.fc-button-active { + background: $toggleButtonActiveBg; + border-color: $toggleButtonActiveBorderColor; + color: $toggleButtonTextActiveColor; + + &:hover { + background: $toggleButtonActiveHoverBg; + border-color: $toggleButtonActiveHoverBorderColor; + color: $toggleButtonTextActiveHoverColor; + } + } + + &:focus { + @include focused(); + z-index: 1; + } + } + } + + .fc-button-group { + .fc-button { + border-radius: 0; + + &:first-child { + border-top-left-radius: $borderRadius; + border-bottom-left-radius: $borderRadius; + } + + &:last-child { + border-top-right-radius: $borderRadius; + border-bottom-right-radius: $borderRadius; + } + } + } + } + } + + /* FullCalendar 5 */ + &.fc-theme-standard { + .fc-view-harness { + .fc-scrollgrid { + border-color: $panelContentBorderColor; + } + + th { + background: $panelHeaderBg; + border-color: $panelHeaderBorderColor; + color: $panelHeaderTextColor; + } + + td { + color: $panelContentTextColor; + border-color: $panelContentBorderColor; + } + + .fc-view { + background: $panelContentBg; + } + + .fc-popover { + background: none; + border: 0 none; + + .fc-popover-header { + border: $panelHeaderBorder; + padding: $panelHeaderPadding; + background: $panelHeaderBg; + color: $panelHeaderTextColor; + + .fc-popover-close { + opacity: 1; + display: flex; + align-items: center; + justify-content: center; + overflow: hidden; + font-family: "PrimeIcons" !important; + @include icon_override("\e90b"); + font-size: $primeIconFontSize; + @include action-icon(false); + } + } + + .fc-popover-body { + padding: $panelContentPadding; + border: $panelContentBorder; + background: $panelContentBg; + color: $panelContentTextColor; + border-top: 0 none; + } + } + + .fc-event { + &.fc-daygrid-block-event { + color: $fullCalendarEventTextColor; + background: $fullCalendarEventBg; + border-color: $fullCalendarEventBorderColor; + + .fc-event-main { + color: $fullCalendarEventTextColor; + } + } + + &.fc-daygrid-dot-event { + .fc-daygrid-event-dot { + background: $fullCalendarEventBg; + border-color: $fullCalendarEventBorderColor; + } + + &:hover { + background: $inputListItemHoverBg; + color: $inputListItemTextHoverColor; + } + } + } + + .fc-cell-shaded { + background: $panelHeaderBg; + } + } + + .fc-toolbar { + .fc-button { + color: $buttonTextColor; + background: $buttonBg; + border: $buttonBorder; + font-size: $fontSize; + transition: $formElementTransition; + border-radius: $borderRadius; + + &:enabled:hover { + background: $buttonHoverBg; + color: $buttonTextHoverColor; + border-color: $buttonHoverBorderColor; + } + + &:enabled:active { + background: $buttonActiveBg; + color: $buttonTextActiveColor; + border-color: $buttonActiveBorderColor; + + &:focus { + @include focused(); + } + } + + &:disabled { + opacity: $disabledOpacity; + color: $buttonTextColor; + background: $buttonBg; + border: $buttonBorder; + } + + .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + @include icon_override("\e900"); + font-size: $primeIconFontSize; + } + + .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + @include icon_override("\e901"); + font-size: $primeIconFontSize; + } + + &:focus { + @include focused(); + } + + &.fc-dayGridMonth-button, + &.fc-timeGridWeek-button, + &.fc-timeGridDay-button { + background: $toggleButtonBg; + border: $toggleButtonBorder; + color: $toggleButtonTextColor; + transition: $formElementTransition; + + &:hover { + background: $toggleButtonHoverBg; + border-color: $toggleButtonHoverBorderColor; + color: $toggleButtonTextHoverColor; + } + + &.fc-button-active { + background: $toggleButtonActiveBg; + border-color: $toggleButtonActiveBorderColor; + color: $toggleButtonTextActiveColor; + + &:hover { + background: $toggleButtonActiveHoverBg; + border-color: $toggleButtonActiveHoverBorderColor; + color: $toggleButtonTextActiveHoverColor; + } + } + + &:not(:disabled) { + &:focus { + @include focused(); + z-index: 1; + } + } + } + } + + .fc-button-group { + .fc-button { + border-radius: 0; + + &:first-child { + border-top-left-radius: $borderRadius; + border-bottom-left-radius: $borderRadius; + } + + &:last-child { + border-top-right-radius: $borderRadius; + border-bottom-right-radius: $borderRadius; + } + } + } + } + + a { + color: $textColor; + } + } +} diff --git a/src/assets/sass/theme/designer/components/data/_orderlist.scss b/src/assets/sass/theme/designer/components/data/_orderlist.scss new file mode 100644 index 00000000..af6b701a --- /dev/null +++ b/src/assets/sass/theme/designer/components/data/_orderlist.scss @@ -0,0 +1,91 @@ +.p-orderlist { + .p-orderlist-controls { + padding: $panelContentPadding; + + .p-button { + margin-bottom: $inlineSpacing; + } + } + + .p-orderlist-header { + background: $panelHeaderBg; + color: $panelHeaderTextColor; + border: $panelHeaderBorder; + padding: $panelHeaderPadding; + border-bottom: 0 none; + border-top-right-radius: $borderRadius; + border-top-left-radius: $borderRadius; + + .p-orderlist-title { + font-weight: $panelHeaderFontWeight; + } + } + + .p-orderlist-filter-container { + padding: $panelHeaderPadding; + background: $panelContentBg; + border: $panelHeaderBorder; + border-bottom: 0 none; + + .p-orderlist-filter-input { + padding-right: nth($inputPadding, 2) + $primeIconFontSize; + } + + .p-orderlist-filter-icon { + right: nth($inputPadding, 2); + color: $inputIconColor; + } + } + + .p-orderlist-list { + border: $panelContentBorder; + background: $panelContentBg; + color: $panelContentTextColor; + padding: $inputListPadding; + border-bottom-right-radius: $borderRadius; + border-bottom-left-radius: $borderRadius; + + .p-orderlist-item { + padding: $inputListItemPadding; + margin: $inputListItemMargin; + border: $inputListItemBorder; + color: $inputListItemTextColor; + background: $inputListItemBg; + transition: $listItemTransition; + + &:focus { + @include focused-listitem(); + } + + &.p-highlight { + color: $highlightTextColor; + background: $highlightBg; + } + } + + .p-orderlist-empty-message { + padding: $inputListItemPadding; + color: $inputListItemTextColor; + } + + &:not(.cdk-drop-list-dragging) { + .p-orderlist-item { + &:not(.p-highlight):hover { + background: $inputListItemHoverBg; + color: $inputListItemTextHoverColor; + } + } + } + } +} + +.p-orderlist-item { + &.cdk-drag-preview { + padding: $inputListItemPadding; + box-shadow: $inputOverlayShadow; + border: $inputListItemBorder; + color: $inputListItemTextColor; + background: $panelContentBg; + margin: 0; + } +} \ No newline at end of file diff --git a/src/assets/sass/theme/designer/components/data/_organizationchart.scss b/src/assets/sass/theme/designer/components/data/_organizationchart.scss new file mode 100644 index 00000000..507e0c9f --- /dev/null +++ b/src/assets/sass/theme/designer/components/data/_organizationchart.scss @@ -0,0 +1,50 @@ +.p-organizationchart { + .p-organizationchart-node-content { + &.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: $inputListItemHoverBg; + color: $inputListItemTextHoverColor; + } + + &.p-highlight { + background: $highlightBg; + color: $highlightTextColor; + + .p-node-toggler { + i { + color: darken($highlightBg, 25%); + } + } + } + } + + .p-organizationchart-line-down { + background: $organizationChartConnectorColor; + } + + .p-organizationchart-line-left { + border-right: $panelContentBorder; + border-color: $organizationChartConnectorColor; + } + + .p-organizationchart-line-top { + border-top: $panelContentBorder; + border-color: $organizationChartConnectorColor; + } + + .p-organizationchart-node-content { + border: $panelContentBorder; + background: $panelContentBg; + color: $panelContentTextColor; + padding: $panelContentPadding; + } + + .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; + + &:focus { + @include focused(); + } + } +} diff --git a/src/assets/sass/theme/designer/components/data/_paginator.scss b/src/assets/sass/theme/designer/components/data/_paginator.scss new file mode 100644 index 00000000..5d1be287 --- /dev/null +++ b/src/assets/sass/theme/designer/components/data/_paginator.scss @@ -0,0 +1,83 @@ +.p-paginator { + background: $paginatorBg; + color: $paginatorTextColor; + border: $paginatorBorder; + border-width: $paginatorBorderWidth; + padding: $paginatorPadding; + border-radius: $borderRadius; + + .p-paginator-first, + .p-paginator-prev, + .p-paginator-next, + .p-paginator-last { + background-color: $paginatorElementBg; + border: $paginatorElementBorder; + color: $paginatorElementIconColor; + min-width: $paginatorElementWidth; + height: $paginatorElementHeight; + margin: $paginatorElementMargin; + transition: $listItemTransition; + border-radius: $paginatorElementBorderRadius; + + &:not(.p-disabled):not(.p-highlight):hover { + background: $paginatorElementHoverBg; + border-color: $paginatorElementHoverBorderColor; + color: $paginatorElementIconHoverColor; + } + } + + .p-paginator-first { + border-top-left-radius: $borderRadius; + border-bottom-left-radius: $borderRadius; + } + + .p-paginator-last { + border-top-right-radius: $borderRadius; + border-bottom-right-radius: $borderRadius; + } + + .p-dropdown { + margin-left: $inlineSpacing; + margin-right: $inlineSpacing; + height: $paginatorElementHeight; + + .p-dropdown-label { + padding-right: 0; + } + } + + .p-paginator-current { + background-color: $paginatorElementBg; + border: $paginatorElementBorder; + color: $paginatorElementIconColor; + min-width: $paginatorElementWidth; + height: $paginatorElementHeight; + margin: $paginatorElementMargin; + padding: 0 $inlineSpacing; + } + + .p-paginator-pages { + .p-paginator-page { + background-color: $paginatorElementBg; + border: $paginatorElementBorder; + color: $paginatorElementIconColor; + min-width: $paginatorElementWidth; + height: $paginatorElementHeight; + margin: $paginatorElementMargin; + transition: $listItemTransition; + border-radius: $paginatorElementBorderRadius; + + &.p-highlight { + background: $highlightBg; + border-color: $highlightBg; + color: $highlightTextColor; + } + + &:not(.p-highlight):hover { + background: $paginatorElementHoverBg; + border-color: $paginatorElementHoverBorderColor; + color: $paginatorElementIconHoverColor; + } + } + } +} diff --git a/src/assets/sass/theme/designer/components/data/_picklist.scss b/src/assets/sass/theme/designer/components/data/_picklist.scss new file mode 100644 index 00000000..5e4f8e07 --- /dev/null +++ b/src/assets/sass/theme/designer/components/data/_picklist.scss @@ -0,0 +1,91 @@ +.p-picklist { + .p-picklist-buttons { + padding: $panelContentPadding; + + .p-button { + margin-bottom: $inlineSpacing; + } + } + + .p-picklist-header { + background: $panelHeaderBg; + color: $panelHeaderTextColor; + border: $panelHeaderBorder; + padding: $panelHeaderPadding; + border-bottom: 0 none; + border-top-right-radius: $borderRadius; + border-top-left-radius: $borderRadius; + + .p-picklist-title { + font-weight: $panelHeaderFontWeight; + } + } + + .p-picklist-filter-container { + padding: $panelHeaderPadding; + background: $panelContentBg; + border: $panelHeaderBorder; + border-bottom: 0 none; + + .p-picklist-filter-input { + padding-right: nth($inputPadding, 2) + $primeIconFontSize; + } + + .p-picklist-filter-icon { + right: nth($inputPadding, 2); + color: $inputIconColor; + } + } + + .p-picklist-list { + border: $panelContentBorder; + background: $panelContentBg; + color: $panelContentTextColor; + padding: $inputListPadding; + border-bottom-right-radius: $borderRadius; + border-bottom-left-radius: $borderRadius; + + .p-picklist-item { + padding: $inputListItemPadding; + margin: $inputListItemMargin; + border: $inputListItemBorder; + color: $inputListItemTextColor; + background: $inputListItemBg; + transition: $listItemTransition; + + &:focus { + @include focused-listitem(); + } + + &.p-highlight { + color: $highlightTextColor; + background: $highlightBg; + } + } + + .p-picklist-empty-message { + padding: $inputListItemPadding; + color: $inputListItemTextColor; + } + + &:not(.cdk-drop-list-dragging) { + .p-picklist-item { + &:not(.p-highlight):hover { + background: $inputListItemHoverBg; + color: $inputListItemTextHoverColor; + } + } + } + } +} + +.p-picklist-item { + &.cdk-drag-preview { + padding: $inputListItemPadding; + box-shadow: $inputOverlayShadow; + border: $inputListItemBorder; + color: $inputListItemTextColor; + background: $panelContentBg; + margin: 0; + } +} \ No newline at end of file diff --git a/src/assets/sass/theme/designer/components/data/_timeline.scss b/src/assets/sass/theme/designer/components/data/_timeline.scss new file mode 100644 index 00000000..5767491d --- /dev/null +++ b/src/assets/sass/theme/designer/components/data/_timeline.scss @@ -0,0 +1,38 @@ +.p-timeline { + .p-timeline-event-marker { + border: $timelineEventMarkerBorder; + border-radius: $timelineEventMarkerBorderRadius; + width: $timelineEventMarkerWidth; + height: $timelineEventMarkerHeight; + background-color: $timelineEventMarkerBackground; + } + + .p-timeline-event-connector { + background-color: $timelineEventColor; + } + + &.p-timeline-vertical { + .p-timeline-event-opposite, + .p-timeline-event-content { + padding: $timelineVerticalEventContentPadding; + } + + .p-timeline-event-connector { + width: $timelineEventConnectorSize; + } + } + + &.p-timeline-horizontal { + .p-timeline-event-opposite, + .p-timeline-event-content { + padding: $timelineHorizontalEventContentPadding; + } + + .p-timeline-event-connector { + height: $timelineEventConnectorSize; + } + } +} + + + diff --git a/src/assets/sass/theme/designer/components/data/_tree.scss b/src/assets/sass/theme/designer/components/data/_tree.scss new file mode 100644 index 00000000..2aaee72f --- /dev/null +++ b/src/assets/sass/theme/designer/components/data/_tree.scss @@ -0,0 +1,144 @@ +.p-tree { + border: $panelContentBorder; + background: $panelContentBg; + color: $panelContentTextColor; + padding: $panelContentPadding; + border-radius: $borderRadius; + + .p-tree-container { + .p-treenode { + padding: $treeNodePadding; + + .p-treenode-content { + border-radius: $borderRadius; + transition: $listItemTransition; + padding: $treeNodeContentPadding; + + .p-tree-toggler { + margin-right: $inlineSpacing; + @include action-icon(); + } + + .p-treenode-icon { + margin-right: $inlineSpacing; + color: $treeNodeIconColor; + } + + .p-checkbox { + margin-right: $inlineSpacing; + + .p-indeterminate { + .p-checkbox-icon { + color: $textColor; + } + } + } + + &:focus { + @include focused(); + } + + &.p-highlight { + background: $highlightBg; + color: $highlightTextColor; + + .p-tree-toggler, + .p-treenode-icon { + color: $highlightTextColor; + + &:hover { + color: $highlightTextColor; + } + } + } + + &.p-treenode-selectable:not(.p-highlight):hover { + background: $inputListItemHoverBg; + color: $inputListItemTextHoverColor; + } + + &.p-treenode-dragover { + background: $inputListItemHoverBg; + color: $inputListItemTextHoverColor; + } + } + } + } + + .p-tree-filter-container { + margin-bottom: $inlineSpacing; + + .p-tree-filter { + width: 100%; + padding-right: nth($inputPadding, 2) + $primeIconFontSize; + } + + .p-tree-filter-icon { + right: nth($inputPadding, 2); + color: $inputIconColor; + } + } + + .p-treenode-children { + padding: $treeNodeChildrenPadding; + } + + .p-tree-loading-icon { + font-size: $loadingIconFontSize; + } + + .p-treenode-droppoint { + &.p-treenode-droppoint-active { + background-color: scale-color($highlightBg, $lightness: -20%); + } + } + + &.p-tree-horizontal { + .p-treenode { + .p-treenode-content { + border-radius: $borderRadius; + border: $panelContentBorder; + background-color: $panelContentBg; + color: $panelContentTextColor; + padding: $treeNodeContentPadding; + transition: $listItemTransition; + + &.p-highlight { + background-color: $highlightBg; + color: $highlightTextColor; + + .p-treenode-icon { + color: $highlightTextColor; + } + } + + .p-tree-toggler { + margin-right: $inlineSpacing; + } + + .p-treenode-icon { + color: $treeNodeIconColor; + margin-right: $inlineSpacing; + } + + .p-checkbox { + margin-right: $inlineSpacing; + } + + .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; + } + + &.p-treenode-selectable:not(.p-highlight):hover { + background: $inputListItemHoverBg; + color: $inputListItemTextHoverColor; + } + + &:focus { + @include focused(); + } + } + } + } +} diff --git a/src/assets/sass/theme/designer/components/data/_treetable.scss b/src/assets/sass/theme/designer/components/data/_treetable.scss new file mode 100644 index 00000000..4974936b --- /dev/null +++ b/src/assets/sass/theme/designer/components/data/_treetable.scss @@ -0,0 +1,242 @@ +.p-treetable { + .p-paginator-top { + border-width: $tableTopPaginatorBorderWidth; + border-radius: 0; + } + + .p-paginator-bottom { + border-width: $tableBottomPaginatorBorderWidth; + border-radius: 0; + } + + .p-treetable-header { + background: $tableHeaderBg; + color: $tableHeaderTextColor; + border: $tableHeaderBorder; + border-width: $tableHeaderBorderWidth; + padding: $tableHeaderPadding; + font-weight: $tableHeaderFontWeight; + } + + .p-treetable-footer { + background: $tableFooterBg; + color: $tableFooterTextColor; + border: $tableFooterBorder; + border-width: $tableFooterBorderWidth; + padding: $tableFooterPadding; + font-weight: $tableFooterFontWeight; + } + + .p-treetable-thead > tr > th { + text-align: $tableCellContentAlignment; + padding: $tableHeaderCellPadding; + border: $tableHeaderCellBorder; + border-width: $tableHeaderCellBorderWidth; + font-weight: $tableHeaderCellFontWeight; + color: $tableHeaderCellTextColor; + background: $tableHeaderCellBg; + transition: $listItemTransition; + } + + .p-treetable-tfoot > tr > td { + text-align: $tableCellContentAlignment; + padding: $tableFooterCellPadding; + border: $tableFooterCellBorder; + border-width: $tableFooterCellBorderWidth; + font-weight: $tableFooterCellFontWeight; + color: $tableFooterCellTextColor; + background: $tableFooterCellBg; + } + + .p-sortable-column { + outline-color: $focusOutlineColor; + + .p-sortable-column-icon { + color: $tableHeaderCellIconColor; + margin-left: $inlineSpacing; + } + + .p-sortable-column-badge { + border-radius: 50%; + height: $tableSortableColumnBadgeSize; + min-width: $tableSortableColumnBadgeSize; + line-height: $tableSortableColumnBadgeSize; + color: $highlightTextColor; + background: $highlightBg; + margin-left: $inlineSpacing; + } + + &:not(.p-highlight):hover { + background: $tableHeaderCellHoverBg; + color: $tableHeaderCellTextHoverColor; + + .p-sortable-column-icon { + color: $tableHeaderCellIconHoverColor; + } + } + + &.p-highlight { + background: $tableHeaderCellHighlightBg; + color: $tableHeaderCellHighlightTextColor; + + .p-sortable-column-icon { + color: $tableHeaderCellHighlightTextColor; + } + } + } + + .p-treetable-tbody { + > tr { + background: $tableBodyRowBg; + color: $tableBodyRowTextColor; + transition: $listItemTransition; + outline-color: $focusOutlineColor; + + > td { + text-align: $tableCellContentAlignment; + border: $tableBodyCellBorder; + border-width: $tableBodyCellBorderWidth; + padding: $tableBodyCellPadding; + + .p-treetable-toggler { + @include action-icon(); + margin-right: $inlineSpacing; + } + + p-treetablecheckbox .p-checkbox { + margin-right: $inlineSpacing; + + .p-indeterminate { + .p-checkbox-icon { + color: $textColor; + } + } + } + } + + &.p-highlight { + background: $highlightBg; + color: $highlightTextColor; + + .p-treetable-toggler { + color: $highlightTextColor; + + &:hover { + color: $highlightTextColor; + } + + } + } + } + } + + &.p-treetable-hoverable-rows { + .p-treetable-tbody > tr:not(.p-highlight):hover { + background: $tableBodyRowHoverBg; + color: $tableBodyRowTextHoverColor; + + .p-treetable-toggler { + color: $tableBodyRowTextHoverColor; + } + } + } + + .p-column-resizer-helper { + background: $tableResizerHelperBg; + } + + .p-treetable-scrollable-header, + .p-treetable-scrollable-footer { + background: $panelHeaderBg; + } + + .p-treetable-loading-icon { + font-size: $loadingIconFontSize; + } + + &.p-treetable-gridlines { + .p-datatable-header { + border-width: 1px 1px 0 1px; + } + + .p-treetable-footer { + border-width: 0 1px 1px 1px; + } + + .p-treetable-top { + border-width: 0 1px 0 1px; + } + + .p-treetable-bottom { + border-width: 0 1px 1px 1px; + } + + .p-treetable-thead { + > tr { + > th { + border-width: 1px; + } + } + } + + .p-treetable-tbody { + > tr { + > td { + border-width: 1px; + } + } + } + + .p-treetable-tfoot { + > tr { + > td { + border-width: 1px; + } + } + } + } + + &.p-treetable-sm { + .p-treetable-header { + @include scaledPadding($tableHeaderPadding, $scaleSM); + } + + .p-treetable-thead > tr > th { + @include scaledPadding($tableHeaderCellPadding, $tableScaleSM); + } + + .p-treetable-tbody > tr > td { + @include scaledPadding($tableBodyCellPadding, $tableScaleSM); + } + + .p-treetable-tfoot > tr > td { + @include scaledPadding($tableFooterPadding, $tableScaleSM); + } + + .p-treetable-footer { + @include scaledPadding($tableFooterPadding, $tableScaleSM); + } + } + + &.p-treetable-lg { + .p-treetable-header { + @include scaledPadding($tableHeaderPadding, $tableScaleLG); + } + + .p-treetable-thead > tr > th { + @include scaledPadding($tableHeaderCellPadding, $tableScaleLG); + } + + .p-treetable-tbody > tr > td { + @include scaledPadding($tableBodyCellPadding, $tableScaleLG); + } + + .p-treetable-tfoot > tr > td { + @include scaledPadding($tableFooterPadding, $tableScaleLG); + } + + .p-treetable-footer { + @include scaledPadding($tableFooterPadding, $tableScaleLG); + } + } +} diff --git a/src/assets/sass/theme/designer/components/data/_virtualscroller.scss b/src/assets/sass/theme/designer/components/data/_virtualscroller.scss new file mode 100644 index 00000000..b1b3d3a3 --- /dev/null +++ b/src/assets/sass/theme/designer/components/data/_virtualscroller.scss @@ -0,0 +1,28 @@ +.p-virtualscroller { + .p-virtualscroller-header { + background: $tableHeaderBg; + color: $tableHeaderTextColor; + border: $tableHeaderBorder; + border-width: $tableHeaderBorderWidth; + padding: $tableHeaderPadding; + font-weight: $tableHeaderFontWeight; + } + + .p-virtualscroller-content { + background: $tableBodyRowBg; + color: $tableBodyRowTextColor; + border: $dataViewContentBorder; + padding: $dataViewContentPadding; + } + + .p-virtualscroller-footer { + background: $tableFooterBg; + color: $tableFooterTextColor; + border: $tableFooterBorder; + border-width: $tableFooterBorderWidth; + padding: $tableFooterPadding; + font-weight: $tableFooterFontWeight; + border-bottom-left-radius: $borderRadius; + border-bottom-right-radius: $borderRadius; + } +} diff --git a/src/assets/sass/theme/designer/components/file/_fileupload.scss b/src/assets/sass/theme/designer/components/file/_fileupload.scss new file mode 100644 index 00000000..633ced02 --- /dev/null +++ b/src/assets/sass/theme/designer/components/file/_fileupload.scss @@ -0,0 +1,58 @@ +.p-fileupload { + .p-fileupload-buttonbar { + background: $panelHeaderBg; + padding: $panelHeaderPadding; + border: $panelHeaderBorder; + color: $panelHeaderTextColor; + border-bottom: 0 none; + border-top-right-radius: $borderRadius; + border-top-left-radius: $borderRadius; + + .p-button { + margin-right: $inlineSpacing; + + &.p-fileupload-choose.p-focus { + @include focused(); + } + } + } + + .p-fileupload-content { + background: $panelContentBg; + padding: $fileUploadContentPadding; + border: $panelContentBorder; + color: $panelContentTextColor; + border-bottom-right-radius: $borderRadius; + border-bottom-left-radius: $borderRadius; + } + + .p-progressbar { + height: $fileUploadProgressBarHeight; + } + + .p-fileupload-row { + > div { + padding: $tableBodyCellPadding; + } + } + + &.p-fileupload-advanced { + .p-message { + margin-top: 0; + } + } +} + +.p-fileupload-choose { + &:not(.p-disabled):hover { + background: $buttonHoverBg; + color: $buttonTextHoverColor; + border-color: $buttonHoverBorderColor; + } + + &:not(.p-disabled):active { + background: $buttonActiveBg; + color: $buttonTextActiveColor; + border-color: $buttonActiveBorderColor; + } +} diff --git a/src/assets/sass/theme/designer/components/input/_autocomplete.scss b/src/assets/sass/theme/designer/components/input/_autocomplete.scss new file mode 100644 index 00000000..f84dac34 --- /dev/null +++ b/src/assets/sass/theme/designer/components/input/_autocomplete.scss @@ -0,0 +1,103 @@ +.p-autocomplete { + .p-autocomplete-loader { + right: nth($inputPadding, 2); + } + + &.p-autocomplete-dd { + .p-autocomplete-loader { + right: nth($inputPadding, 2) + $buttonIconOnlyWidth; + } + } + + .p-autocomplete-multiple-container { + padding: nth($inputPadding, 1)/2 nth($inputPadding, 2); + + &:not(.p-disabled):hover { + border-color: $inputHoverBorderColor; + } + + &:not(.p-disabled).p-focus { + @include focused-input(); + } + + .p-autocomplete-input-token { + padding: nth($inputPadding, 1)/2 0; + + input { + font-family: $fontFamily; + font-size: $fontSize; + color: $textColor; + padding: 0; + margin: 0; + } + } + + .p-autocomplete-token { + padding: nth($inputPadding, 1)/2 nth($inputPadding, 2); + margin-right: $inlineSpacing; + background: $highlightBg; + color: $highlightTextColor; + border-radius: $borderRadius; + + .p-autocomplete-token-icon { + margin-left: $inlineSpacing; + } + } + } +} + +p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + @include invalid-input(); +} + +.p-autocomplete-panel { + background: $inputOverlayBg; + color: $inputListTextColor; + border: $inputOverlayBorder; + border-radius: $borderRadius; + box-shadow: $inputOverlayShadow; + + .p-autocomplete-items { + &:not(.p-autocomplete-virtualscroll) { + padding: $inputListPadding; + } + + &.p-autocomplete-virtualscroll .cdk-virtual-scroll-content-wrapper { + padding: $inputListPadding; + } + + .p-autocomplete-item { + margin: $inputListItemMargin; + padding: $inputListItemPadding; + border: $inputListItemBorder; + color: $inputListItemTextColor; + background: $inputListItemBg; + transition: $listItemTransition; + border-radius: $inputListItemBorderRadius; + + &:hover { + color: $inputListItemTextHoverColor; + background: $inputListItemHoverBg; + } + + &.p-highlight { + color: $highlightTextColor; + background: $highlightBg; + } + } + + .p-autocomplete-empty-message { + padding: $inputListItemPadding; + color: $inputListItemTextColor; + background: $inputListItemBg; + } + + .p-autocomplete-item-group { + margin: $submenuHeaderMargin; + padding: $submenuHeaderPadding; + color: $submenuHeaderTextColor; + background: $submenuHeaderBg; + font-weight: $submenuHeaderFontWeight; + } + } +} \ No newline at end of file diff --git a/src/assets/sass/theme/designer/components/input/_calendar.scss b/src/assets/sass/theme/designer/components/input/_calendar.scss new file mode 100644 index 00000000..9ca18f02 --- /dev/null +++ b/src/assets/sass/theme/designer/components/input/_calendar.scss @@ -0,0 +1,212 @@ +p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + @include invalid-input(); +} + +.p-datepicker { + padding: $calendarPadding; + background: $calendarInlineBg; + color: $calendarTextColor; + border: $calendarBorder; + border-radius: $borderRadius; + + &:not(.p-datepicker-inline) { + background: $calendarBg; + border: $calendarOverlayBorder; + box-shadow: $inputOverlayShadow; + + .p-datepicker-header { + background: $calendarHeaderBg; + } + } + + .p-datepicker-header { + padding: $calendarHeaderPadding; + color: $calendarHeaderTextColor; + background: $calendarInlineHeaderBg; + font-weight: $calendarHeaderFontWeight; + margin: $inputListHeaderMargin; + border-bottom: $calendarHeaderBorder; + border-top-right-radius: $borderRadius; + border-top-left-radius: $borderRadius; + + .p-datepicker-prev, + .p-datepicker-next { + @include action-icon(); + } + + .p-datepicker-title { + line-height: $actionIconHeight; + + select { + transition: $formElementTransition; + + &:focus { + @include focused-input(); + } + } + + .p-datepicker-month { + margin-right: $inlineSpacing; + } + } + } + + table { + font-size: $fontSize; + margin: $calendarTableMargin; + + th { + padding: $calendarHeaderCellPadding; + + > span { + width: $calendarCellDateWidth; + height: $calendarCellDateHeight; + } + } + + td { + padding: $calendarCellDatePadding; + + > span { + width: $calendarCellDateWidth; + height: $calendarCellDateHeight; + border-radius: $calendarCellDateBorderRadius; + transition: $listItemTransition; + border: $calendarCellDateBorder; + + &.p-highlight { + color: $highlightTextColor; + background: $highlightBg; + } + + &:focus { + @include focused(); + } + } + + &.p-datepicker-today { + > span { + background: $calendarCellDateTodayBg; + color: $calendarCellDateTodayTextColor; + border-color: $calendarCellDateTodayBorderColor; + + &.p-highlight { + color: $highlightTextColor; + background: $highlightBg; + } + } + } + } + } + + .p-datepicker-buttonbar { + padding: $calendarButtonBarPadding; + border-top: $divider; + + .p-button { + width: auto; + } + } + + .p-timepicker { + border-top: $divider; + padding: $calendarTimePickerPadding; + + button { + @include action-icon(); + + &:last-child { + margin-top: .2em; + } + } + + span { + font-size: $calendarTimePickerTimeFontSize; + } + + > div { + padding: $calendarTimePickerElementPadding; + } + } + + &.p-datepicker-timeonly { + .p-timepicker { + border-top: 0 none; + } + } + + .p-monthpicker { + margin: $calendarTableMargin; + + .p-monthpicker-month { + padding: $calendarCellDatePadding; + transition: $listItemTransition; + border-radius: $borderRadius; + + &.p-highlight { + color: $highlightTextColor; + background: $highlightBg; + } + } + } + + &.p-datepicker-multiple-month { + .p-datepicker-group { + border-right: $divider; + padding-right: $calendarPadding; + padding-left: $calendarPadding; + padding-top: 0; + padding-bottom: 0; + + &:first-child { + padding-left: 0; + } + + &:last-child { + padding-right: 0; + border-right: 0 none; + } + } + } + + &:not(.p-disabled) { + table { + td { + span:not(.p-highlight):not(.p-disabled) { + &:hover { + background: $calendarCellDateHoverBg; + } + + &:focus { + @include focused(); + } + } + } + } + + .p-monthpicker { + .p-monthpicker-month { + &:not(.p-highlight):not(.p-disabled) { + &:hover { + background: $calendarCellDateHoverBg; + } + + &:focus { + @include focused(); + } + } + } + } + } + +} + +@media screen and (max-width: $calendarBreakpoint) { + .p-datepicker { + table { + th, td { + padding: $calendarCellDatePaddingSM; + } + } + } +} \ No newline at end of file diff --git a/src/assets/sass/theme/designer/components/input/_cascadeselect.scss b/src/assets/sass/theme/designer/components/input/_cascadeselect.scss new file mode 100644 index 00000000..1678d72c --- /dev/null +++ b/src/assets/sass/theme/designer/components/input/_cascadeselect.scss @@ -0,0 +1,98 @@ +.p-cascadeselect { + background: $inputBg; + border: $inputBorder; + transition: $formElementTransition; + border-radius: $borderRadius; + + &:not(.p-disabled):hover { + border-color: $inputHoverBorderColor; + } + + &:not(.p-disabled).p-focus { + @include focused-input(); + } + + .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: $inputPadding; + + &.p-placeholder { + color: $inputPlaceholderTextColor; + } + + &:enabled:focus { + outline: 0 none; + box-shadow: none; + } + } + + .p-cascadeselect-trigger { + background: transparent; + color: $inputIconColor; + width: $inputGroupAddOnMinWidth; + border-top-right-radius: $borderRadius; + border-bottom-right-radius: $borderRadius; + } +} + +.p-cascadeselect-panel { + background: $inputOverlayBg; + color: $inputListTextColor; + border: $inputOverlayBorder; + border-radius: $borderRadius; + box-shadow: $inputOverlayShadow; + + .p-cascadeselect-items { + padding: $inputListPadding; + + .p-cascadeselect-item { + margin: $inputListItemMargin; + border: $inputListItemBorder; + color: $inputListItemTextColor; + background: $inputListItemBg; + transition: $listItemTransition; + border-radius: $inputListItemBorderRadius; + + .p-cascadeselect-item-content { + padding: $inputListItemPadding; + + &:focus { + @include focused-listitem(); + } + } + + &.p-highlight { + color: $highlightTextColor; + background: $highlightBg; + } + + &:not(.p-highlight):not(.p-disabled):hover { + color: $inputListItemTextHoverColor; + background: $inputListItemHoverBg; + } + + .p-cascadeselect-group-icon { + font-size: $menuitemSubmenuIconFontSize; + } + } + } +} + +p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + @include invalid-input(); +} + +.p-input-filled { + .p-cascadeselect { + background: $inputFilledBg; + + &:not(.p-disabled):hover { + background-color: $inputFilledHoverBg; + } + + &:not(.p-disabled).p-focus { + background-color: $inputFilledFocusBg; + } + } +} diff --git a/src/assets/sass/theme/designer/components/input/_checkbox.scss b/src/assets/sass/theme/designer/components/input/_checkbox.scss new file mode 100644 index 00000000..62eb09c4 --- /dev/null +++ b/src/assets/sass/theme/designer/components/input/_checkbox.scss @@ -0,0 +1,85 @@ +.p-checkbox { + width: $checkboxWidth; + height: $checkboxHeight; + + .p-checkbox-box { + border: $checkboxBorder; + background: $inputBg; + width: $checkboxWidth; + height: $checkboxHeight; + color: $textColor; + border-radius: $borderRadius; + transition: $formElementTransition; + + .p-checkbox-icon { + transition-duration: $transitionDuration; + color: $checkboxIconActiveColor; + font-size: $checkboxIconFontSize; + } + + &.p-highlight { + border-color: $checkboxActiveBorderColor; + background: $checkboxActiveBg; + } + } + + &:not(.p-checkbox-disabled) { + .p-checkbox-box { + &:hover { + border-color: $inputHoverBorderColor; + } + + &.p-focus { + @include focused-input(); + } + + &.p-highlight:hover { + border-color: $checkboxActiveHoverBorderColor; + background: $checkboxActiveHoverBg; + color: $checkboxIconActiveHoverColor; + } + } + } +} + +p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + @include invalid-input(); +} + +.p-input-filled { + .p-checkbox { + .p-checkbox-box { + background-color: $inputFilledBg; + + &.p-highlight { + background: $checkboxActiveBg; + } + } + + &:not(.p-checkbox-disabled) { + .p-checkbox-box { + &:hover { + background-color: $inputFilledHoverBg; + } + + &.p-highlight:hover { + background: $checkboxActiveHoverBg; + } + } + } + } +} + +.p-checkbox-label { + margin-left: $inlineSpacing; +} + +@if ($highlightBg == $checkboxActiveBg) { + .p-highlight { + .p-checkbox { + .p-checkbox-box { + border-color: $checkboxIconActiveColor; + } + } + } +} diff --git a/src/assets/sass/theme/designer/components/input/_chips.scss b/src/assets/sass/theme/designer/components/input/_chips.scss new file mode 100644 index 00000000..0a92daed --- /dev/null +++ b/src/assets/sass/theme/designer/components/input/_chips.scss @@ -0,0 +1,41 @@ +.p-chips { + .p-chips-multiple-container { + padding: nth($inputPadding, 1)/2 nth($inputPadding, 2); + + &:not(.p-disabled):hover { + border-color: $inputHoverBorderColor; + } + + &:not(.p-disabled).p-focus { + @include focused-input(); + } + + .p-chips-token { + padding: nth($inputPadding, 1)/2 nth($inputPadding, 2); + margin-right: $inlineSpacing; + background: $highlightBg; + color: $highlightTextColor; + border-radius: $borderRadius; + + .p-chips-token-icon { + margin-left: $inlineSpacing; + } + } + + .p-chips-input-token { + padding: nth($inputPadding, 1)/2 0; + + input { + font-family: $fontFamily; + font-size: $fontSize; + color: $textColor; + padding: 0; + margin: 0; + } + } + } +} + +p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + @include invalid-input(); +} diff --git a/src/assets/sass/theme/designer/components/input/_colorpicker.scss b/src/assets/sass/theme/designer/components/input/_colorpicker.scss new file mode 100644 index 00000000..bc3c4d9d --- /dev/null +++ b/src/assets/sass/theme/designer/components/input/_colorpicker.scss @@ -0,0 +1,19 @@ +.p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: $colorPickerPreviewWidth; + height: $colorPickerPreviewHeight; +} + +.p-colorpicker-panel { + background: $colorPickerBg; + border-color: $colorPickerBorderColor; + + .p-colorpicker-color-handle, + .p-colorpicker-hue-handle { + border-color: $colorPickerHandleColor; + } +} + +.p-colorpicker-overlay-panel { + box-shadow: $inputOverlayShadow; +} \ No newline at end of file diff --git a/src/assets/sass/theme/designer/components/input/_dropdown.scss b/src/assets/sass/theme/designer/components/input/_dropdown.scss new file mode 100644 index 00000000..51a15580 --- /dev/null +++ b/src/assets/sass/theme/designer/components/input/_dropdown.scss @@ -0,0 +1,136 @@ +.p-dropdown { + background: $inputBg; + border: $inputBorder; + transition: $formElementTransition; + border-radius: $borderRadius; + + &:not(.p-disabled):hover { + border-color: $inputHoverBorderColor; + } + + &:not(.p-disabled).p-focus { + @include focused-input(); + } + + &.p-dropdown-clearable { + .p-dropdown-label { + padding-right: nth($inputPadding, 2) + $primeIconFontSize; + } + } + + .p-dropdown-label { + background: transparent; + border: 0 none; + + &.p-placeholder { + color: $inputPlaceholderTextColor; + } + + &:enabled:focus { + outline: 0 none; + box-shadow: none; + } + } + + .p-dropdown-trigger { + background: transparent; + color: $inputIconColor; + width: $inputGroupAddOnMinWidth; + border-top-right-radius: $borderRadius; + border-bottom-right-radius: $borderRadius; + } + + .p-dropdown-clear-icon { + color: $inputIconColor; + right: $inputGroupAddOnMinWidth; + } +} + +.p-dropdown-panel { + background: $inputOverlayBg; + color: $inputListTextColor; + border: $inputOverlayBorder; + border-radius: $borderRadius; + box-shadow: $inputOverlayShadow; + + .p-dropdown-header { + padding: $inputListHeaderPadding; + border-bottom: $inputListHeaderBorder; + color: $inputListHeaderTextColor; + background: $inputOverlayHeaderBg; + margin: $inputListHeaderMargin; + border-top-right-radius: $borderRadius; + border-top-left-radius: $borderRadius; + + .p-dropdown-filter { + padding-right: nth($inputPadding, 2) + $primeIconFontSize; + } + + .p-dropdown-filter-icon { + right: nth($inputPadding, 2); + color: $inputIconColor; + } + } + + .p-dropdown-items { + &:not(.p-dropdown-virtualscroll) { + padding: $inputListPadding; + } + + &.p-dropdown-virtualscroll .cdk-virtual-scroll-content-wrapper { + padding: $inputListPadding; + } + + .p-dropdown-item { + margin: $inputListItemMargin; + padding: $inputListItemPadding; + border: $inputListItemBorder; + color: $inputListItemTextColor; + background: $inputListItemBg; + transition: $listItemTransition; + border-radius: $inputListItemBorderRadius; + + &.p-highlight { + color: $highlightTextColor; + background: $highlightBg; + } + + &:not(.p-highlight):not(.p-disabled):hover { + color: $inputListItemTextHoverColor; + background: $inputListItemHoverBg; + } + } + + .p-dropdown-empty-message { + padding: $inputListItemPadding; + color: $inputListItemTextColor; + background: $inputListItemBg; + } + + .p-dropdown-item-group { + margin: $submenuHeaderMargin; + padding: $submenuHeaderPadding; + color: $submenuHeaderTextColor; + background: $submenuHeaderBg; + font-weight: $submenuHeaderFontWeight; + } + } +} + +p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + @include invalid-input(); +} + +.p-input-filled { + .p-dropdown { + background: $inputFilledBg; + + &:not(.p-disabled):hover { + background-color: $inputFilledHoverBg; + } + + &:not(.p-disabled).p-focus { + background-color: $inputFilledFocusBg; + } + } +} diff --git a/src/assets/sass/theme/designer/components/input/_editor.scss b/src/assets/sass/theme/designer/components/input/_editor.scss new file mode 100644 index 00000000..b10b2fa8 --- /dev/null +++ b/src/assets/sass/theme/designer/components/input/_editor.scss @@ -0,0 +1,122 @@ +.p-editor-container { + .p-editor-toolbar { + background: $editorToolbarBg; + border-top-right-radius: $borderRadius; + border-top-left-radius: $borderRadius; + + &.ql-snow { + border: $editorToolbarBorder; + + .ql-stroke { + stroke: $editorToolbarIconColor; + } + + .ql-fill { + fill: $editorToolbarIconColor; + } + + .ql-picker { + .ql-picker-label { + border: 0 none; + color: $editorToolbarIconColor; + + &:hover { + color: $editorToolbarIconHoverColor; + + .ql-stroke { + stroke: $editorToolbarIconHoverColor; + } + + .ql-fill { + fill: $editorToolbarIconHoverColor; + } + } + } + + &.ql-expanded { + .ql-picker-label { + color: $editorToolbarIconHoverColor; + + .ql-stroke { + stroke: $editorToolbarIconHoverColor; + } + + .ql-fill { + fill: $editorToolbarIconHoverColor; + } + } + + .ql-picker-options { + background: $inputOverlayBg; + border:$inputOverlayBorder; + box-shadow:$inputOverlayShadow; + border-radius: $borderRadius; + padding: $inputListPadding; + + .ql-picker-item { + color: $inputListItemTextColor; + + &:hover { + color: $inputListItemTextHoverColor; + background: $inputListItemHoverBg; + } + } + } + + &:not(.ql-icon-picker) { + .ql-picker-item { + padding: $inputListItemPadding; + } + } + } + } + } + } + + .p-editor-content { + border-bottom-right-radius: $borderRadius; + border-bottom-left-radius: $borderRadius; + + &.ql-snow { + border: $editorContentBorder; + } + + .ql-editor { + background: $inputBg; + color: $inputTextColor; + border-bottom-right-radius: $borderRadius; + border-bottom-left-radius: $borderRadius; + } + } + + .ql-snow.ql-toolbar button:hover, + .ql-snow.ql-toolbar button:focus { + color: $editorToolbarIconHoverColor; + + .ql-stroke { + stroke: $editorToolbarIconHoverColor; + } + + .ql-fill { + fill: $editorToolbarIconHoverColor; + } + } + + .ql-snow.ql-toolbar button.ql-active, + .ql-snow.ql-toolbar .ql-picker-label.ql-active, + .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: $editorIconActiveColor; + + .ql-stroke { + stroke: $editorIconActiveColor; + } + + .ql-fill { + fill: $editorIconActiveColor; + } + + .ql-picker-label { + color: $editorIconActiveColor; + } + } +} diff --git a/src/assets/sass/theme/designer/components/input/_inputgroup.scss b/src/assets/sass/theme/designer/components/input/_inputgroup.scss new file mode 100644 index 00000000..08b4b85f --- /dev/null +++ b/src/assets/sass/theme/designer/components/input/_inputgroup.scss @@ -0,0 +1,69 @@ +.p-inputgroup-addon { + background: $inputGroupBg; + color: $inputGroupTextColor; + border-top: $inputBorder; + border-left: $inputBorder; + border-bottom: $inputBorder; + padding: $inputPadding; + min-width: $inputGroupAddOnMinWidth; + + &:last-child { + border-right: $inputBorder; + } +} + +.p-inputgroup { + > .p-component, + > .p-float-label > .p-component { + border-radius: 0; + margin: 0; + + + .p-inputgroup-addon { + border-left: 0 none; + } + + &:focus { + z-index: 1; + + ~ label { + z-index: 1; + } + } + } +} + +.p-inputgroup-addon:first-child, +.p-inputgroup button:first-child, +.p-inputgroup input:first-child { + border-top-left-radius: $borderRadius; + border-bottom-left-radius: $borderRadius; +} + +.p-inputgroup .p-float-label:first-child input { + border-top-left-radius: $borderRadius; + border-bottom-left-radius: $borderRadius; +} + +.p-inputgroup-addon:last-child, +.p-inputgroup button:last-child, +.p-inputgroup input:last-child { + border-top-right-radius: $borderRadius; + border-bottom-right-radius: $borderRadius; +} + +.p-inputgroup .p-float-label:last-child input { + border-top-right-radius: $borderRadius; + border-bottom-right-radius: $borderRadius; +} + +.p-fluid { + .p-inputgroup { + .p-button { + width: auto; + + &.p-button-icon-only { + width: $buttonIconOnlyWidth; + } + } + } +} diff --git a/src/assets/sass/theme/designer/components/input/_inputmask.scss b/src/assets/sass/theme/designer/components/input/_inputmask.scss new file mode 100644 index 00000000..81ca0a32 --- /dev/null +++ b/src/assets/sass/theme/designer/components/input/_inputmask.scss @@ -0,0 +1,3 @@ +p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + @include invalid-input(); +} \ No newline at end of file diff --git a/src/assets/sass/theme/designer/components/input/_inputnumber.scss b/src/assets/sass/theme/designer/components/input/_inputnumber.scss new file mode 100644 index 00000000..41dba8d6 --- /dev/null +++ b/src/assets/sass/theme/designer/components/input/_inputnumber.scss @@ -0,0 +1,3 @@ +p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + @include invalid-input(); +} \ No newline at end of file diff --git a/src/assets/sass/theme/designer/components/input/_inputswitch.scss b/src/assets/sass/theme/designer/components/input/_inputswitch.scss new file mode 100644 index 00000000..901d6bbe --- /dev/null +++ b/src/assets/sass/theme/designer/components/input/_inputswitch.scss @@ -0,0 +1,58 @@ +.p-inputswitch { + width: $inputSwitchWidth; + height: $inputSwitchHeight; + + .p-inputswitch-slider { + background: $inputSwitchSliderOffBg; + transition: $formElementTransition; + border-radius: $inputSwitchBorderRadius; + + &:before { + background: $inputSwitchHandleOffBg; + width: $inputSwitchHandleWidth; + height: $inputSwitchHandleHeight; + left: $inputSwitchSliderPadding; + margin-top: -1 * $inputSwitchHandleHeight / 2; + border-radius: $inputSwitchHandleBorderRadius; + transition-duration: $transitionDuration; + } + } + + &.p-inputswitch-checked { + .p-inputswitch-slider:before { + transform: translateX($inputSwitchHandleWidth); + } + } + + &.p-focus { + .p-inputswitch-slider { + @include focused(); + } + } + + &:not(.p-disabled):hover { + .p-inputswitch-slider { + background: $inputSwitchSliderOffHoverBg; + } + } + + &.p-inputswitch-checked { + .p-inputswitch-slider { + background: $inputSwitchSliderOnBg; + + &:before { + background: $inputSwitchHandleOnBg; + } + } + + &:not(.p-disabled):hover { + .p-inputswitch-slider { + background: $inputSwitchSliderOnHoverBg; + } + } + } +} + +p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + @include invalid-input(); +} \ No newline at end of file diff --git a/src/assets/sass/theme/designer/components/input/_inputtext.scss b/src/assets/sass/theme/designer/components/input/_inputtext.scss new file mode 100644 index 00000000..9c68d348 --- /dev/null +++ b/src/assets/sass/theme/designer/components/input/_inputtext.scss @@ -0,0 +1,97 @@ +.p-inputtext { + font-family: $fontFamily; + font-size: $inputTextFontSize; + color: $inputTextColor; + background: $inputBg; + padding: $inputPadding; + border: $inputBorder; + transition: $formElementTransition; + appearance: none; + border-radius: $borderRadius; + + &:enabled:hover { + border-color: $inputHoverBorderColor; + } + + &:enabled:focus { + @include focused-input(); + } + + &.ng-dirty.ng-invalid { + @include invalid-input(); + } + + &.p-inputtext-sm { + @include scaledFontSize($inputTextFontSize, $scaleSM); + @include scaledPadding($inputPadding, $scaleSM); + } + + &.p-inputtext-lg { + @include scaledFontSize($inputTextFontSize, $scaleLG); + @include scaledPadding($inputPadding, $scaleLG); + } +} + +.p-float-label > label { + left: nth($inputPadding, 2); + color: $inputPlaceholderTextColor; + transition-duration: $transitionDuration; +} + +.p-float-label > .ng-invalid.ng-dirty + label { + color: $inputErrorBorderColor; +} + +.p-input-icon-left > i:first-of-type { + left: nth($inputPadding, 2); + color: $inputIconColor; +} + +.p-input-icon-left > .p-inputtext { + padding-left: nth($inputPadding, 2) * 2 + $primeIconFontSize; +} + +.p-input-icon-left.p-float-label > label { + left: nth($inputPadding, 2) * 2 + $primeIconFontSize; +} + +.p-input-icon-right > i:last-of-type { + right: nth($inputPadding, 2); + color: $inputIconColor; +} + +.p-input-icon-right > .p-inputtext { + padding-right: nth($inputPadding, 2) * 2 + $primeIconFontSize; +} + +@include placeholder { + color: $inputPlaceholderTextColor +}; + +.p-input-filled { + .p-inputtext { + background-color: $inputFilledBg; + + &:enabled:hover { + background-color: $inputFilledHoverBg; + } + + &:enabled:focus { + background-color: $inputFilledFocusBg; + } + } +} + +.p-inputtext-sm { + .p-inputtext { + @include scaledFontSize($inputTextFontSize, $scaleSM); + @include scaledPadding($inputPadding, $scaleSM); + } +} + +.p-inputtext-lg { + .p-inputtext { + @include scaledFontSize($inputTextFontSize, $scaleLG); + @include scaledPadding($inputPadding, $scaleLG); + } +} diff --git a/src/assets/sass/theme/designer/components/input/_listbox.scss b/src/assets/sass/theme/designer/components/input/_listbox.scss new file mode 100644 index 00000000..98ac18d9 --- /dev/null +++ b/src/assets/sass/theme/designer/components/input/_listbox.scss @@ -0,0 +1,82 @@ +.p-listbox { + background: $inputListBg; + color: $inputListTextColor; + border: $inputListBorder; + border-radius: $borderRadius; + + .p-listbox-header { + padding: $inputListHeaderPadding; + border-bottom: $inputListHeaderBorder; + color: $inputListHeaderTextColor; + background: $inputListHeaderBg; + margin: $inputListHeaderMargin; + border-top-right-radius: $borderRadius; + border-top-left-radius: $borderRadius; + + .p-listbox-filter { + padding-right: nth($inputPadding, 2) + $primeIconFontSize; + } + + .p-listbox-filter-icon { + right: nth($inputPadding, 2); + color: $inputIconColor; + } + + .p-checkbox { + margin-right: $inlineSpacing; + } + } + + .p-listbox-list { + padding: $inputListPadding; + + .p-listbox-item { + margin: $inputListItemMargin; + padding: $inputListItemPadding; + border: $inputListItemBorder; + color: $inputListItemTextColor; + transition: $listItemTransition; + border-radius: $inputListItemBorderRadius; + + &.p-highlight { + color: $highlightTextColor; + background: $highlightBg; + } + + &:focus { + @include focused-listitem(); + } + + .p-checkbox { + margin-right: $inlineSpacing; + } + } + + .p-listbox-item-group { + margin: $submenuHeaderMargin; + padding: $submenuHeaderPadding; + color: $submenuHeaderTextColor; + background: $submenuHeaderBg; + font-weight: $submenuHeaderFontWeight; + } + + .p-listbox-empty-message { + padding: $inputListItemPadding; + color: $inputListItemTextColor; + background: $inputListItemBg; + } + } + + &:not(.p-disabled) { + .p-listbox-item { + &:not(.p-highlight):not(.p-disabled):hover { + color: $inputListItemTextHoverColor; + background: $inputListItemHoverBg; + } + } + } +} + +p-listbox.ng-dirty.ng-invalid > .p-listbox { + @include invalid-input(); +} \ No newline at end of file diff --git a/src/assets/sass/theme/designer/components/input/_multiselect.scss b/src/assets/sass/theme/designer/components/input/_multiselect.scss new file mode 100644 index 00000000..cae8fda9 --- /dev/null +++ b/src/assets/sass/theme/designer/components/input/_multiselect.scss @@ -0,0 +1,164 @@ +.p-multiselect { + background: $inputBg; + border: $inputBorder; + transition: $formElementTransition; + border-radius: $borderRadius; + + &:not(.p-disabled):hover { + border-color: $inputHoverBorderColor; + } + + &:not(.p-disabled).p-focus { + @include focused-input(); + } + + .p-multiselect-label { + padding: $inputPadding; + transition: $formElementTransition; + + &.p-placeholder { + color: $inputPlaceholderTextColor; + } + } + + &.p-multiselect-chip { + .p-multiselect-token { + padding: nth($inputPadding, 1)/2 nth($inputPadding, 2); + margin-right: $inlineSpacing; + background: $highlightBg; + color: $highlightTextColor; + border-radius: $borderRadius; + + .p-multiselect-token-icon { + margin-left: $inlineSpacing; + } + } + } + + .p-multiselect-trigger { + background: transparent; + color: $inputIconColor; + width: $inputGroupAddOnMinWidth; + border-top-right-radius: $borderRadius; + border-bottom-right-radius: $borderRadius; + } +} + +.p-inputwrapper-filled { + .p-multiselect { + &.p-multiselect-chip { + .p-multiselect-label { + padding: nth($inputPadding, 1)/2 nth($inputPadding, 2); + } + } + } +} + +.p-multiselect-panel { + background: $inputOverlayBg; + color: $inputListTextColor; + border: $inputOverlayBorder; + border-radius: $borderRadius; + box-shadow: $inputOverlayShadow; + + .p-multiselect-header { + padding: $inputListHeaderPadding; + border-bottom: $inputListHeaderBorder; + color: $inputListHeaderTextColor; + background: $inputOverlayHeaderBg; + margin: $inputListHeaderMargin; + border-top-right-radius: $borderRadius; + border-top-left-radius: $borderRadius; + + .p-multiselect-filter-container { + .p-inputtext { + padding-right: nth($inputPadding, 2) + $primeIconFontSize; + } + + .p-multiselect-filter-icon { + right: nth($inputPadding, 2); + color: $inputIconColor; + } + } + + .p-checkbox { + margin-right: $inlineSpacing; + } + + .p-multiselect-close { + margin-left: $inlineSpacing; + @include action-icon(); + } + } + + .p-multiselect-items { + &:not(.p-multiselect-virtualscroll) { + padding: $inputListPadding; + } + + &.p-multiselect-virtualscroll .cdk-virtual-scroll-content-wrapper { + padding: $inputListPadding; + } + + .p-multiselect-item { + margin: $inputListItemMargin; + padding: $inputListItemPadding; + border: $inputListItemBorder; + color: $inputListItemTextColor; + background: $inputListItemBg; + transition: $listItemTransition; + border-radius: $inputListItemBorderRadius; + + &.p-highlight { + color: $highlightTextColor; + background: $highlightBg; + } + + &:not(.p-highlight):not(.p-disabled):hover { + color: $inputListItemTextHoverColor; + background: $inputListItemHoverBg; + } + + &:focus { + @include focused-listitem(); + } + + .p-checkbox { + margin-right: $inlineSpacing; + } + } + + + .p-multiselect-item-group { + margin: $submenuHeaderMargin; + padding: $submenuHeaderPadding; + color: $submenuHeaderTextColor; + background: $submenuHeaderBg; + font-weight: $submenuHeaderFontWeight; + } + + .p-multiselect-empty-message { + padding: $inputListItemPadding; + color: $inputListItemTextColor; + background: $inputListItemBg; + } + } +} + +p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + @include invalid-input(); +} + +.p-input-filled { + .p-multiselect { + background: $inputFilledBg; + + &:not(.p-disabled):hover { + background-color: $inputFilledHoverBg; + } + + &:not(.p-disabled).p-focus { + background-color: $inputFilledFocusBg; + } + } +} \ No newline at end of file diff --git a/src/assets/sass/theme/designer/components/input/_password.scss b/src/assets/sass/theme/designer/components/input/_password.scss new file mode 100644 index 00000000..4c9f47a6 --- /dev/null +++ b/src/assets/sass/theme/designer/components/input/_password.scss @@ -0,0 +1,33 @@ +.p-password { + &.p-invalid.p-component > .p-inputtext { + @include invalid-input(); + } +} + +.p-password-panel { + padding: $panelContentPadding; + background: $panelContentBg; + color: $panelContentTextColor; + border: $overlayContentBorder; + box-shadow: $inputOverlayShadow; + border-radius: $borderRadius; + + .p-password-meter { + margin-bottom: $inlineSpacing; + background: $passwordMeterBg; + + .p-password-strength { + &.weak { + background: $passwordWeakBg; + } + + &.medium { + background: $passwordMediumBg; + } + + &.strong { + background: $passwordStrongBg; + } + } + } +} diff --git a/src/assets/sass/theme/designer/components/input/_radiobutton.scss b/src/assets/sass/theme/designer/components/input/_radiobutton.scss new file mode 100644 index 00000000..e56f0037 --- /dev/null +++ b/src/assets/sass/theme/designer/components/input/_radiobutton.scss @@ -0,0 +1,78 @@ +.p-radiobutton { + width: $radiobuttonWidth; + height: $radiobuttonHeight; + + .p-radiobutton-box { + border: $radiobuttonBorder; + background: $inputBg; + width: $radiobuttonWidth; + height: $radiobuttonHeight; + color: $textColor; + border-radius: 50%; + transition: $formElementTransition; + + &:not(.p-disabled):not(.p-highlight):hover { + border-color: $inputHoverBorderColor; + } + + &:not(.p-disabled).p-focus { + @include focused-input(); + } + + .p-radiobutton-icon { + width: $radiobuttonIconSize; + height: $radiobuttonIconSize; + transition-duration: $transitionDuration; + background-color: $radiobuttonIconActiveColor; + } + + &.p-highlight { + border-color: $radiobuttonActiveBorderColor; + background: $radiobuttonActiveBg; + + &:not(.p-disabled):hover { + border-color: $radiobuttonActiveHoverBorderColor; + background: $radiobuttonActiveHoverBg; + color: $radiobuttonIconActiveHoverColor; + } + } + } +} + +p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + @include invalid-input(); +} + +.p-input-filled { + .p-radiobutton { + .p-radiobutton-box { + background-color: $inputFilledBg; + + &:not(.p-disabled):hover { + background-color: $inputFilledHoverBg; + } + + &.p-highlight { + background: $radiobuttonActiveBg; + + &:not(.p-disabled):hover { + background: $radiobuttonActiveHoverBg; + } + } + } + } +} + +.p-radiobutton-label { + margin-left: $inlineSpacing; +} + +@if ($highlightBg == $radiobuttonActiveBg) { + .p-highlight { + .p-radiobutton { + .p-radiobutton-box { + border-color: $radiobuttonIconActiveColor; + } + } + } +} \ No newline at end of file diff --git a/src/assets/sass/theme/designer/components/input/_rating.scss b/src/assets/sass/theme/designer/components/input/_rating.scss new file mode 100644 index 00000000..417c7503 --- /dev/null +++ b/src/assets/sass/theme/designer/components/input/_rating.scss @@ -0,0 +1,48 @@ +.p-rating { + .p-rating-icon { + color: $ratingStarIconOffColor; + margin-left: $inlineSpacing; + transition: $formElementTransition; + font-size: $ratingIconFontSize; + + &.p-rating-cancel { + color: $ratingCancelIconColor; + } + + &:focus { + @include focused(); + } + + &:first-child { + margin-left: 0; + } + + &.pi-star { + color: $ratingStarIconOnColor; + } + } + + &:not(.p-disabled):not(.p-readonly) { + .p-rating-icon { + &:hover { + color: $ratingStarIconHoverColor; + } + + &.p-rating-cancel { + &:hover { + color: $ratingCancelIconHoverColor; + } + } + } + } +} + +@if ($highlightBg == $ratingStarIconOnColor) { + .p-highlight { + .p-rating { + .p-rating-icon { + color: $highlightTextColor; + } + } + } +} diff --git a/src/assets/sass/theme/designer/components/input/_selectbutton.scss b/src/assets/sass/theme/designer/components/input/_selectbutton.scss new file mode 100644 index 00000000..7ef80de0 --- /dev/null +++ b/src/assets/sass/theme/designer/components/input/_selectbutton.scss @@ -0,0 +1,50 @@ +.p-selectbutton { + .p-button { + background: $toggleButtonBg; + border: $toggleButtonBorder; + color: $toggleButtonTextColor; + transition: $formElementTransition; + + .p-button-icon-left, + .p-button-icon-right { + color: $toggleButtonIconColor; + } + + &:not(.p-disabled):not(.p-highlight):hover { + background: $toggleButtonHoverBg; + border-color: $toggleButtonHoverBorderColor; + color: $toggleButtonTextHoverColor; + + .p-button-icon-left, + .p-button-icon-right { + color: $toggleButtonIconHoverColor; + } + } + + &.p-highlight { + background: $toggleButtonActiveBg; + border-color: $toggleButtonActiveBorderColor; + color: $toggleButtonTextActiveColor; + + .p-button-icon-left, + .p-button-icon-right { + color: $toggleButtonIconActiveColor; + } + + &:hover { + background: $toggleButtonActiveHoverBg; + border-color: $toggleButtonActiveHoverBorderColor; + color: $toggleButtonTextActiveHoverColor; + + .p-button-icon-left, + .p-button-icon-right { + color: $toggleButtonIconActiveHoverColor; + } + } + } + } +} + +p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + @include invalid-input(); +} \ No newline at end of file diff --git a/src/assets/sass/theme/designer/components/input/_slider.scss b/src/assets/sass/theme/designer/components/input/_slider.scss new file mode 100644 index 00000000..32f81acd --- /dev/null +++ b/src/assets/sass/theme/designer/components/input/_slider.scss @@ -0,0 +1,69 @@ +.p-slider { + background: $sliderBg; + border: $sliderBorder; + border-radius: $borderRadius; + + &.p-slider-horizontal { + height: $sliderHorizontalHeight; + + .p-slider-handle { + margin-top: (-1 * $sliderHandleHeight / 2); + margin-left: (-1 * $sliderHandleWidth / 2); + } + } + + &.p-slider-vertical { + width: $sliderVerticalWidth; + + .p-slider-handle { + margin-left: (-1 * $sliderHandleWidth / 2); + margin-bottom: (-1 * $sliderHandleHeight / 2); + } + } + + .p-slider-handle { + height: $sliderHandleHeight; + width: $sliderHandleWidth; + background: $sliderHandleBg; + border: $sliderHandleBorder; + border-radius: $sliderHandleBorderRadius; + transition: $formElementTransition; + + &:focus { + @include focused(); + } + } + + .p-slider-range { + background: $sliderRangeBg; + } + + &:not(.p-disabled) { + .p-slider-handle:hover { + background: $sliderHandleHoverBg; + border-color: $sliderHandleHoverBorderColor; + } + } + + &.p-slider-animate { + &.p-slider-horizontal { + .p-slider-handle { + transition: $formElementTransition, left $transitionDuration; + } + + .p-slider-range { + transition: width $transitionDuration; + } + } + + &.p-slider-vertical { + .p-slider-handle { + transition: $formElementTransition, bottom $transitionDuration; + } + + .p-slider-range { + transition: height $transitionDuration; + } + } + } +} diff --git a/src/assets/sass/theme/designer/components/input/_togglebutton.scss b/src/assets/sass/theme/designer/components/input/_togglebutton.scss new file mode 100644 index 00000000..b81bd263 --- /dev/null +++ b/src/assets/sass/theme/designer/components/input/_togglebutton.scss @@ -0,0 +1,48 @@ +.p-togglebutton.p-button { + background: $toggleButtonBg; + border: $toggleButtonBorder; + color: $toggleButtonTextColor; + transition: $formElementTransition; + + .p-button-icon-left, + .p-button-icon-right { + color: $toggleButtonIconColor; + } + + &:not(.p-disabled):not(.p-highlight):hover { + background: $toggleButtonHoverBg; + border-color: $toggleButtonHoverBorderColor; + color: $toggleButtonTextHoverColor; + + .p-button-icon-left, + .p-button-icon-right { + color: $toggleButtonIconHoverColor; + } + } + + &.p-highlight { + background: $toggleButtonActiveBg; + border-color: $toggleButtonActiveBorderColor; + color: $toggleButtonTextActiveColor; + + .p-button-icon-left, + .p-button-icon-right { + color: $toggleButtonIconActiveColor; + } + + &:hover { + background: $toggleButtonActiveHoverBg; + border-color: $toggleButtonActiveHoverBorderColor; + color: $toggleButtonTextActiveHoverColor; + + .p-button-icon-left, + .p-button-icon-right { + color: $toggleButtonIconActiveHoverColor; + } + } + } +} + +p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + @include invalid-input(); +} \ No newline at end of file diff --git a/src/assets/sass/theme/designer/components/input/_treeselect.scss b/src/assets/sass/theme/designer/components/input/_treeselect.scss new file mode 100644 index 00000000..8e994009 --- /dev/null +++ b/src/assets/sass/theme/designer/components/input/_treeselect.scss @@ -0,0 +1,89 @@ +.p-treeselect { + background: $inputBg; + border: $inputBorder; + transition: $formElementTransition; + border-radius: $borderRadius; + + &:not(.p-disabled):hover { + border-color: $inputHoverBorderColor; + } + + &:not(.p-disabled).p-focus { + @include focused-input(); + } + + .p-treeselect-label { + padding: $inputPadding; + transition: $formElementTransition; + + &.p-placeholder { + color: $inputPlaceholderTextColor; + } + } + + &.p-treeselect-chip { + .p-treeselect-token { + padding: nth($inputPadding, 1)/2 nth($inputPadding, 2); + margin-right: $inlineSpacing; + background: $chipBg; + color: $chipTextColor; + border-radius: $chipBorderRadius; + } + } + + .p-treeselect-trigger { + background: transparent; + color: $inputIconColor; + width: $inputGroupAddOnMinWidth; + border-top-right-radius: $borderRadius; + border-bottom-right-radius: $borderRadius; + } + + &.p-invalid.p-component { + @include invalid-input(); + } +} + +.p-inputwrapper-filled { + .p-treeselect { + &.p-treeselect-chip { + .p-treeselect-label { + padding: nth($inputPadding, 1)/2 nth($inputPadding, 2); + } + } + } +} + +.p-treeselect-panel { + background: $inputOverlayBg; + color: $inputListTextColor; + border: $inputOverlayBorder; + border-radius: $borderRadius; + box-shadow: $inputOverlayShadow; + + .p-treeselect-items-wrapper { + .p-tree { + border: 0 none; + } + + .p-treeselect-empty-message { + padding: $inputListItemPadding; + color: $inputListItemTextColor; + background: $inputListItemBg; + } + } +} + +.p-input-filled { + .p-treeselect { + background: $inputFilledBg; + + &:not(.p-disabled):hover { + background-color: $inputFilledHoverBg; + } + + &:not(.p-disabled).p-focus { + background-color: $inputFilledFocusBg; + } + } +} diff --git a/src/assets/sass/theme/designer/components/menu/_breadcrumb.scss b/src/assets/sass/theme/designer/components/menu/_breadcrumb.scss new file mode 100644 index 00000000..73576543 --- /dev/null +++ b/src/assets/sass/theme/designer/components/menu/_breadcrumb.scss @@ -0,0 +1,42 @@ +.p-breadcrumb { + background: $breadcrumbBg; + border: $breadcrumbBorder; + border-radius: $borderRadius; + padding: $breadcrumbPadding; + + ul { + li { + .p-menuitem-link { + transition: $listItemTransition; + border-radius: $borderRadius; + + &:focus { + @include focused(); + } + + .p-menuitem-text { + color: $breadcrumbItemTextColor; + } + + .p-menuitem-icon { + color: $breadcrumbItemIconColor; + } + } + + &.p-breadcrumb-chevron { + margin: 0 $inlineSpacing 0 $inlineSpacing; + color: $breadcrumbSeparatorColor; + } + + &:last-child { + .p-menuitem-text { + color: $breadcrumbLastItemTextColor; + } + + .p-menuitem-icon { + color: $breadcrumbLastItemIconColor; + } + } + } + } +} diff --git a/src/assets/sass/theme/designer/components/menu/_contextmenu.scss b/src/assets/sass/theme/designer/components/menu/_contextmenu.scss new file mode 100644 index 00000000..5c867103 --- /dev/null +++ b/src/assets/sass/theme/designer/components/menu/_contextmenu.scss @@ -0,0 +1,50 @@ +.p-contextmenu { + padding: $verticalMenuPadding; + background: $overlayMenuBg; + color: $menuTextColor; + border: $overlayMenuBorder; + box-shadow: $overlayMenuShadow; + width: $menuWidth; + + .p-menuitem-link { + @include menuitem-link(); + } + + .p-submenu-list { + padding: $verticalMenuPadding; + background: $overlayMenuBg; + border: $overlayMenuBorder; + box-shadow: $overlayMenuShadow; + } + + .p-menuitem { + margin: $verticalMenuitemMargin; + + &:last-child { + margin: 0; + } + + &.p-menuitem-active { + > .p-menuitem-link { + background: $menuitemActiveBg; + + .p-menuitem-text { + color: $menuitemTextActiveColor; + } + + .p-menuitem-icon, .p-submenu-icon { + color: $menuitemIconActiveColor; + } + } + } + } + + .p-menu-separator { + border-top: $divider; + margin: $menuSeparatorMargin; + } + + .p-submenu-icon { + font-size: $menuitemSubmenuIconFontSize; + } +} diff --git a/src/assets/sass/theme/designer/components/menu/_dock.scss b/src/assets/sass/theme/designer/components/menu/_dock.scss new file mode 100644 index 00000000..ee7c01a0 --- /dev/null +++ b/src/assets/sass/theme/designer/components/menu/_dock.scss @@ -0,0 +1,51 @@ +.p-dock { + .p-dock-list { + background: $dockBg; + border: $dockBorder; + padding: $dockPadding; + border-radius: $dockBorderRadius; + } + + .p-dock-item { + padding: $dockItemPadding; + } + + .p-dock-action { + width: $dockActionWidth; + height: $dockActionHeight; + } + + &.p-dock-top, + &.p-dock-bottom { + .p-dock-item-second-prev, + .p-dock-item-second-next { + margin: 0 $dockSecondItemsMargin; + } + + .p-dock-item-prev, + .p-dock-item-next { + margin: 0 $dockFirstItemsMargin; + } + + .p-dock-item-current { + margin: 0 $dockCurrentItemMargin; + } + } + + &.p-dock-left, + &.p-dock-right { + .p-dock-item-second-prev, + .p-dock-item-second-next { + margin: $dockSecondItemsMargin 0; + } + + .p-dock-item-prev, + .p-dock-item-next { + margin: $dockFirstItemsMargin 0; + } + + .p-dock-item-current { + margin: $dockCurrentItemMargin 0; + } + } +} \ No newline at end of file diff --git a/src/assets/sass/theme/designer/components/menu/_megamenu.scss b/src/assets/sass/theme/designer/components/menu/_megamenu.scss new file mode 100644 index 00000000..a28e2445 --- /dev/null +++ b/src/assets/sass/theme/designer/components/menu/_megamenu.scss @@ -0,0 +1,102 @@ +.p-megamenu { + padding: $horizontalMenuPadding; + background: $horizontalMenuBg; + color: $horizontalMenuTextColor; + border: $horizontalMenuBorder; + border-radius: $borderRadius; + + .p-megamenu-root-list { + > .p-menuitem { + > .p-menuitem-link { + @include horizontal-rootmenuitem-link(); + } + + &.p-menuitem-active { + > .p-menuitem-link, + > .p-menuitem-link:not(.p-disabled):hover { + background: $horizontalMenuRootMenuitemActiveBg; + + .p-menuitem-text { + color: $horizontalMenuRootMenuitemTextActiveColor; + } + + .p-menuitem-icon { + color: $horizontalMenuRootMenuitemIconActiveColor; + } + + .p-submenu-icon { + color: $horizontalMenuRootMenuitemIconActiveColor; + } + } + } + } + } + + .p-menuitem-link { + @include menuitem-link(); + } + + .p-megamenu-panel { + background: $overlayMenuBg; + color: $menuTextColor; + border: $overlayMenuBorder; + box-shadow: $overlayMenuShadow; + } + + .p-megamenu-submenu-header { + margin: $submenuHeaderMargin; + padding: $submenuHeaderPadding; + color: $submenuHeaderTextColor; + background: $submenuHeaderBg; + font-weight: $submenuHeaderFontWeight; + border-top-right-radius: $borderRadius; + border-top-left-radius: $borderRadius; + } + + .p-megamenu-submenu { + padding: $verticalMenuPadding; + width: $menuWidth; + + .p-menu-separator { + border-top: $divider; + margin: $menuSeparatorMargin; + } + + .p-menuitem { + margin: $verticalMenuitemMargin; + + &:last-child { + margin: 0; + } + } + } + + .p-menuitem { + &.p-menuitem-active { + > .p-menuitem-link { + background: $menuitemActiveBg; + + .p-menuitem-text { + color: $menuitemTextActiveColor; + } + + .p-menuitem-icon, .p-submenu-icon { + color: $menuitemIconActiveColor; + } + } + } + } + + &.p-megamenu-vertical { + width: $menuWidth; + padding: $verticalMenuPadding; + + .p-menuitem { + margin: $verticalMenuitemMargin; + + &:last-child { + margin: 0; + } + } + } +} diff --git a/src/assets/sass/theme/designer/components/menu/_menu.scss b/src/assets/sass/theme/designer/components/menu/_menu.scss new file mode 100644 index 00000000..faca487e --- /dev/null +++ b/src/assets/sass/theme/designer/components/menu/_menu.scss @@ -0,0 +1,41 @@ +.p-menu { + padding: $verticalMenuPadding; + background: $menuBg; + color: $menuTextColor; + border: $menuBorder; + border-radius: $borderRadius; + width: $menuWidth; + + .p-menuitem-link { + @include menuitem-link(); + } + + &.p-menu-overlay { + background: $overlayMenuBg; + border: $overlayMenuBorder; + box-shadow: $overlayMenuShadow; + } + + .p-submenu-header { + margin: $submenuHeaderMargin; + padding: $submenuHeaderPadding; + color: $submenuHeaderTextColor; + background: $submenuHeaderBg; + font-weight: $submenuHeaderFontWeight; + border-top-right-radius: $submenuHeaderBorderRadius; + border-top-left-radius: $submenuHeaderBorderRadius; + } + + .p-menu-separator { + border-top: $divider; + margin: $menuSeparatorMargin; + } + + .p-menuitem { + margin: $verticalMenuitemMargin; + + &:last-child { + margin: 0; + } + } +} diff --git a/src/assets/sass/theme/designer/components/menu/_menubar.scss b/src/assets/sass/theme/designer/components/menu/_menubar.scss new file mode 100644 index 00000000..ee4ef9b8 --- /dev/null +++ b/src/assets/sass/theme/designer/components/menu/_menubar.scss @@ -0,0 +1,179 @@ +.p-menubar { + padding: $horizontalMenuPadding; + background: $horizontalMenuBg; + color: $horizontalMenuTextColor; + border: $horizontalMenuBorder; + border-radius: $borderRadius; + + .p-menuitem-link { + @include menuitem-link(); + } + + .p-menubar-root-list { + > .p-menuitem { + > .p-menuitem-link { + @include horizontal-rootmenuitem-link(); + } + + &.p-menuitem-active { + > .p-menuitem-link, + > .p-menuitem-link:not(.p-disabled):hover { + background: $horizontalMenuRootMenuitemActiveBg; + + .p-menuitem-text { + color: $horizontalMenuRootMenuitemTextActiveColor; + } + + .p-menuitem-icon { + color: $horizontalMenuRootMenuitemIconActiveColor; + } + + .p-submenu-icon { + color: $horizontalMenuRootMenuitemIconActiveColor; + } + } + } + } + } + + .p-submenu-list { + padding: $verticalMenuPadding; + background: $overlayMenuBg; + border: $overlayMenuBorder; + box-shadow: $overlayMenuShadow; + width: $menuWidth; + + .p-menu-separator { + border-top: $divider; + margin: $menuSeparatorMargin; + } + + .p-submenu-icon { + font-size: $menuitemSubmenuIconFontSize; + } + + .p-menuitem { + margin: $verticalMenuitemMargin; + + &:last-child { + margin: 0; + } + } + } + + .p-menuitem { + &.p-menuitem-active { + > .p-menuitem-link { + background: $menuitemActiveBg; + + .p-menuitem-text { + color: $menuitemTextActiveColor; + } + + .p-menuitem-icon, .p-submenu-icon { + color: $menuitemIconActiveColor; + } + } + } + } +} + +@media screen and (max-width: 960px) { + .p-menubar { + position: relative; + + .p-menubar-button { + display: flex; + width: $actionIconWidth; + height: $actionIconHeight; + color: $horizontalMenuRootMenuitemIconColor; + border-radius: $actionIconBorderRadius; + transition: $actionIconTransition; + + &:hover { + color: $horizontalMenuRootMenuitemIconHoverColor; + background: $horizontalMenuRootMenuitemHoverBg; + } + + &:focus { + @include focused(); + } + } + + .p-menubar-root-list { + position: absolute; + display: none; + padding: $verticalMenuPadding; + background: $overlayMenuBg; + border: $overlayMenuBorder; + box-shadow: $overlayMenuShadow; + width: 100%; + + .p-menu-separator { + border-top: $divider; + margin: $menuSeparatorMargin; + } + + .p-submenu-icon { + font-size: $menuitemSubmenuIconFontSize; + } + + > .p-menuitem { + width: 100%; + position: static; + + > .p-menuitem-link { + @include menuitem-link(); + + > .p-submenu-icon { + margin-left: auto; + transition: transform $transitionDuration; + } + } + + &.p-menuitem-active { + > .p-menuitem-link { + > .p-submenu-icon { + transform: rotate(-180deg); + } + } + } + } + + .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + + .p-submenu-icon { + transition: transform $transitionDuration; + transform: rotate(90deg); + } + + .p-menuitem-active { + > .p-menuitem-link { + > .p-submenu-icon { + transform: rotate(-90deg); + } + } + } + } + + .p-menuitem { + width: 100%; + position: static; + } + + @include nested-submenu-indents(nth($menuitemPadding, 1), 2, 10); + } + + &.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } + } +} \ No newline at end of file diff --git a/src/assets/sass/theme/designer/components/menu/_panelmenu.scss b/src/assets/sass/theme/designer/components/menu/_panelmenu.scss new file mode 100644 index 00000000..ba373177 --- /dev/null +++ b/src/assets/sass/theme/designer/components/menu/_panelmenu.scss @@ -0,0 +1,137 @@ +.p-panelmenu { + .p-panelmenu-header { + > a { + padding: $accordionHeaderPadding; + border: $accordionHeaderBorder; + color: $accordionHeaderTextColor; + background: $accordionHeaderBg; + font-weight: $accordionHeaderFontWeight; + border-radius: $borderRadius; + transition: $listItemTransition; + + .p-panelmenu-icon { + margin-right: $inlineSpacing; + } + + .p-menuitem-icon { + margin-right: $inlineSpacing; + } + + &:focus { + @include focused(); + } + } + + &:not(.p-highlight):not(.p-disabled) { + > a:hover { + background: $accordionHeaderHoverBg; + border-color: $accordionHeaderHoverBorderColor; + color: $accordionHeaderTextHoverColor; + } + } + + &.p-highlight { + margin-bottom: 0; + + > a { + background: $accordionHeaderActiveBg; + border-color: $accordionHeaderActiveBorderColor; + color: $accordionHeaderTextActiveColor; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + &:not(.p-disabled) { + > a { + &:hover { + border-color: $accordionHeaderActiveHoverBorderColor; + background: $accordionHeaderActiveHoverBg; + color: $accordionHeaderTextActiveHoverColor; + } + } + } + } + } + + .p-panelmenu-content { + padding: $verticalMenuPadding; + border: $accordionContentBorder; + background: $accordionContentBg; + color: $accordionContentTextColor; + margin-bottom: $accordionSpacing; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: $borderRadius; + border-bottom-left-radius: $borderRadius; + + .p-menuitem { + .p-menuitem-link { + @include menuitem-link(); + + .p-panelmenu-icon { + margin-right: $inlineSpacing; + } + } + } + + .p-submenu-list:not(.p-panelmenu-root-submenu) { + padding: $treeNodeChildrenPadding; + } + } + + .p-panelmenu-panel { + margin-bottom: $accordionSpacing; + + @if $accordionSpacing == 0 { + .p-panelmenu-header { + > a { + border-radius: 0; + } + } + + .p-panelmenu-content { + border-radius: 0; + } + + &:not(:first-child) { + .p-panelmenu-header { + > a { + border-top: 0 none; + } + + &:not(.p-highlight):not(.p-disabled):hover, + &:not(.p-disabled).p-highlight:hover { + > a { + border-top: 0 none; + } + } + } + } + + &:first-child { + .p-panelmenu-header { + > a { + border-top-right-radius: $borderRadius; + border-top-left-radius: $borderRadius; + } + } + } + + &:last-child { + .p-panelmenu-header:not(.p-highlight) { + > a { + border-bottom-right-radius: $borderRadius; + border-bottom-left-radius: $borderRadius; + } + } + + .p-panelmenu-content { + border-bottom-right-radius: $borderRadius; + border-bottom-left-radius: $borderRadius; + } + } + } + } + +} diff --git a/src/assets/sass/theme/designer/components/menu/_slidemenu.scss b/src/assets/sass/theme/designer/components/menu/_slidemenu.scss new file mode 100644 index 00000000..3fec72c5 --- /dev/null +++ b/src/assets/sass/theme/designer/components/menu/_slidemenu.scss @@ -0,0 +1,55 @@ +.p-slidemenu { + padding: $verticalMenuPadding; + background: $menuBg; + color: $menuTextColor; + border: $menuBorder; + border-radius: $borderRadius; + width: $menuWidth; + + .p-menuitem-link { + @include menuitem-link(); + } + + &.p-slidemenu-overlay { + background: $overlayMenuBg; + border: $overlayMenuBorder; + box-shadow: $overlayMenuShadow; + } + + .p-slidemenu-list { + padding: $verticalMenuPadding; + background: $overlayMenuBg; + border: $overlayMenuBorder; + box-shadow: $overlayMenuShadow; + } + + .p-slidemenu { + &.p-slidemenu-active { + > .p-slidemenu-link { + background: $menuitemActiveBg; + + .p-slidemenu-text { + color: $menuitemTextActiveColor; + } + + .p-slidemenu-icon, .p-slidemenu-icon { + color: $menuitemIconActiveColor; + } + } + } + } + + .p-slidemenu-separator { + border-top: $divider; + margin: $menuSeparatorMargin; + } + + .p-slidemenu-icon { + font-size: $menuitemSubmenuIconFontSize; + } + + .p-slidemenu-backward { + padding: $menuitemPadding; + color: $menuitemTextColor; + } +} diff --git a/src/assets/sass/theme/designer/components/menu/_steps.scss b/src/assets/sass/theme/designer/components/menu/_steps.scss new file mode 100644 index 00000000..217976cb --- /dev/null +++ b/src/assets/sass/theme/designer/components/menu/_steps.scss @@ -0,0 +1,55 @@ +.p-steps { + + .p-steps-item { + .p-menuitem-link { + background: transparent; + transition: $listItemTransition; + border-radius: $borderRadius; + background: $stepsItemBg; + + .p-steps-number { + color: $stepsItemNumberColor; + border: $stepsItemBorder; + background: $stepsItemBg; + min-width: $stepsItemNumberWidth; + height: $stepsItemNumberHeight; + line-height: $stepsItemNumberHeight; + font-size: $stepsItemNumberFontSize; + z-index: 1; + border-radius: $stepsItemNumberBorderRadius; + } + + .p-steps-title { + margin-top: $inlineSpacing; + color: $stepsItemTextColor; + } + + &:not(.p-disabled):focus { + @include focused(); + } + } + + &.p-highlight { + .p-steps-number { + background: $highlightBg; + color: $highlightTextColor; + } + + .p-steps-title { + font-weight: $stepsItemActiveFontWeight; + color: $textColor; + } + } + + &:before { + content:' '; + border-top: $divider; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1 * ($stepsItemNumberHeight / 2); + } + } +} diff --git a/src/assets/sass/theme/designer/components/menu/_tabmenu.scss b/src/assets/sass/theme/designer/components/menu/_tabmenu.scss new file mode 100644 index 00000000..7387fbc3 --- /dev/null +++ b/src/assets/sass/theme/designer/components/menu/_tabmenu.scss @@ -0,0 +1,49 @@ +.p-tabmenu { + .p-tabmenu-nav { + background: $tabviewNavBg; + border: $tabviewNavBorder; + border-width: $tabviewNavBorderWidth; + + .p-tabmenuitem { + margin-right: $tabviewHeaderSpacing; + + .p-menuitem-link { + border: $tabviewHeaderBorder; + border-width: $tabviewHeaderBorderWidth; + border-color: $tabviewHeaderBorderColor; + background: $tabviewHeaderBg; + color: $tabviewHeaderTextColor; + padding: $tabviewHeaderPadding; + font-weight: $tabviewHeaderFontWeight; + border-top-right-radius: $borderRadius; + border-top-left-radius: $borderRadius; + transition: $listItemTransition; + margin: $tabviewHeaderMargin; + + .p-menuitem-icon { + margin-right: $inlineSpacing; + } + + &:not(.p-disabled):focus { + @include focused(); + } + } + + &:not(.p-highlight):not(.p-disabled):hover { + .p-menuitem-link { + background: $tabviewHeaderHoverBg; + border-color: $tabviewHeaderHoverBorderColor; + color: $tabviewHeaderTextHoverColor; + } + } + + &.p-highlight { + .p-menuitem-link { + background: $tabviewHeaderActiveBg; + border-color: $tabviewHeaderActiveBorderColor; + color: $tabviewHeaderTextActiveColor; + } + } + } + } +} diff --git a/src/assets/sass/theme/designer/components/menu/_tieredmenu.scss b/src/assets/sass/theme/designer/components/menu/_tieredmenu.scss new file mode 100644 index 00000000..35bf971a --- /dev/null +++ b/src/assets/sass/theme/designer/components/menu/_tieredmenu.scss @@ -0,0 +1,56 @@ +.p-tieredmenu { + padding: $verticalMenuPadding; + background: $menuBg; + color: $menuTextColor; + border: $menuBorder; + border-radius: $borderRadius; + width: $menuWidth; + + .p-menuitem-link { + @include menuitem-link(); + } + + &.p-tieredmenu-overlay { + background: $overlayMenuBg; + border: $overlayMenuBorder; + box-shadow: $overlayMenuShadow; + } + + .p-submenu-list { + padding: $verticalMenuPadding; + background: $overlayMenuBg; + border: $overlayMenuBorder; + box-shadow: $overlayMenuShadow; + } + + .p-menuitem { + margin: $verticalMenuitemMargin; + + &:last-child { + margin: 0; + } + + &.p-menuitem-active { + > .p-menuitem-link { + background: $menuitemActiveBg; + + .p-menuitem-text { + color: $menuitemTextActiveColor; + } + + .p-menuitem-icon, .p-submenu-icon { + color: $menuitemIconActiveColor; + } + } + } + } + + .p-menu-separator { + border-top: $divider; + margin: $menuSeparatorMargin; + } + + .p-submenu-icon { + font-size: $menuitemSubmenuIconFontSize; + } +} diff --git a/src/assets/sass/theme/designer/components/messages/_inlinemessage.scss b/src/assets/sass/theme/designer/components/messages/_inlinemessage.scss new file mode 100644 index 00000000..ac768d49 --- /dev/null +++ b/src/assets/sass/theme/designer/components/messages/_inlinemessage.scss @@ -0,0 +1,64 @@ +.p-inline-message { + padding: $inlineMessagePadding; + margin: $inlineMessageMargin; + border-radius: $borderRadius; + + &.p-inline-message-info { + background: $infoMessageBg; + border: $infoMessageBorder; + border-width: $inlineMessageBorderWidth; + color: $infoMessageTextColor; + + .p-inline-message-icon { + color: $infoMessageIconColor; + } + } + + &.p-inline-message-success { + background: $successMessageBg; + border: $successMessageBorder; + border-width: $inlineMessageBorderWidth; + color: $successMessageTextColor; + + .p-inline-message-icon { + color: $successMessageIconColor; + } + } + + &.p-inline-message-warn { + background: $warningMessageBg; + border: $warningMessageBorder; + border-width: $inlineMessageBorderWidth; + color: $warningMessageTextColor; + + .p-inline-message-icon { + color: $warningMessageIconColor; + } + } + + &.p-inline-message-error { + background: $errorMessageBg; + border: $errorMessageBorder; + border-width: $inlineMessageBorderWidth; + color: $errorMessageTextColor; + + .p-inline-message-icon { + color: $errorMessageIconColor; + } + } + + .p-inline-message-icon { + font-size: $inlineMessageIconFontSize; + margin-right: $inlineSpacing; + } + + .p-inline-message-text { + font-size: $inlineMessageTextFontSize; + } + + &.p-inline-message-icon-only { + .p-inline-message-icon { + margin-right: 0; + } + } +} diff --git a/src/assets/sass/theme/designer/components/messages/_message.scss b/src/assets/sass/theme/designer/components/messages/_message.scss new file mode 100644 index 00000000..b86dea56 --- /dev/null +++ b/src/assets/sass/theme/designer/components/messages/_message.scss @@ -0,0 +1,102 @@ +.p-message { + margin: $messageMargin; + border-radius: $borderRadius; + + .p-message-wrapper { + padding: $messagePadding; + } + + .p-message-close { + width: $actionIconWidth; + height: $actionIconHeight; + border-radius: $actionIconBorderRadius; + background: transparent; + transition: $actionIconTransition; + + &:hover { + background: rgba(255,255,255,.3); + } + + &:focus { + @include focused(); + } + } + + &.p-message-info { + background: $infoMessageBg; + border: $infoMessageBorder; + border-width: $messageBorderWidth; + color: $infoMessageTextColor; + + .p-message-icon { + color: $infoMessageIconColor; + } + + .p-message-close { + color: $infoMessageIconColor; + } + } + + &.p-message-success { + background: $successMessageBg; + border: $successMessageBorder; + border-width: $messageBorderWidth; + color: $successMessageTextColor; + + .p-message-icon { + color: $successMessageIconColor; + } + + .p-message-close { + color: $successMessageIconColor; + } + } + + &.p-message-warn { + background: $warningMessageBg; + border: $warningMessageBorder; + border-width: $messageBorderWidth; + color: $warningMessageTextColor; + + .p-message-icon { + color: $warningMessageIconColor; + } + + .p-message-close { + color: $warningMessageIconColor; + } + } + + &.p-message-error { + background: $errorMessageBg; + border: $errorMessageBorder; + border-width: $messageBorderWidth; + color: $errorMessageTextColor; + + .p-message-icon { + color: $errorMessageIconColor; + } + + .p-message-close { + color: $errorMessageIconColor; + } + } + + .p-message-text { + font-size: $messageTextFontSize; + font-weight: $messageTextFontWeight; + } + + .p-message-icon { + font-size: $messageIconFontSize; + margin-right: $inlineSpacing; + } + + .p-message-summary { + font-weight: 700; + } + + .p-message-detail { + margin-left: $inlineSpacing; + } +} diff --git a/src/assets/sass/theme/designer/components/messages/_toast.scss b/src/assets/sass/theme/designer/components/messages/_toast.scss new file mode 100644 index 00000000..af05f9f9 --- /dev/null +++ b/src/assets/sass/theme/designer/components/messages/_toast.scss @@ -0,0 +1,95 @@ +.p-toast { + opacity: $toastOpacity; + + .p-toast-message { + margin: $toastMargin; + box-shadow: $toastShadow; + border-radius: $borderRadius; + + .p-toast-message-content { + padding: $toastPadding; + border-width: $toastBorderWidth; + + .p-toast-message-text { + margin: $toastMessageTextMargin; + } + + .p-toast-message-icon { + font-size: $toastIconFontSize; + } + + .p-toast-summary { + font-weight: $toastTitleFontWeight; + } + + .p-toast-detail { + margin: $toastDetailMargin; + } + } + + .p-toast-icon-close { + width: $toastIconFontSize; + height: $toastIconFontSize; + border-radius: $actionIconBorderRadius; + background: transparent; + transition: $actionIconTransition; + + &:hover { + background: rgba(255,255,255,.3); + } + + &:focus { + @include focused(); + } + } + + &.p-toast-message-info { + background: $infoMessageBg; + border: $infoMessageBorder; + border-width: $messageBorderWidth; + color: $infoMessageTextColor; + + .p-toast-message-icon, + .p-toast-icon-close { + color: $infoMessageIconColor; + } + } + + &.p-toast-message-success { + background: $successMessageBg; + border: $successMessageBorder; + border-width: $messageBorderWidth; + color: $successMessageTextColor; + + .p-toast-message-icon, + .p-toast-icon-close { + color: $successMessageIconColor; + } + } + + &.p-toast-message-warn { + background: $warningMessageBg; + border: $warningMessageBorder; + border-width: $messageBorderWidth; + color: $warningMessageTextColor; + + .p-toast-message-icon, + .p-toast-icon-close { + color: $warningMessageIconColor; + } + } + + &.p-toast-message-error { + background: $errorMessageBg; + border: $errorMessageBorder; + border-width: $messageBorderWidth; + color: $errorMessageTextColor; + + .p-toast-message-icon, + .p-toast-icon-close { + color: $errorMessageIconColor; + } + } + + } +} diff --git a/src/assets/sass/theme/designer/components/misc/_avatar.scss b/src/assets/sass/theme/designer/components/misc/_avatar.scss new file mode 100644 index 00000000..d169b82b --- /dev/null +++ b/src/assets/sass/theme/designer/components/misc/_avatar.scss @@ -0,0 +1,30 @@ +.p-avatar { + background-color: $avatarBg; + border-radius: $borderRadius; + + &.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; + + .p-avatar-icon { + font-size: 1.5rem; + } + } + + &.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; + + .p-avatar-icon { + font-size: 2rem; + } + } +} + +.p-avatar-group { + .p-avatar { + border: 2px solid $panelContentBg; + } +} \ No newline at end of file diff --git a/src/assets/sass/theme/designer/components/misc/_badge.scss b/src/assets/sass/theme/designer/components/misc/_badge.scss new file mode 100644 index 00000000..96467bda --- /dev/null +++ b/src/assets/sass/theme/designer/components/misc/_badge.scss @@ -0,0 +1,48 @@ +.p-badge { + background: $badgeBg; + color: $badgeTextColor; + font-size: $badgeFontSize; + font-weight: $badgeFontWeight; + min-width: $badgeMinWidth; + height: $badgeHeight; + line-height: $badgeHeight; + + &.p-badge-secondary { + background-color: $secondaryButtonBg; + color: $secondaryButtonTextColor; + } + + &.p-badge-success { + background-color: $successButtonBg; + color: $successButtonTextColor; + } + + &.p-badge-info { + background-color: $infoButtonBg; + color: $infoButtonTextColor; + } + + &.p-badge-warning { + background-color: $warningButtonBg; + color: $warningButtonTextColor; + } + + &.p-badge-danger { + background-color: $dangerButtonBg; + color: $dangerButtonTextColor; + } + + &.p-badge-lg { + font-size: 1.5 * $badgeFontSize; + min-width: 1.5 * $badgeMinWidth; + height: 1.5 * $badgeHeight; + line-height: 1.5 * $badgeHeight; + } + + &.p-badge-xl { + font-size: 2 * $badgeFontSize; + min-width: 2 * $badgeMinWidth; + height: 2 * $badgeHeight; + line-height: 2 * $badgeHeight; + } +} \ No newline at end of file diff --git a/src/assets/sass/theme/designer/components/misc/_blockui.scss b/src/assets/sass/theme/designer/components/misc/_blockui.scss new file mode 100644 index 00000000..fbad3b99 --- /dev/null +++ b/src/assets/sass/theme/designer/components/misc/_blockui.scss @@ -0,0 +1,3 @@ +.p-blockui.p-component-overlay { + background: $maskBg; +} \ No newline at end of file diff --git a/src/assets/sass/theme/designer/components/misc/_chip.scss b/src/assets/sass/theme/designer/components/misc/_chip.scss new file mode 100644 index 00000000..ff1f6e88 --- /dev/null +++ b/src/assets/sass/theme/designer/components/misc/_chip.scss @@ -0,0 +1,36 @@ +.p-chip { + background-color: $chipBg; + color: $chipTextColor; + border-radius: $chipBorderRadius; + padding: 0 nth($inputPadding, 2); + + .p-chip-text { + line-height: 1.5; + margin-top: nth($inputPadding, 1) / 2; + margin-bottom: nth($inputPadding, 1) / 2; + } + + .p-chip-icon { + margin-right: $inlineSpacing; + } + + .pi-chip-remove-icon { + margin-left: $inlineSpacing; + } + + img { + width: 1.5 + nth($inputPadding, 1); + height: 1.5 + nth($inputPadding, 1); + margin-left: -1 * nth($inputPadding, 2); + margin-right: $inlineSpacing; + } + + .pi-chip-remove-icon { + border-radius: $borderRadius; + transition: $actionIconTransition; + + &:focus { + @include focused(); + } + } +} \ No newline at end of file diff --git a/src/assets/sass/theme/designer/components/misc/_inplace.scss b/src/assets/sass/theme/designer/components/misc/_inplace.scss new file mode 100644 index 00000000..8f64b694 --- /dev/null +++ b/src/assets/sass/theme/designer/components/misc/_inplace.scss @@ -0,0 +1,17 @@ +.p-inplace { + .p-inplace-display { + padding: $inplacePadding; + border-radius: $borderRadius; + transition: $formElementTransition; + + &:not(.p-disabled):hover { + background: $inplaceHoverBg; + color: $inplaceTextHoverColor; + } + + &:focus { + @include focused(); + } + } +} + diff --git a/src/assets/sass/theme/designer/components/misc/_progressbar.scss b/src/assets/sass/theme/designer/components/misc/_progressbar.scss new file mode 100644 index 00000000..d114b25e --- /dev/null +++ b/src/assets/sass/theme/designer/components/misc/_progressbar.scss @@ -0,0 +1,17 @@ +.p-progressbar { + border: $progressBarBorder; + height: $progressBarHeight; + background: $progressBarBg; + border-radius: $borderRadius; + + .p-progressbar-value { + border: 0 none; + margin: 0; + background: $progressBarValueBg; + } + + .p-progressbar-label { + color: $textColor; + line-height: $progressBarHeight; + } +} diff --git a/src/assets/sass/theme/designer/components/misc/_scrolltop.scss b/src/assets/sass/theme/designer/components/misc/_scrolltop.scss new file mode 100644 index 00000000..be19dde2 --- /dev/null +++ b/src/assets/sass/theme/designer/components/misc/_scrolltop.scss @@ -0,0 +1,20 @@ +.p-scrolltop { + width: $scrollTopWidth; + height: $scrollTopHeight; + border-radius: $scrollTopBorderRadius; + box-shadow: $inputOverlayShadow; + transition: $actionIconTransition; + + &.p-link { + background: $scrollTopBg; + + &:hover { + background: $scrollTopHoverBg; + } + } + + .p-scrolltop-icon { + font-size: $scrollTopFontSize; + color: $scrollTopTextColor; + } +} \ No newline at end of file diff --git a/src/assets/sass/theme/designer/components/misc/_skeleton.scss b/src/assets/sass/theme/designer/components/misc/_skeleton.scss new file mode 100644 index 00000000..24b3d920 --- /dev/null +++ b/src/assets/sass/theme/designer/components/misc/_skeleton.scss @@ -0,0 +1,8 @@ +.p-skeleton { + background-color: $skeletonBg; + border-radius: $borderRadius; + + &:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), $skeletonAnimationBg, rgba(255, 255, 255, 0)); + } +} \ No newline at end of file diff --git a/src/assets/sass/theme/designer/components/misc/_tag.scss b/src/assets/sass/theme/designer/components/misc/_tag.scss new file mode 100644 index 00000000..eae5375b --- /dev/null +++ b/src/assets/sass/theme/designer/components/misc/_tag.scss @@ -0,0 +1,33 @@ +.p-tag { + background: $badgeBg; + color: $badgeTextColor; + font-size: $badgeFontSize; + font-weight: $badgeFontWeight; + padding: $tagPadding; + border-radius: $borderRadius; + + &.p-tag-success { + background-color: $successButtonBg; + color: $successButtonTextColor; + } + + &.p-tag-info { + background-color: $infoButtonBg; + color: $infoButtonTextColor; + } + + &.p-tag-warning { + background-color: $warningButtonBg; + color: $warningButtonTextColor; + } + + &.p-tag-danger { + background-color: $dangerButtonBg; + color: $dangerButtonTextColor; + } + + .p-tag-icon { + margin-right: $inlineSpacing / 2; + font-size: $badgeFontSize; + } +} \ No newline at end of file diff --git a/src/assets/sass/theme/designer/components/misc/_terminal.scss b/src/assets/sass/theme/designer/components/misc/_terminal.scss new file mode 100644 index 00000000..f507df2f --- /dev/null +++ b/src/assets/sass/theme/designer/components/misc/_terminal.scss @@ -0,0 +1,11 @@ +.p-terminal { + background: $panelContentBg; + color: $panelContentTextColor; + border: $panelContentBorder; + padding: $panelContentPadding; + + .p-terminal-input { + font-size: $fontSize; + font-family: $fontFamily; + } +} diff --git a/src/assets/sass/theme/designer/components/multimedia/_galleria.scss b/src/assets/sass/theme/designer/components/multimedia/_galleria.scss new file mode 100644 index 00000000..080ac1b6 --- /dev/null +++ b/src/assets/sass/theme/designer/components/multimedia/_galleria.scss @@ -0,0 +1,141 @@ +.p-galleria { + .p-galleria-close { + margin: $galleriaCloseIconMargin; + background: $galleriaCloseIconBg; + color: $galleriaCloseIconColor; + width: $galleriaCloseIconWidth; + height: $galleriaCloseIconHeight; + transition: $actionIconTransition; + border-radius: $galleriaCloseIconBorderRadius; + + .p-galleria-close-icon { + font-size: $galleriaCloseIconFontSize; + } + + &:hover { + background: $galleriaCloseIconHoverBg; + color: $galleriaCloseIconHoverColor; + } + } + + .p-galleria-item-nav { + background: $galleriaItemNavigatorBg; + color: $galleriaItemNavigatorColor; + width: $galleriaItemNavigatorWidth; + height: $galleriaItemNavigatorHeight; + transition: $actionIconTransition; + border-radius: $galleriaItemNavigatorBorderRadius; + margin: $galleriaItemNavigatorMargin; + + .p-galleria-item-prev-icon, + .p-galleria-item-next-icon { + font-size: $galleriaItemNavigatorFontSize; + } + + &:not(.p-disabled) { + &:hover { + background: $galleriaItemNavigatorHoverBg; + color: $galleriaItemNavigatorHoverColor; + } + } + } + + .p-galleria-caption { + background: $galleriaCaptionBg; + color: $galleriaCaptionTextColor; + padding: $galleriaCaptionPadding; + } + + .p-galleria-indicators { + padding: $galleriaIndicatorsPadding; + + .p-galleria-indicator { + button { + background-color: $galleriaIndicatorBg; + width: $galleriaIndicatorWidth; + height: $galleriaIndicatorHeight; + transition: $actionIconTransition; + border-radius: $galleriaIndicatorBorderRadius; + + &:hover { + background: $galleriaIndicatorHoverBg; + } + } + + &.p-highlight { + button { + background: $highlightBg; + color: $highlightTextColor; + } + } + } + } + + &.p-galleria-indicators-bottom, + &.p-galleria-indicators-top { + .p-galleria-indicator { + margin-right: $inlineSpacing; + } + } + + &.p-galleria-indicators-left, + &.p-galleria-indicators-right { + .p-galleria-indicator { + margin-bottom: $inlineSpacing; + } + } + + &.p-galleria-indicator-onitem { + .p-galleria-indicators { + background: $galleriaIndicatorsBgOnItem; + + .p-galleria-indicator { + button { + background: $galleriaIndicatorBgOnItem; + + &:hover { + background: $galleriaIndicatorHoverBgOnItem; + } + } + + &.p-highlight { + button { + background: $highlightBg; + color: $highlightTextColor; + } + } + } + } + } + + .p-galleria-thumbnail-container { + background: $galleriaThumbnailContainerBg; + padding: $galleriaThumbnailContainerPadding; + + .p-galleria-thumbnail-prev, + .p-galleria-thumbnail-next { + margin: $inlineSpacing; + background-color: $galleriaThumbnailNavigatorBg; + color: $galleriaThumbnailNavigatorColor; + width: $galleriaThumbnailNavigatorWidth; + height: $galleriaThumbnailNavigatorHeight; + transition: $actionIconTransition; + border-radius: $galleriaThumbnailNavigatorBorderRadius; + + &:hover { + background: $galleriaThumbnailNavigatorHoverBg; + color: $galleriaThumbnailNavigatorHoverColor; + } + } + + .p-galleria-thumbnail-item-content:focus { + @include focused(); + } + } +} + +.p-galleria-mask { + &.p-component-overlay { + background-color: $galleriaMaskBg; + } +} diff --git a/src/assets/sass/theme/designer/components/overlay/_confirmpopup.scss b/src/assets/sass/theme/designer/components/overlay/_confirmpopup.scss new file mode 100644 index 00000000..4196bdec --- /dev/null +++ b/src/assets/sass/theme/designer/components/overlay/_confirmpopup.scss @@ -0,0 +1,67 @@ +.p-confirm-popup { + background: $overlayContentBg; + color: $panelContentTextColor; + border: $overlayContentBorder; + border-radius: $borderRadius; + box-shadow: $overlayContainerShadow; + + .p-confirm-popup-content { + padding: $panelContentPadding; + } + + .p-confirm-popup-footer { + text-align: right; + padding: $panelFooterPadding; + + button { + margin: 0 $inlineSpacing 0 0; + width: auto; + + &:last-child { + margin: 0; + } + } + } + + &:after { + border: solid transparent; + border-color: rgba($overlayContentBg, 0); + border-bottom-color: $overlayContentBg; + } + + &:before { + border: solid transparent; + + @if (nth($overlayContentBorder, 2) == 'none') { + border-color: rgba($overlayContentBg, 0); + border-bottom-color: $overlayContentBg; + } + @else { + border-color: rgba(nth($overlayContentBorder, 3), 0); + border-bottom-color: nth($overlayContentBorder, 3); + } + } + + &.p-confirm-popup-flipped { + &:after { + border-top-color: $overlayContentBg; + } + + &:before { + @if (nth($overlayContentBorder, 2) == 'none') { + border-top-color: $overlayContentBg; + } + @else { + border-top-color: nth($overlayContentBorder, 3); + } + } + } + + .p-confirm-popup-icon { + font-size: $primeIconFontSize * 1.5; + } + + .p-confirm-popup-message { + margin-left: $inlineSpacing * 2; + } +} diff --git a/src/assets/sass/theme/designer/components/overlay/_dialog.scss b/src/assets/sass/theme/designer/components/overlay/_dialog.scss new file mode 100644 index 00000000..b1d6083f --- /dev/null +++ b/src/assets/sass/theme/designer/components/overlay/_dialog.scss @@ -0,0 +1,63 @@ +.p-dialog { + border-radius: $borderRadius; + box-shadow: $overlayContainerShadow; + border: $overlayContentBorder; + + .p-dialog-header { + border-bottom: $dialogHeaderBorder; + background: $dialogHeaderBg; + color: $dialogHeaderTextColor; + padding: $dialogHeaderPadding; + border-top-right-radius: $borderRadius; + border-top-left-radius: $borderRadius; + + .p-dialog-title { + font-weight: $dialogHeaderFontWeight; + font-size: $dialogHeaderFontSize; + } + + .p-dialog-header-icon { + @include action-icon(); + margin-right: $inlineSpacing; + + &:last-child { + margin-right: 0; + } + } + } + + .p-dialog-content { + background: $overlayContentBg; + color: $panelContentTextColor; + padding: $dialogContentPadding; + } + + .p-dialog-footer { + border-top: $dialogFooterBorder; + background: $overlayContentBg; + color: $panelFooterTextColor; + padding: $dialogFooterPadding; + text-align: right; + border-bottom-right-radius: $borderRadius; + border-bottom-left-radius: $borderRadius; + + button { + margin: 0 $inlineSpacing 0 0; + width: auto; + } + } + + &.p-confirm-dialog { + .p-confirm-dialog-icon { + font-size: $primeIconFontSize * 2; + } + + .p-confirm-dialog-message { + margin-left: $inlineSpacing * 2; + } + } +} + +.p-dialog-mask.p-component-overlay { + background-color: $maskBg; +} diff --git a/src/assets/sass/theme/designer/components/overlay/_overlaypanel.scss b/src/assets/sass/theme/designer/components/overlay/_overlaypanel.scss new file mode 100644 index 00000000..cccd4fc6 --- /dev/null +++ b/src/assets/sass/theme/designer/components/overlay/_overlaypanel.scss @@ -0,0 +1,62 @@ +.p-overlaypanel { + background: $overlayContentBg; + color: $panelContentTextColor; + border: $overlayContentBorder; + border-radius: $borderRadius; + box-shadow: $overlayContainerShadow; + + .p-overlaypanel-content { + padding: $panelContentPadding; + } + + .p-overlaypanel-close { + background: $buttonBg; + color: $buttonTextColor; + width: $actionIconWidth; + height: $actionIconHeight; + transition: $actionIconTransition; + border-radius: $actionIconBorderRadius; + position: absolute; + top: -1 * $actionIconWidth / 2; + right: -1 * $actionIconWidth / 2; + + &:enabled:hover { + background: $buttonHoverBg; + color: $buttonTextHoverColor; + } + } + + &:after { + border: solid transparent; + border-color: rgba($overlayContentBg, 0); + border-bottom-color: $overlayContentBg; + } + + &:before { + border: solid transparent; + + @if (nth($overlayContentBorder, 2) == 'none') { + border-color: rgba($overlayContentBg, 0); + border-bottom-color: $overlayContentBg; + } + @else { + border-color: rgba(nth($overlayContentBorder, 3), 0); + border-bottom-color: nth($overlayContentBorder, 3); + } + } + + &.p-overlaypanel-flipped { + &:after { + border-top-color: $overlayContentBg; + } + + &:before { + @if (nth($overlayContentBorder, 2) == 'none') { + border-top-color: $overlayContentBg; + } + @else { + border-top-color: nth($overlayContentBorder, 3); + } + } + } +} diff --git a/src/assets/sass/theme/designer/components/overlay/_sidebar.scss b/src/assets/sass/theme/designer/components/overlay/_sidebar.scss new file mode 100644 index 00000000..148b993d --- /dev/null +++ b/src/assets/sass/theme/designer/components/overlay/_sidebar.scss @@ -0,0 +1,27 @@ +.p-sidebar { + background: $overlayContentBg; + color: $panelContentTextColor; + border: $overlayContentBorder; + box-shadow: $overlayContainerShadow; + + .p-sidebar-header { + padding: $panelHeaderPadding; + + .p-sidebar-close, + .p-sidebar-icon { + @include action-icon(); + } + + & + .p-sidebar-content { + padding-top: 0; + } + } + + .p-sidebar-content { + padding: $panelContentPadding; + } +} + +.p-sidebar-mask.p-component-overlay { + background: $maskBg; +} diff --git a/src/assets/sass/theme/designer/components/overlay/_tooltip.scss b/src/assets/sass/theme/designer/components/overlay/_tooltip.scss new file mode 100644 index 00000000..47cce55d --- /dev/null +++ b/src/assets/sass/theme/designer/components/overlay/_tooltip.scss @@ -0,0 +1,33 @@ +.p-tooltip { + .p-tooltip-text { + background: $tooltipBg; + color: $tooltipTextColor; + padding: $tooltipPadding; + box-shadow: $inputOverlayShadow; + border-radius: $borderRadius; + } + + &.p-tooltip-right { + .p-tooltip-arrow { + border-right-color: $tooltipBg; + } + } + + &.p-tooltip-left { + .p-tooltip-arrow { + border-left-color: $tooltipBg; + } + } + + &.p-tooltip-top { + .p-tooltip-arrow { + border-top-color: $tooltipBg; + } + } + + &.p-tooltip-bottom { + .p-tooltip-arrow { + border-bottom-color: $tooltipBg; + } + } +} diff --git a/src/assets/sass/theme/designer/components/panel/_accordion.scss b/src/assets/sass/theme/designer/components/panel/_accordion.scss new file mode 100644 index 00000000..c302ca00 --- /dev/null +++ b/src/assets/sass/theme/designer/components/panel/_accordion.scss @@ -0,0 +1,119 @@ +.p-accordion { + .p-accordion-header { + .p-accordion-header-link { + padding: $accordionHeaderPadding; + border: $accordionHeaderBorder; + color: $accordionHeaderTextColor; + background: $accordionHeaderBg; + font-weight: $accordionHeaderFontWeight; + border-radius: $borderRadius; + transition: $listItemTransition; + + .p-accordion-toggle-icon { + margin-right: $inlineSpacing; + } + } + + &:not(.p-disabled) { + .p-accordion-header-link { + &:focus { + @include focused(); + } + } + } + + &:not(.p-highlight):not(.p-disabled):hover { + .p-accordion-header-link { + background: $accordionHeaderHoverBg; + border-color: $accordionHeaderHoverBorderColor; + color: $accordionHeaderTextHoverColor; + } + } + + &:not(.p-disabled).p-highlight { + .p-accordion-header-link { + background: $accordionHeaderActiveBg; + border-color: $accordionHeaderActiveBorderColor; + color: $accordionHeaderTextActiveColor; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + &:hover { + .p-accordion-header-link { + border-color: $accordionHeaderActiveHoverBorderColor; + background: $accordionHeaderActiveHoverBg; + color: $accordionHeaderTextActiveHoverColor; + } + } + } + } + + .p-accordion-content { + padding: $accordionContentPadding; + border: $accordionContentBorder; + background: $accordionContentBg; + color: $accordionContentTextColor; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: $borderRadius; + border-bottom-left-radius: $borderRadius; + } + + p-accordiontab { + .p-accordion-tab { + margin-bottom: $accordionSpacing; + } + + @if $accordionSpacing == 0 { + .p-accordion-header { + .p-accordion-header-link { + border-radius: 0; + } + } + + .p-accordion-content { + border-radius: 0; + } + + &:not(:first-child) { + .p-accordion-header { + .p-accordion-header-link { + border-top: 0 none; + } + + &:not(.p-highlight):not(.p-disabled):hover, + &:not(.p-disabled).p-highlight:hover { + .p-accordion-header-link { + border-top: 0 none; + } + } + } + } + + &:first-child { + .p-accordion-header { + .p-accordion-header-link { + border-top-right-radius: $borderRadius; + border-top-left-radius: $borderRadius; + } + } + } + + &:last-child { + .p-accordion-header:not(.p-highlight) { + .p-accordion-header-link { + border-bottom-right-radius: $borderRadius; + border-bottom-left-radius: $borderRadius; + } + } + + .p-accordion-content { + border-bottom-right-radius: $borderRadius; + border-bottom-left-radius: $borderRadius; + } + } + } + } +} diff --git a/src/assets/sass/theme/designer/components/panel/_card.scss b/src/assets/sass/theme/designer/components/panel/_card.scss new file mode 100644 index 00000000..f3331245 --- /dev/null +++ b/src/assets/sass/theme/designer/components/panel/_card.scss @@ -0,0 +1,30 @@ +.p-card { + background: $panelContentBg; + color: $panelContentTextColor; + box-shadow: $cardShadow; + border-radius: $borderRadius; + + .p-card-body { + padding: $cardBodyPadding; + } + + .p-card-title { + font-size: $cardTitleFontSize; + font-weight: $cardTitleFontWeight; + margin-bottom: $inlineSpacing; + } + + .p-card-subtitle { + font-weight: $cardSubTitleFontWeight; + margin-bottom: $inlineSpacing; + color: $cardSubTitleColor; + } + + .p-card-content { + padding: $cardContentPadding; + } + + .p-card-footer { + padding: $cardFooterPadding; + } +} diff --git a/src/assets/sass/theme/designer/components/panel/_divider.scss b/src/assets/sass/theme/designer/components/panel/_divider.scss new file mode 100644 index 00000000..0f1719e8 --- /dev/null +++ b/src/assets/sass/theme/designer/components/panel/_divider.scss @@ -0,0 +1,31 @@ +.p-divider { + .p-divider-content { + background-color: $panelContentBg; + } + + &.p-divider-horizontal { + margin: $dividerHorizontalMargin; + padding: $dividerHorizontalPadding; + + &:before { + border-top: $dividerSize $dividerColor; + } + + .p-divider-content { + padding: 0 $inlineSpacing; + } + } + + &.p-divider-vertical { + margin: $dividerVerticalMargin; + padding: $dividerVerticalPadding; + + &:before { + border-left: $dividerSize $dividerColor; + } + + .p-divider-content { + padding: $inlineSpacing 0; + } + } +} \ No newline at end of file diff --git a/src/assets/sass/theme/designer/components/panel/_fieldset.scss b/src/assets/sass/theme/designer/components/panel/_fieldset.scss new file mode 100644 index 00000000..b97922a5 --- /dev/null +++ b/src/assets/sass/theme/designer/components/panel/_fieldset.scss @@ -0,0 +1,47 @@ +.p-fieldset { + border: $panelContentBorder; + background: $panelContentBg; + color: $panelContentTextColor; + border-radius: $borderRadius; + + .p-fieldset-legend { + padding: $panelHeaderPadding; + border: $panelHeaderBorder; + color: $panelHeaderTextColor; + background: $panelHeaderBg; + font-weight: $panelHeaderFontWeight; + border-radius: $borderRadius; + } + + &.p-fieldset-toggleable { + .p-fieldset-legend { + padding: 0; + transition: $actionIconTransition; + + a { + padding: $panelHeaderPadding; + color: $panelHeaderTextColor; + border-radius: $borderRadius; + transition: $listItemTransition; + + .p-fieldset-toggler { + margin-right: $inlineSpacing; + } + + &:focus { + @include focused(); + } + } + + &:hover { + background: $panelHeaderHoverBg; + border-color: $panelHeaderHoverBorderColor; + color: $panelHeaderTextHoverColor; + } + } + } + + .p-fieldset-content { + padding: $panelContentPadding; + } +} diff --git a/src/assets/sass/theme/designer/components/panel/_panel.scss b/src/assets/sass/theme/designer/components/panel/_panel.scss new file mode 100644 index 00000000..67429461 --- /dev/null +++ b/src/assets/sass/theme/designer/components/panel/_panel.scss @@ -0,0 +1,42 @@ +.p-panel { + .p-panel-header { + border: $panelHeaderBorder; + padding: $panelHeaderPadding; + background: $panelHeaderBg; + color: $panelHeaderTextColor; + border-top-right-radius: $borderRadius; + border-top-left-radius: $borderRadius; + + .p-panel-title { + font-weight: $panelHeaderFontWeight; + } + + .p-panel-header-icon { + @include action-icon(); + } + } + + &.p-panel-toggleable { + .p-panel-header { + padding: $panelToggleableHeaderPadding; + } + } + + .p-panel-content { + padding: $panelContentPadding; + border: $panelContentBorder; + background: $panelContentBg; + color: $panelContentTextColor; + border-bottom-right-radius: $borderRadius; + border-bottom-left-radius: $borderRadius; + border-top: 0 none; + } + + .p-panel-footer { + padding: $panelFooterPadding; + border: $panelFooterBorder; + background: $panelFooterBg; + color: $panelFooterTextColor; + border-top: 0 none; + } +} diff --git a/src/assets/sass/theme/designer/components/panel/_scrollpanel.scss b/src/assets/sass/theme/designer/components/panel/_scrollpanel.scss new file mode 100644 index 00000000..66e00d4d --- /dev/null +++ b/src/assets/sass/theme/designer/components/panel/_scrollpanel.scss @@ -0,0 +1,6 @@ +.p-scrollpanel { + .p-scrollpanel-bar { + background: $scrollPanelTrackBg; + border: $scrollPanelTrackBorder; + } +} \ No newline at end of file diff --git a/src/assets/sass/theme/designer/components/panel/_splitter.scss b/src/assets/sass/theme/designer/components/panel/_splitter.scss new file mode 100644 index 00000000..62c80406 --- /dev/null +++ b/src/assets/sass/theme/designer/components/panel/_splitter.scss @@ -0,0 +1,19 @@ +.p-splitter { + border: $panelContentBorder; + background: $panelContentBg; + border-radius: $borderRadius; + color: $panelContentTextColor; + + .p-splitter-gutter { + transition: $actionIconTransition; + background: $splitterGutterBg; + + .p-splitter-gutter-handle { + background: $splitterGutterHandleBg; + } + } + + .p-splitter-gutter-resizing { + background: $splitterGutterHandleBg; + } +} \ No newline at end of file diff --git a/src/assets/sass/theme/designer/components/panel/_tabview.scss b/src/assets/sass/theme/designer/components/panel/_tabview.scss new file mode 100644 index 00000000..698832ca --- /dev/null +++ b/src/assets/sass/theme/designer/components/panel/_tabview.scss @@ -0,0 +1,66 @@ +.p-tabview { + .p-tabview-nav { + background: $tabviewNavBg; + border: $tabviewNavBorder; + border-width: $tabviewNavBorderWidth; + + li { + margin-right: $tabviewHeaderSpacing; + + .p-tabview-nav-link { + border: $tabviewHeaderBorder; + border-width: $tabviewHeaderBorderWidth; + border-color: $tabviewHeaderBorderColor; + background: $tabviewHeaderBg; + color: $tabviewHeaderTextColor; + padding: $tabviewHeaderPadding; + font-weight: $tabviewHeaderFontWeight; + border-top-right-radius: $borderRadius; + border-top-left-radius: $borderRadius; + transition: $listItemTransition; + margin: $tabviewHeaderMargin; + + &:not(.p-disabled):focus { + @include focused(); + } + } + + &:not(.p-highlight):not(.p-disabled):hover { + .p-tabview-nav-link { + background: $tabviewHeaderHoverBg; + border-color: $tabviewHeaderHoverBorderColor; + color: $tabviewHeaderTextHoverColor; + } + } + + &.p-highlight { + .p-tabview-nav-link { + background: $tabviewHeaderActiveBg; + border-color: $tabviewHeaderActiveBorderColor; + color: $tabviewHeaderTextActiveColor; + } + } + } + } + + .p-tabview-left-icon { + margin-right: $inlineSpacing; + } + + .p-tabview-right-icon { + margin-left: $inlineSpacing; + } + + .p-tabview-close { + margin-left: $inlineSpacing; + } + + .p-tabview-panels { + background: $tabviewContentBg; + padding: $tabviewContentPadding; + border: $tabviewContentBorder; + color: $tabviewContentTextColor; + border-bottom-right-radius: $borderRadius; + border-bottom-left-radius: $borderRadius; + } +} diff --git a/src/assets/sass/theme/designer/components/panel/_toolbar.scss b/src/assets/sass/theme/designer/components/panel/_toolbar.scss new file mode 100644 index 00000000..5ed55d97 --- /dev/null +++ b/src/assets/sass/theme/designer/components/panel/_toolbar.scss @@ -0,0 +1,10 @@ +.p-toolbar { + background: $panelHeaderBg; + border: $panelHeaderBorder; + padding: $panelHeaderPadding; + border-radius: $borderRadius; + + .p-toolbar-separator { + margin: 0 $inlineSpacing; + } +} diff --git a/src/assets/sass/theme/extensions/_accordion.scss b/src/assets/sass/theme/extensions/_accordion.scss new file mode 100644 index 00000000..35f02b5d --- /dev/null +++ b/src/assets/sass/theme/extensions/_accordion.scss @@ -0,0 +1,55 @@ +.p-accordion { + .p-accordion-tab { + box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12); + margin-bottom: 0; + border-radius: 0; + position: relative; + transition: margin-bottom 225ms; + + &:first-child { + border-top-left-radius: $borderRadius; + border-top-right-radius: $borderRadius; + } + + &:last-child { + border-bottom-left-radius: $borderRadius; + border-bottom-right-radius: $borderRadius; + } + + .p-accordion-toggle-icon { + order: 1; + margin-left: auto; + transition: transform $transitionDuration; + } + + &:not(.p-accordion-tab-active) { + .p-accordion-header-link { + &:focus { + background: $accordionHeaderHoverBg; + } + } + + .p-accordion-toggle-icon { + transform: rotate(-270deg); + } + } + + &.p-accordion-tab-active { + margin-bottom: 1rem; + + .p-accordion-toggle-icon { + transform: rotate(-180deg); + } + } + + .p-accordion-header { + &.p-disabled { + opacity: 1; + + .p-accordion-header-link > * { + opacity: $disabledOpacity; + } + } + } + } +} \ No newline at end of file diff --git a/src/assets/sass/theme/extensions/_autocomplete.scss b/src/assets/sass/theme/extensions/_autocomplete.scss new file mode 100644 index 00000000..d48432b3 --- /dev/null +++ b/src/assets/sass/theme/extensions/_autocomplete.scss @@ -0,0 +1,68 @@ +.p-autocomplete { + .p-autocomplete-multiple-container { + &:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px $inputFocusBorderColor,inset 0 0 0 1px $inputFocusBorderColor,inset 0 0 0 1px $inputFocusBorderColor,inset 0 0 0 1px $inputFocusBorderColor; + } + } +} + +.p-input-filled { + .p-autocomplete { + .p-autocomplete-multiple-container { + @include filled-input-wrapper(); + } + } +} + +.p-float-label { + .p-autocomplete-multiple-container { + .p-autocomplete-token { + padding: .25rem 1rem; + } + } +} + +.p-input-filled { + .p-float-label { + .p-autocomplete { + .p-autocomplete-multiple-container { + .p-autocomplete-token { + padding-top: 0; + padding-bottom: 0; + + .p-autocomplete-token-icon { + font-size: 75%; + } + } + + .p-autocomplete-input-token { + padding: 0; + } + } + } + } + + p-autocomplete.ng-dirty.ng-invalid { + .p-autocomplete > .p-inputtext { + @include invalid-filled-input(); + } + + .p-autocomplete .p-autocomplete-multiple-container { + @include invalid-filled-input-wrapper(); + } + } +} + +p-autocomplete.ng-dirty.ng-invalid { + .p-autocomplete > .p-inputtext { + &:enabled:focus { + box-shadow: inset 0 0 0 1px $inputErrorBorderColor,inset 0 0 0 1px $inputErrorBorderColor,inset 0 0 0 1px $inputErrorBorderColor,inset 0 0 0 1px $inputErrorBorderColor; + } + } + + .p-autocomplete .p-autocomplete-multiple-container { + &:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px $inputErrorBorderColor,inset 0 0 0 1px $inputErrorBorderColor,inset 0 0 0 1px $inputErrorBorderColor,inset 0 0 0 1px $inputErrorBorderColor; + } + } +} \ No newline at end of file diff --git a/src/assets/sass/theme/extensions/_button.scss b/src/assets/sass/theme/extensions/_button.scss new file mode 100644 index 00000000..58b5403e --- /dev/null +++ b/src/assets/sass/theme/extensions/_button.scss @@ -0,0 +1,218 @@ +.p-button { + font-weight: 500; + min-width: 4rem; + + &.p-button-icon-only { + min-width: auto; + } + + &:enabled:focus { + background: rgba($buttonBg, .76); + } + + &:enabled:active { + background: rgba($buttonBg, .68); + } + + .p-ink { + background-color: rgba(255,255,255, .32); + } + + &.p-button-outlined { + box-shadow: inset 0 0 0 1px; + + &:enabled:focus { + box-shadow: inset 0 0 0 1px; + } + + &:enabled:active { + box-shadow: inset 0 0 0 1px; + } + } + + &.p-button-text, + &.p-button-outlined { + &:enabled:focus { + background: rgba($buttonBg, .12); + } + + &:enabled:active { + background: rgba($buttonBg, .16); + } + + .p-ink { + background-color: rgba($buttonBg, .16); + } + } + + &:disabled { + background-color: $emphasis-lower !important; + color: $emphasis-low !important; + opacity: 1; + + &.p-button-text { + background-color: transparent !important; + color: $emphasis-low !important; + } + + &.p-button-outlined { + background-color: transparent !important; + color: $emphasis-low !important; + border-color: $emphasis-low !important; + } + } + + &.p-button-raised:enabled:focus { + box-shadow: $raisedButtonShadow; + } +} + +.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + &:enabled:focus { + background: rgba($secondaryButtonBg, .76); + } + + &:enabled:active { + background: rgba($secondaryButtonBg, .68); + } + + &.p-button-text, + &.p-button-outlined { + &:enabled:focus { + background: rgba($secondaryButtonBg, .12); + } + + &:enabled:active { + background: rgba($secondaryButtonBg, .16); + } + + .p-ink { + background-color: rgba($secondaryButtonBg, .16); + } + } +} + +.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + &:enabled:focus { + background: rgba($infoButtonBg, .76); + } + + &:enabled:active { + background: rgba($infoButtonBg, .68); + } + + &.p-button-text, + &.p-button-outlined { + &:enabled:focus { + background: rgba($infoButtonBg, .12); + } + + &:enabled:active { + background: rgba($infoButtonBg, .16); + } + + .p-ink { + background-color: rgba($infoButtonBg, .16); + } + } +} + +.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + &:enabled:focus { + background: rgba($successButtonBg, .76); + } + + &:enabled:active { + background: rgba($successButtonBg, .68); + } + + &.p-button-text, + &.p-button-outlined { + &:enabled:focus { + background: rgba($successButtonBg, .12); + } + + &:enabled:active { + background: rgba($successButtonBg, .16); + } + + .p-ink { + background-color: rgba($successButtonBg, .16); + } + } +} + +.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + &:enabled:focus { + background: rgba($warningButtonBg, .76); + } + + &:enabled:active { + background: rgba($warningButtonBg, .68); + } + + &.p-button-text, + &.p-button-outlined { + &:enabled:focus { + background: rgba($warningButtonBg, .12); + } + + &:enabled:active { + background: rgba($warningButtonBg, .16); + } + + .p-ink { + background-color: rgba($warningButtonBg, .16); + } + } +} + +.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + &:enabled:focus { + background: rgba($helpButtonBg, .76); + } + + &:enabled:active { + background: rgba($helpButtonBg, .68); + } + + &.p-button-text, + &.p-button-outlined { + &:enabled:focus { + background: rgba($helpButtonBg, .12); + } + + &:enabled:active { + background: rgba($helpButtonBg, .16); + } + + .p-ink { + background-color: rgba($helpButtonBg, .16); + } + } +} + +.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + &:enabled:focus { + background: rgba($dangerButtonBg, .76); + } + + &:enabled:active { + background: rgba($dangerButtonBg, .68); + } + + &.p-button-text, + &.p-button-outlined { + &:enabled:focus { + background: rgba($dangerButtonBg, .12); + } + + &:enabled:active { + background: rgba($dangerButtonBg, .16); + } + + .p-ink { + background-color: rgba($dangerButtonBg, .16); + } + } +} diff --git a/src/assets/sass/theme/extensions/_calendar.scss b/src/assets/sass/theme/extensions/_calendar.scss new file mode 100644 index 00000000..894ca0a3 --- /dev/null +++ b/src/assets/sass/theme/extensions/_calendar.scss @@ -0,0 +1,131 @@ +.p-calendar-w-btn { + border: $inputBorder; + background: $inputBg; + border-radius: $borderRadius; + transition: $formElementTransition; + + .p-inputtext { + background-image: none; + background-color: transparent; + border: 0 none; + + &:enabled:focus { + box-shadow: none; + } + } + + .p-datepicker-trigger.p-button { + background-color: transparent; + border: 0 none; + + span { + color: $inputIconColor; + } + + &:enabled:hover { + background: rgba($overlayColor, .04); + } + + &:enabled:active, + &:focus { + background: rgba($overlayColor, .12); + } + } + + &:not(.p-disabled):hover { + border-color: $inputHoverBorderColor; + } + + &:not(.p-disabled).p-focus { + border-color: $inputFocusBorderColor; + box-shadow: inset 0 0 0 1px $inputFocusBorderColor,inset 0 0 0 1px $inputFocusBorderColor,inset 0 0 0 1px $inputFocusBorderColor,inset 0 0 0 1px $inputFocusBorderColor; + } +} + +.p-datepicker { + .p-datepicker-header { + border-bottom: 0 none; + + .p-datepicker-title { + margin: 0 auto 0 0; + order: 1; + } + + .p-datepicker-prev { + order: 2; + } + + .p-datepicker-next { + order: 3; + } + } + + table { + th { + border-bottom: $calendarHeaderBorder; + color: $emphasis-low(); + font-weight: 400; + font-size: .875rem; + } + + + td { + &.p-datepicker-today { + > span { + box-shadow: 0 0 0 1px rgba($overlayColor,.38); + } + + &.p-highlight { + box-shadow: 0 0 0 1px $highlightBg; + } + } + } + } +} + +p-calendar.ng-dirty.ng-invalid { + .p-inputtext { + &:enabled:focus { + box-shadow: inset 0 0 0 1px $inputErrorBorderColor,inset 0 0 0 1px $inputErrorBorderColor,inset 0 0 0 1px $inputErrorBorderColor,inset 0 0 0 1px $inputErrorBorderColor; + } + } + + .p-calendar-w-btn { + border-color: $inputErrorBorderColor; + + .p-inputtext { + &:enabled:focus { + box-shadow: none; + } + } + + &:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px $inputErrorBorderColor,inset 0 0 0 1px $inputErrorBorderColor,inset 0 0 0 1px $inputErrorBorderColor,inset 0 0 0 1px $inputErrorBorderColor; + } + } +} + +.p-input-filled { + .p-calendar-w-btn { + @include filled-input-wrapper(); + + .p-inputtext { + border: 0 none; + } + } + + p-calendar.ng-dirty.ng-invalid { + .p-inputtext { + @include invalid-filled-input(); + } + + .p-calendar-w-btn { + @include invalid-filled-input-wrapper(); + + .p-inputtext { + border: 0 none; + background-image: none; + } + } + } +} diff --git a/src/assets/sass/theme/extensions/_carousel.scss b/src/assets/sass/theme/extensions/_carousel.scss new file mode 100644 index 00000000..bd0e3681 --- /dev/null +++ b/src/assets/sass/theme/extensions/_carousel.scss @@ -0,0 +1,13 @@ +.p-carousel { + .p-carousel-indicators { + + .p-carousel-indicator { + &.p-highlight { + button { + background: $accentColor; + color: $accentTextColor; + } + } + } + } +} diff --git a/src/assets/sass/theme/extensions/_cascadeselect.scss b/src/assets/sass/theme/extensions/_cascadeselect.scss new file mode 100644 index 00000000..61023575 --- /dev/null +++ b/src/assets/sass/theme/extensions/_cascadeselect.scss @@ -0,0 +1,44 @@ +.p-cascadeselect { + .p-inputtext, .p-cascadeselect-trigger { + background-image: none; + background: transparent; + } + + .p-inputtext { + border: 0 none; + } + + &:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px $inputFocusBorderColor,inset 0 0 0 1px $inputFocusBorderColor,inset 0 0 0 1px $inputFocusBorderColor,inset 0 0 0 1px $inputFocusBorderColor; + } +} + +.p-cascadeselect-item { + .p-ink { + background-color: rgba($primaryColor, .16); + } +} + +.p-input-filled { + .p-cascadeselect { + @include filled-input-wrapper(); + + .p-inputtext { + border: 0 none; + } + } + + p-cascadeselect.ng-dirty.ng-invalid { + .p-cascadeselect { + @include invalid-filled-input-wrapper(); + } + } +} + +p-cascadeselect.ng-dirty.ng-invalid { + .p-cascadeselect { + &:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px $inputErrorBorderColor,inset 0 0 0 1px $inputErrorBorderColor,inset 0 0 0 1px $inputErrorBorderColor,inset 0 0 0 1px $inputErrorBorderColor; + } + } +} \ No newline at end of file diff --git a/src/assets/sass/theme/extensions/_checkbox.scss b/src/assets/sass/theme/extensions/_checkbox.scss new file mode 100644 index 00000000..095e88b5 --- /dev/null +++ b/src/assets/sass/theme/extensions/_checkbox.scss @@ -0,0 +1,86 @@ +.p-checkbox { + border-radius: 50%; + transition: box-shadow $transitionDuration; + + .p-checkbox-box { + border-color: nth($checkboxBorder, 3); + border-radius: 2px; + position: relative; + + &:not(.p-disabled):hover { + border-color: nth($checkboxBorder, 3); + } + + &:not(.p-disabled).p-focus { + border-color: nth($checkboxBorder, 3); + } + + &.p-highlight { + &:not(.p-disabled).p-focus { + border-color: $checkboxActiveBorderColor; + } + + .p-checkbox-icon.pi-check:before { + content: ""; + position: absolute; + top: 6px; + left: 1px; + border-right: 2px solid transparent; + border-bottom: 2px solid transparent; + transform: rotate(45deg); + transform-origin: 0% 100%; + animation: checkbox-check 125ms 50ms linear forwards; + } + } + } + + &:not(.p-checkbox-disabled):hover { + box-shadow: 0 0 1px 10px rgba($overlayColor, .04); + } + + &:not(.p-checkbox-disabled).p-checkbox-focused { + box-shadow: 0 0 1px 10px rgba($overlayColor, .12); + } + + &.p-checkbox-checked { + &:not(.p-checkbox-disabled):hover { + box-shadow: 0 0 1px 10px rgba($checkboxActiveBg, .04); + } + + &:not(.p-checkbox-disabled).p-checkbox-focused { + box-shadow: 0 0 1px 10px rgba($checkboxActiveBg, .12); + } + } +} + +.p-input-filled { + .p-checkbox { + .p-checkbox-box { + background-color: $inputBg; + + &:not(.p-disabled):hover { + background-color: $inputBg; + } + } + } +} + +@keyframes checkbox-check{ + 0%{ + width: 0; + height: 0; + border-color: $checkboxIconActiveColor; + transform: translate3d(0,0,0) rotate(45deg); + } + 33%{ + width: 4px; + height: 0; + transform: translate3d(0,0,0) rotate(45deg); + } + 100%{ + width: 4px; + height: 10px; + border-color: $checkboxIconActiveColor; + transform: translate3d(0,-10px,0) rotate(45deg); + } + } \ No newline at end of file diff --git a/src/assets/sass/theme/extensions/_chips.scss b/src/assets/sass/theme/extensions/_chips.scss new file mode 100644 index 00000000..b32a5bc1 --- /dev/null +++ b/src/assets/sass/theme/extensions/_chips.scss @@ -0,0 +1,56 @@ +.p-chips { + .p-chips-multiple-container { + &:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px $inputFocusBorderColor,inset 0 0 0 1px $inputFocusBorderColor,inset 0 0 0 1px $inputFocusBorderColor,inset 0 0 0 1px $inputFocusBorderColor; + } + } +} + +.p-input-filled { + .p-chips-multiple-container { + @include filled-input-wrapper(); + } +} + +.p-float-label { + .p-chips-multiple-container { + .p-chips-token { + padding: .25rem 1rem; + } + } +} + +.p-input-filled { + .p-float-label { + .p-chips { + .p-chips-multiple-container { + .p-chips-token { + padding-top: 0; + padding-bottom: 0; + + .p-chips-token-icon { + font-size: 75%; + } + } + + .p-chips-input-token { + padding: 0; + } + } + } + } + + p-chips.ng-dirty.ng-invalid { + .p-chips .p-chips-multiple-container { + @include invalid-filled-input-wrapper(); + } + } +} + +p-chips.ng-dirty.ng-invalid { + .p-chips .p-chips-multiple-container { + &:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px $inputErrorBorderColor,inset 0 0 0 1px $inputErrorBorderColor,inset 0 0 0 1px $inputErrorBorderColor,inset 0 0 0 1px $inputErrorBorderColor; + } + } +} \ No newline at end of file diff --git a/src/assets/sass/theme/extensions/_datatable.scss b/src/assets/sass/theme/extensions/_datatable.scss new file mode 100644 index 00000000..64db73a5 --- /dev/null +++ b/src/assets/sass/theme/extensions/_datatable.scss @@ -0,0 +1,19 @@ +.p-datatable { + .p-sortable-column { + outline: 0 none; + + &:focus { + background-color: rgba($overlayColor, 0.03); + } + } + + .p-datatable-tbody { + > tr { + outline: 0 none; + + &:not(.p-highlight):focus { + background-color: rgba($overlayColor, 0.03); + } + } + } +} \ No newline at end of file diff --git a/src/assets/sass/theme/extensions/_dropdown.scss b/src/assets/sass/theme/extensions/_dropdown.scss new file mode 100644 index 00000000..c22aba42 --- /dev/null +++ b/src/assets/sass/theme/extensions/_dropdown.scss @@ -0,0 +1,44 @@ +.p-dropdown { + .p-inputtext, .p-dropdown-trigger { + background-image: none; + background: transparent; + } + + .p-inputtext { + border: 0 none; + } + + &:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px $inputFocusBorderColor,inset 0 0 0 1px $inputFocusBorderColor,inset 0 0 0 1px $inputFocusBorderColor,inset 0 0 0 1px $inputFocusBorderColor; + } +} + +.p-dropdown-item { + .p-ink { + background-color: rgba($primaryColor, .16); + } +} + +.p-input-filled { + .p-dropdown { + @include filled-input-wrapper(); + + .p-inputtext { + border: 0 none; + } + } + + p-dropdown.ng-dirty.ng-invalid { + .p-dropdown { + @include invalid-filled-input-wrapper(); + } + } +} + +p-dropdown.ng-dirty.ng-invalid { + .p-dropdown { + &:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px $inputErrorBorderColor,inset 0 0 0 1px $inputErrorBorderColor,inset 0 0 0 1px $inputErrorBorderColor,inset 0 0 0 1px $inputErrorBorderColor; + } + } +} \ No newline at end of file diff --git a/src/assets/sass/theme/extensions/_fieldset.scss b/src/assets/sass/theme/extensions/_fieldset.scss new file mode 100644 index 00000000..f5dff201 --- /dev/null +++ b/src/assets/sass/theme/extensions/_fieldset.scss @@ -0,0 +1,5 @@ +.p-fieldset { + .p-fieldset-legend { + border: 0 none; + } +} \ No newline at end of file diff --git a/src/assets/sass/theme/extensions/_float_label.scss b/src/assets/sass/theme/extensions/_float_label.scss new file mode 100644 index 00000000..c5a032ba --- /dev/null +++ b/src/assets/sass/theme/extensions/_float_label.scss @@ -0,0 +1,40 @@ +.p-float-label input:focus ~ label, +.p-float-label input.p-filled ~ label, +.p-float-label textarea:focus ~ label, +.p-float-label textarea.p-filled ~ label, +.p-float-label .p-inputwrapper-focus ~ label, +.p-float-label .p-inputwrapper-filled ~ label { + top: -.5rem !important; + background-color: $inputBg; + padding: 2px 4px; + margin-left: -4px; + margin-top: 0; +} + +.p-float-label textarea ~ label { + margin-top: 0; +} + +.p-float-label input:focus ~ label, +.p-float-label .p-inputwrapper-focus ~ label { + color: $inputFocusBorderColor; +} + +.p-input-filled { + .p-float-label { + .p-inputtext { + @include filled-input-float-label(); + } + + input:focus ~ label, + input.p-filled ~ label, + textarea:focus ~ label, + textarea.p-filled ~ label, + .p-inputwrapper-focus ~ label, + .p-inputwrapper-filled ~ label { + top: .25rem !important; + margin-top: 0; + background: transparent; + } + } +} \ No newline at end of file diff --git a/src/assets/sass/theme/extensions/_galleria.scss b/src/assets/sass/theme/extensions/_galleria.scss new file mode 100644 index 00000000..8fe0c773 --- /dev/null +++ b/src/assets/sass/theme/extensions/_galleria.scss @@ -0,0 +1,27 @@ +.p-galleria { + .p-galleria-indicators { + padding: $galleriaIndicatorsPadding; + + .p-galleria-indicator { + &.p-highlight { + button { + background: $accentColor; + color: $accentTextColor; + } + } + } + } + + &.p-galleria-indicator-onitem { + .p-galleria-indicators { + .p-galleria-indicator { + &.p-highlight { + button { + background: rgba($accentColor, .68); + color: $accentTextColor; + } + } + } + } + } +} \ No newline at end of file diff --git a/src/assets/sass/theme/extensions/_input.scss b/src/assets/sass/theme/extensions/_input.scss new file mode 100644 index 00000000..41b09c33 --- /dev/null +++ b/src/assets/sass/theme/extensions/_input.scss @@ -0,0 +1,15 @@ +.p-inputtext { + &:enabled:focus { + box-shadow: inset 0 0 0 1px $inputFocusBorderColor,inset 0 0 0 1px $inputFocusBorderColor,inset 0 0 0 1px $inputFocusBorderColor,inset 0 0 0 1px $inputFocusBorderColor; + + &.ng-invalid.ng-dirty { + box-shadow: inset 0 0 0 1px $inputErrorBorderColor,inset 0 0 0 1px $inputErrorBorderColor,inset 0 0 0 1px $inputErrorBorderColor,inset 0 0 0 1px $inputErrorBorderColor; + } + } +} + +.p-input-filled { + .p-inputtext { + @include filled-input(); + } +} \ No newline at end of file diff --git a/src/assets/sass/theme/extensions/_inputgroup.scss b/src/assets/sass/theme/extensions/_inputgroup.scss new file mode 100644 index 00000000..77a38942 --- /dev/null +++ b/src/assets/sass/theme/extensions/_inputgroup.scss @@ -0,0 +1,32 @@ +.p-input-filled { + .p-inputgroup { + .p-inputgroup-addon { + @include filled-input-default(); + + &:last-child { + border-right-color: transparent; + } + } + } + + .p-inputgroup-addon:first-child, + .p-inputgroup button:first-child, + .p-inputgroup input:first-child { + border-bottom-left-radius: 0; + } + + .p-inputgroup .p-float-label:first-child input { + border-bottom-left-radius: 0; + } + + .p-inputgroup-addon:last-child, + .p-inputgroup button:last-child, + .p-inputgroup input:last-child { + border-bottom-right-radius: 0; + } + + .p-inputgroup .p-float-label:last-child input { + border-bottom-right-radius: 0; + } +} + diff --git a/src/assets/sass/theme/extensions/_inputmask.scss b/src/assets/sass/theme/extensions/_inputmask.scss new file mode 100644 index 00000000..eb4779c9 --- /dev/null +++ b/src/assets/sass/theme/extensions/_inputmask.scss @@ -0,0 +1,15 @@ +p-inputmask.ng-dirty.ng-invalid { + .p-inputtext { + &:enabled:focus { + box-shadow: inset 0 0 0 1px $inputErrorBorderColor,inset 0 0 0 1px $inputErrorBorderColor,inset 0 0 0 1px $inputErrorBorderColor,inset 0 0 0 1px $inputErrorBorderColor; + } + } +} + +.p-input-filled { + p-inputmask.ng-dirty.ng-invalid { + .p-inputtext { + @include invalid-filled-input(); + } + } +} \ No newline at end of file diff --git a/src/assets/sass/theme/extensions/_inputnumber.scss b/src/assets/sass/theme/extensions/_inputnumber.scss new file mode 100644 index 00000000..d0bced50 --- /dev/null +++ b/src/assets/sass/theme/extensions/_inputnumber.scss @@ -0,0 +1,15 @@ +p-inputnumber.ng-dirty.ng-invalid { + .p-inputtext { + &:enabled:focus { + box-shadow: inset 0 0 0 1px $inputErrorBorderColor,inset 0 0 0 1px $inputErrorBorderColor,inset 0 0 0 1px $inputErrorBorderColor,inset 0 0 0 1px $inputErrorBorderColor; + } + } +} + +.p-input-filled { + p-inputnumber.ng-dirty.ng-invalid { + .p-inputtext { + @include invalid-filled-input(); + } + } +} \ No newline at end of file diff --git a/src/assets/sass/theme/extensions/_inputswitch.scss b/src/assets/sass/theme/extensions/_inputswitch.scss new file mode 100644 index 00000000..e4e6faee --- /dev/null +++ b/src/assets/sass/theme/extensions/_inputswitch.scss @@ -0,0 +1,32 @@ +.p-inputswitch { + .p-inputswitch-slider:before { + transition-property: box-shadow transform; + box-shadow: 0px 3px 1px -2px rgba($overlayColor, 0.2), 0px 2px 2px 0px rgba($overlayColor, 0.14), 0px 1px 5px 0px rgba($overlayColor,.12); + } + + &:not(.p-disabled):hover { + .p-inputswitch-slider:before { + box-shadow: 0px 3px 1px -2px rgba($overlayColor, 0.2), 0px 2px 2px 0px rgba($overlayColor, 0.14), 0px 1px 5px 0px rgba($overlayColor,.12), 0 0 1px 10px rgba($overlayColor, .04), + } + } + + &.p-inputswitch-focus, + &.p-inputswitch-focus:not(.p-disabled):hover { + .p-inputswitch-slider:before { + box-shadow: 0 0 1px 10px rgba($overlayColor, .12), 0px 3px 1px -2px rgba($overlayColor, 0.2), 0px 2px 2px 0px rgba($overlayColor, 0.14), 0px 1px 5px 0px rgba($overlayColor,.12); + } + } + + &.p-inputswitch-checked:not(.p-disabled):hover { + .p-inputswitch-slider:before { + box-shadow: 0 0 1px 10px rgba($inputSwitchHandleOnBg, .04), 0px 3px 1px -2px rgba($overlayColor, 0.2), 0px 2px 2px 0px rgba($overlayColor, 0.14), 0px 1px 5px 0px rgba($overlayColor,.12); + } + } + + &.p-inputswitch-checked.p-inputswitch-focus, + &.p-inputswitch-checked.p-inputswitch-focus:not(.p-disabled):hover { + .p-inputswitch-slider:before { + box-shadow: 0 0 1px 10px rgba($inputSwitchHandleOnBg, .12), 0px 3px 1px -2px rgba($overlayColor, 0.2), 0px 2px 2px 0px rgba($overlayColor, 0.14), 0px 1px 5px 0px rgba($overlayColor,.12); + } + } +} \ No newline at end of file diff --git a/src/assets/sass/theme/extensions/_listbox.scss b/src/assets/sass/theme/extensions/_listbox.scss new file mode 100644 index 00000000..b5db3e87 --- /dev/null +++ b/src/assets/sass/theme/extensions/_listbox.scss @@ -0,0 +1,5 @@ +.p-listbox-item { + .p-ink { + background-color: rgba($primaryColor, .16); + } +} \ No newline at end of file diff --git a/src/assets/sass/theme/extensions/_mixins.scss b/src/assets/sass/theme/extensions/_mixins.scss new file mode 100644 index 00000000..14feca76 --- /dev/null +++ b/src/assets/sass/theme/extensions/_mixins.scss @@ -0,0 +1,103 @@ +@mixin filled-input() { + @include filled-input-default(); + @include filled-input-interaction(); +} + +@mixin filled-input-wrapper() { + @include filled-input-wrapper-default(); + @include filled-input-wrapper-interaction(); +} + +@mixin filled-input-default() { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: $inputFilledBg no-repeat; + background-image: linear-gradient(to bottom, $inputFocusBorderColor, $inputFocusBorderColor), linear-gradient(to bottom, nth($inputBorder, 3), nth($inputBorder, 3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} + +@mixin invalid-filled-input() { + border-color: transparent; + background-image: linear-gradient(to bottom, $inputErrorBorderColor, $inputErrorBorderColor), linear-gradient(to bottom, $inputErrorBorderColor, $inputErrorBorderColor); + + &:enabled:focus { + box-shadow: none; + border-color: transparent; + } +} + +@mixin filled-input-interaction() { + &:enabled:hover { + background-color: $inputFilledHoverBg; + border-color: transparent; + background-image: linear-gradient(to bottom, $inputFocusBorderColor, $inputFocusBorderColor), linear-gradient(to bottom, $inputHoverBorderColor, $inputHoverBorderColor); + } + + &:enabled:focus { + box-shadow: none; + background-color: $inputFilledFocusBg; + border-color: transparent; + background-size: 100% 2px, 100% 1px; + } + + &.ng-invalid.ng-dirty { + @include invalid-filled-input(); + } +} + +@mixin filled-input-wrapper-default() { + @include filled-input-default(); + + .p-inputtext { + background-image: none; + background-color: transparent; + } +} + +@mixin invalid-filled-input-wrapper() { + border-color: transparent; + background-image: linear-gradient(to bottom, $inputErrorBorderColor, $inputErrorBorderColor), linear-gradient(to bottom, $inputErrorBorderColor, $inputErrorBorderColor); + + &:not(.p-disabled).p-focus { + box-shadow: none; + border-color: transparent; + } +} + +@mixin filled-input-wrapper-interaction() { + &:not(.p-disabled):hover { + background-color: $inputFilledHoverBg; + border-color: transparent; + background-image: linear-gradient(to bottom, $inputFocusBorderColor, $inputFocusBorderColor), linear-gradient(to bottom, $emphasis-high, $emphasis-high); + } + + &:not(.p-disabled).p-focus, + &:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: $inputFilledFocusBg; + border-color: transparent; + background-size: 100% 2px, 100% 1px; + } + + .p-inputtext { + &:enabled:hover, + &:enabled:focus { + background-image: none; + background: transparent; + } + } +} + +@mixin filled-input-float-label() { + @if (nth($inputPadding, 1) == 1rem) { + padding-top: 1.5rem; + padding-bottom: .5rem; + } + @else if (nth($inputPadding, 1) == .75rem) { + padding-top: 1.25rem; + padding-bottom: .25rem; + } +} \ No newline at end of file diff --git a/src/assets/sass/theme/extensions/_multiselect.scss b/src/assets/sass/theme/extensions/_multiselect.scss new file mode 100644 index 00000000..47dd4fc2 --- /dev/null +++ b/src/assets/sass/theme/extensions/_multiselect.scss @@ -0,0 +1,88 @@ +.p-multiselect { + .p-multiselect-label, .p-multiselect-trigger { + background-image: none; + background: transparent; + } + + .p-multiselect-label { + border: 0 none; + } + + &:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px $inputFocusBorderColor,inset 0 0 0 1px $inputFocusBorderColor,inset 0 0 0 1px $inputFocusBorderColor,inset 0 0 0 1px $inputFocusBorderColor; + } +} + +.p-multiselect-item { + .p-ink { + background-color: rgba($primaryColor, .16); + } +} + +.p-input-filled { + .p-multiselect { + @include filled-input-wrapper(); + + .p-multiselect-label { + &:hover { + background-image: none; + background: transparent; + } + } + } +} + +.p-float-label { + .p-multiselect-label { + .p-multiselect-token { + padding: .25rem 1rem; + margin-top: .25rem; + margin-bottom: .25rem; + } + } +} + +.p-input-filled { + .p-float-label { + .p-multiselect { + .p-multiselect-label { + @include filled-input-float-label(); + } + } + + .p-inputwrapper-filled { + .p-multiselect { + .p-multiselect-label { + @include filled-input-float-label(); + } + + &.p-multiselect-chip { + .p-multiselect-token { + padding-top: 0; + padding-bottom: 0; + margin-top: 0; + margin-bottom: 0; + + .p-multiselect-token-icon { + font-size: 75%; + } + } + } + } + } + } + + p-multiselect.ng-dirty.ng-invalid { + .p-multiselect { + @include invalid-filled-input-wrapper(); + } + } +} + +p-multiselect.ng-dirty.ng-invalid { + .p-multiselect { + &:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px $inputErrorBorderColor,inset 0 0 0 1px $inputErrorBorderColor,inset 0 0 0 1px $inputErrorBorderColor,inset 0 0 0 1px $inputErrorBorderColor; + } + } +} \ No newline at end of file diff --git a/src/assets/sass/theme/extensions/_overlaypanel.scss b/src/assets/sass/theme/extensions/_overlaypanel.scss new file mode 100644 index 00000000..994b9e6f --- /dev/null +++ b/src/assets/sass/theme/extensions/_overlaypanel.scss @@ -0,0 +1,5 @@ +.p-overlaypanel { + .p-overlaypanel-content { + padding: 1.5rem; + } +} \ No newline at end of file diff --git a/src/assets/sass/theme/extensions/_paginator.scss b/src/assets/sass/theme/extensions/_paginator.scss new file mode 100644 index 00000000..286f1c4d --- /dev/null +++ b/src/assets/sass/theme/extensions/_paginator.scss @@ -0,0 +1,3 @@ +.p-paginator { + justify-content: flex-end; +} \ No newline at end of file diff --git a/src/assets/sass/theme/extensions/_panel.scss b/src/assets/sass/theme/extensions/_panel.scss new file mode 100644 index 00000000..a83de0e9 --- /dev/null +++ b/src/assets/sass/theme/extensions/_panel.scss @@ -0,0 +1,18 @@ +.p-panel { + border-radius: $borderRadius; + box-shadow: $cardShadow; + + .p-panel-header, + .p-panel-content, + .p-panel-footer { + border: 0 none; + } + + .p-panel-content { + padding-top: 0; + } + + .p-panel-title { + font-size: 1.25rem; + } +} \ No newline at end of file diff --git a/src/assets/sass/theme/extensions/_panelmenu.scss b/src/assets/sass/theme/extensions/_panelmenu.scss new file mode 100644 index 00000000..02a7438e --- /dev/null +++ b/src/assets/sass/theme/extensions/_panelmenu.scss @@ -0,0 +1,43 @@ +.p-panelmenu { + .p-panelmenu-panel { + box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12); + margin-bottom: 0; + border-radius: 0; + position: relative; + transition: margin-bottom 225ms; + + &:first-child { + border-top-left-radius: $borderRadius; + border-top-right-radius: $borderRadius; + } + + &:last-child { + border-bottom-left-radius: $borderRadius; + border-bottom-right-radius: $borderRadius; + } + + .p-panelmenu-header { + .p-panelmenu-icon { + order: 1; + margin-left: auto; + margin-right: 0; + } + + &.p-disabled { + opacity: 1; + + .p-panelmenu-header-link > *{ + opacity: $disabledOpacity; + } + } + + &:not(.p-highlight) { + .p-panelmenu-header-link { + &:focus { + background: $accordionHeaderHoverBg; + } + } + } + } + } +} \ No newline at end of file diff --git a/src/assets/sass/theme/extensions/_progressbar.scss b/src/assets/sass/theme/extensions/_progressbar.scss new file mode 100644 index 00000000..a5837cc8 --- /dev/null +++ b/src/assets/sass/theme/extensions/_progressbar.scss @@ -0,0 +1,7 @@ +.p-progressbar { + border-radius: 0; + + .p-progressbar-label { + display: none; + } +} \ No newline at end of file diff --git a/src/assets/sass/theme/extensions/_radiobutton.scss b/src/assets/sass/theme/extensions/_radiobutton.scss new file mode 100644 index 00000000..592cb344 --- /dev/null +++ b/src/assets/sass/theme/extensions/_radiobutton.scss @@ -0,0 +1,50 @@ +.p-radiobutton { + border-radius: 50%; + transition: box-shadow $transitionDuration; + + .p-radiobutton-box { + &:not(.p-disabled):not(.p-highlight):hover { + border: $radiobuttonBorder; + } + + &:not(.p-disabled).p-focus { + border: $radiobuttonBorder; + } + + &.p-highlight { + &:not(.p-disabled).p-focus { + border-color: $radiobuttonActiveBorderColor; + } + } + } + + &:not(.p-radiobutton-disabled):hover { + box-shadow: 0 0 1px 10px rgba($overlayColor, .04); + } + + &:not(.p-radiobutton-disabled).p-radiobutton-focused { + box-shadow: 0 0 1px 10px rgba($overlayColor, .12); + } + + &.p-radiobutton-checked { + &:not(.p-radiobutton-disabled):hover { + box-shadow: 0 0 1px 10px rgba($radiobuttonActiveBorderColor, .04); + } + + &:not(.p-radiobutton-disabled).p-radiobutton-focused { + box-shadow: 0 0 1px 10px rgba($radiobuttonActiveBorderColor, .12); + } + } +} + +.p-input-filled { + .p-radiobutton { + .p-radiobutton-box { + background-color: $inputBg; + + &:not(.p-disabled):hover { + background-color: $inputBg; + } + } + } +} \ No newline at end of file diff --git a/src/assets/sass/theme/extensions/_selectbutton.scss b/src/assets/sass/theme/extensions/_selectbutton.scss new file mode 100644 index 00000000..7f2b360d --- /dev/null +++ b/src/assets/sass/theme/extensions/_selectbutton.scss @@ -0,0 +1,13 @@ +.p-selectbutton { + .p-button { + &:focus { + background: $toggleButtonActiveBg; + border-color: $toggleButtonActiveBorderColor; + + &.p-highlight { + background: $toggleButtonActiveHoverBg; + border-color: $toggleButtonActiveHoverBorderColor; + } + } + } +} \ No newline at end of file diff --git a/src/assets/sass/theme/extensions/_slider.scss b/src/assets/sass/theme/extensions/_slider.scss new file mode 100644 index 00000000..bc94aad7 --- /dev/null +++ b/src/assets/sass/theme/extensions/_slider.scss @@ -0,0 +1,16 @@ +.p-slider { + .p-slider-handle { + transition: transform $transitionDuration, box-shadow $transitionDuration; + transform: scale(.7); + + &:focus { + box-shadow: 0 0 1px 10px rgba($accentColor, .2); + } + } + + &.p-slider-sliding { + .p-slider-handle { + transform: scale(1); + } + } +} \ No newline at end of file diff --git a/src/assets/sass/theme/extensions/_steps.scss b/src/assets/sass/theme/extensions/_steps.scss new file mode 100644 index 00000000..47d1b4d9 --- /dev/null +++ b/src/assets/sass/theme/extensions/_steps.scss @@ -0,0 +1,61 @@ +.p-steps { + padding: 1rem 0; + + .p-steps-item { + justify-content: flex-start; + flex-direction: row-reverse; + align-items: center; + + &:before { + position: static; + left: auto; + top: auto; + margin-top: 0; + } + + &:last-child { + flex-grow: 0; + + &:before { + display: none; + } + } + + .p-menuitem-link { + flex-direction: row; + flex: 1 1 auto; + overflow: visible; + padding: 0 $inlineSpacing; + + .p-steps-number { + background-color: #9e9d9e; + color: #ffffff; + font-size: 0.857rem; + min-width: 1.714rem; + height: 1.714rem; + line-height: 1.714rem; + } + + .p-steps-title { + margin: 0; + padding-left: $inlineSpacing; + } + } + + &.p-highlight { + .p-steps-number { + background-color: $primaryColor; + color: $primaryTextColor; + } + + .p-steps-title { + font-weight: 600; + color: $textColor; + } + } + + &.p-disabled { + opacity: 1; + } + } +} diff --git a/src/assets/sass/theme/extensions/_tabmenu.scss b/src/assets/sass/theme/extensions/_tabmenu.scss new file mode 100644 index 00000000..a0d13112 --- /dev/null +++ b/src/assets/sass/theme/extensions/_tabmenu.scss @@ -0,0 +1,29 @@ +.p-tabmenu { + .p-tabmenu-nav { + position: relative; + + li { + .p-menuitem-link { + transition: background-color $transitionDuration; + border-radius: 0; + + > .p-ink { + background-color: rgba($primaryColor, .16); + } + + &:focus { + background-color: rgba($primaryColor, .12); + } + } + } + + .p-tabmenu-ink-bar { + display: block; + position: absolute; + bottom: 0; + height: 2px; + background-color: $primaryColor; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); + } + } +} \ No newline at end of file diff --git a/src/assets/sass/theme/extensions/_tabview.scss b/src/assets/sass/theme/extensions/_tabview.scss new file mode 100644 index 00000000..ccb58b55 --- /dev/null +++ b/src/assets/sass/theme/extensions/_tabview.scss @@ -0,0 +1,30 @@ +.p-tabview { + .p-tabview-nav { + position: relative; + + li { + .p-tabview-nav-link { + transition: background-color $transitionDuration; + border-radius: 0; + + > .p-ink { + background-color: rgba($primaryColor, .16); + } + + &:focus { + background-color: rgba($primaryColor, .12); + } + } + } + + .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 2px; + background-color: $primaryColor; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); + } + } +} \ No newline at end of file diff --git a/src/assets/sass/theme/extensions/_timeline.scss b/src/assets/sass/theme/extensions/_timeline.scss new file mode 100644 index 00000000..0e7a8743 --- /dev/null +++ b/src/assets/sass/theme/extensions/_timeline.scss @@ -0,0 +1,9 @@ +.p-timeline { + &.p-timeline-vertical .p-timeline-event-connector { + margin: .5rem 0; + } + + &.p-timeline-horizontal .p-timeline-event-connector { + margin: 0 .5rem; + } +} \ No newline at end of file diff --git a/src/assets/sass/theme/extensions/_togglebutton.scss b/src/assets/sass/theme/extensions/_togglebutton.scss new file mode 100644 index 00000000..e1d1eed7 --- /dev/null +++ b/src/assets/sass/theme/extensions/_togglebutton.scss @@ -0,0 +1,11 @@ +.p-togglebutton.p-button { + &:focus { + background: $toggleButtonActiveBg; + border-color: $toggleButtonActiveBorderColor; + + &.p-highlight { + background: $toggleButtonActiveHoverBg; + border-color: $toggleButtonActiveHoverBorderColor; + } + } +} \ No newline at end of file diff --git a/src/assets/sass/theme/extensions/_toolbar.scss b/src/assets/sass/theme/extensions/_toolbar.scss new file mode 100644 index 00000000..bec3b3fb --- /dev/null +++ b/src/assets/sass/theme/extensions/_toolbar.scss @@ -0,0 +1,3 @@ +.p-toolbar { + border: 0 none; +} \ No newline at end of file diff --git a/src/assets/sass/theme/extensions/_tooltip.scss b/src/assets/sass/theme/extensions/_tooltip.scss new file mode 100644 index 00000000..e8e64bf5 --- /dev/null +++ b/src/assets/sass/theme/extensions/_tooltip.scss @@ -0,0 +1,10 @@ +.p-tooltip { + .p-tooltip-text { + box-shadow: none; + font-size: .875rem; + } + + .p-tooltip-arrow { + display: none; + } +} \ No newline at end of file diff --git a/src/assets/sass/theme/extensions/_treetable.scss b/src/assets/sass/theme/extensions/_treetable.scss new file mode 100644 index 00000000..07fabe78 --- /dev/null +++ b/src/assets/sass/theme/extensions/_treetable.scss @@ -0,0 +1,19 @@ +.p-treetable { + .p-sortable-column { + outline: 0 none; + + &:focus { + background-color: rgba($overlayColor, 0.03); + } + } + + .p-treetable-tbody { + > tr { + outline: 0 none; + + &:not(.p-highlight):focus { + background-color: rgba($overlayColor, 0.03); + } + } + } +} \ No newline at end of file diff --git a/src/assets/sass/theme/extensions/_vendor_extensions.scss b/src/assets/sass/theme/extensions/_vendor_extensions.scss new file mode 100644 index 00000000..106d4f75 --- /dev/null +++ b/src/assets/sass/theme/extensions/_vendor_extensions.scss @@ -0,0 +1,38 @@ +@import './_mixins'; +@import './_accordion'; +@import './_autocomplete'; +@import './_button'; +@import './_calendar'; +@import './_cascadeselect'; +@import './_carousel'; +@import './_checkbox'; +@import './_chips'; +@import './_datatable'; +@import './_dropdown'; +@import './_galleria'; +@import './_input'; +@import './_inputgroup'; +@import './_inputmask'; +@import './_inputnumber'; +@import './_inputswitch'; +@import './_fieldset'; +@import './_float_label'; +@import './_listbox'; +@import './_multiselect'; +@import './_overlaypanel'; +@import './_paginator'; +@import './_panel'; +@import './_panelmenu'; +@import './_progressbar'; +@import './_radiobutton'; +@import './_selectbutton'; +@import './_slider'; +@import './_steps'; +@import './_tabview'; +@import './_toolbar'; +@import './_tooltip'; +@import './_treetable'; +@import './_tabmenu'; +@import './_timeline'; +@import './_togglebutton'; + diff --git a/src/assets/sass/variables/layout/_layout_common.scss b/src/assets/sass/variables/layout/_layout_common.scss new file mode 100644 index 00000000..1bac19a4 --- /dev/null +++ b/src/assets/sass/variables/layout/_layout_common.scss @@ -0,0 +1,9 @@ +//general +$fontSize:14px !default; +$fontFamily: 'Roboto' !default; +$borderRadius:5px !default; +$animationDuration:.2s !default; +$animationTimingFunction:cubic-bezier(.05,.74,.2,.99) !default; +$letterSpacing:normal !default; +$transitionDuration:.2s !default; +$mobileBreakpoint:991px !default; diff --git a/src/assets/sass/variables/layout/_layout_dark.scss b/src/assets/sass/variables/layout/_layout_dark.scss new file mode 100644 index 00000000..9641fd72 --- /dev/null +++ b/src/assets/sass/variables/layout/_layout_dark.scss @@ -0,0 +1,38 @@ +$bodyBgColor:#121212 !default; +$textColor:rgba(255,255,255,.87) !default; +$textSecondaryColor:rgba(255,255,255,.60) !default; + +$contentBgColor:#1e1e1e !default; +$contentAltBgColor:#262626 !default; +$overlayContentBgColor:#262626 !default; +$dividerColor:hsla(0,0%,100%,.12) !default; +$hoverBgColor:hsla(0,0%,100%,.04); +$solidSurfaceTextColor: #121212 !default; + +$menuShadow: 2px 0 4px -1px rgba(0, 0, 0, 0.2), 4px 0 5px 0 rgba(0, 0, 0, 0.14), 1px 0 10px 0 rgba(0, 0, 0, 0.12); +$submenuShadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +$menuTooltipBgColor:#262626 !default; +$menuTooltipTextColor:rgba(255,255,255,.87) !default; + +$pink: #F06292 !default; +$indigo: #7986CB !default; +$yellow: #FFD54F !default; +$orange: #FFB74D !default; +$teal: #4DB6AC !default; +$cyan: #4DD0E1 !default; +$bluegrey: #78909C !default; +$purple: #BA68C8 !default; +$deeppurple: #9575CD !default; +$blue: #64B5F6 !default; +$lightblue: #03A9F4 !default; +$green: #81C784 !default; +$lightgreen: #8BC34A !default; +$lime: #DCE775 !default; +$deeporange: #FF8A65 !default; +$brown: #A1887F !default; + +:root { + --divider-color:#{$dividerColor}; +} + +@import './_layout_common'; diff --git a/src/assets/sass/variables/layout/_layout_light.scss b/src/assets/sass/variables/layout/_layout_light.scss new file mode 100644 index 00000000..7f22b73e --- /dev/null +++ b/src/assets/sass/variables/layout/_layout_light.scss @@ -0,0 +1,38 @@ +$bodyBgColor:#f7f7f7 !default; +$textColor:#212121 !default; +$textSecondaryColor:#616161 !default; + +$contentBgColor:#ffffff !default; +$contentAltBgColor:#ECEFF1 !default; +$overlayContentBgColor:#ffffff !default; +$dividerColor:#E4E4E4 !default; +$hoverBgColor:rgba(0,0,0,.04); +$solidSurfaceTextColor: #ffffff !default; + +$menuShadow: 2px 0 4px -1px rgba(0, 0, 0, 0.2), 4px 0 5px 0 rgba(0, 0, 0, 0.14), 1px 0 10px 0 rgba(0, 0, 0, 0.12); +$submenuShadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +$menuTooltipBgColor:#1c202c !default; +$menuTooltipTextColor:#ffffff !default; + +$pink: #E91E63 !default; +$indigo: #3F51B5 !default; +$yellow: #FFC107 !default; +$orange: #FF9800 !default; +$teal: #009688 !default; +$cyan: #00ACC1 !default; +$bluegrey: #546E7A !default; +$purple: #9C27B0 !default; +$deeppurple: #673AB7 !default; +$blue: #2196F3 !default; +$lightblue: #03A9F4 !default; +$green: #4CAF50 !default; +$lightgreen: #8BC34A !default; +$lime: #CDDC39 !default; +$deeporange: #FF5722 !default; +$brown: #795548 !default; + +:root { + --divider-color:#{$dividerColor}; +} + +@import './_layout_common'; diff --git a/src/assets/sass/variables/theme/_theme_dark.scss b/src/assets/sass/variables/theme/_theme_dark.scss new file mode 100644 index 00000000..c417d254 --- /dev/null +++ b/src/assets/sass/variables/theme/_theme_dark.scss @@ -0,0 +1,819 @@ +$colors: ( + "blue": #2196F3, + "green": #689F38, + "yellow": #FBC02D, + "cyan": #00BCD4, + "pink": #E91E63, + "indigo": #4E5FBB, + "teal": #009688, + "orange": #FF9800, + "bluegray": #607D8B, + "purple": #9C27B0 +); + +$emphasis-high:rgba(255,255,255,.87); +$emphasis-medium:rgba(255,255,255,.60); +$emphasis-low:rgba(255,255,255,.38); +$emphasis-lower:rgba(255,255,255,.12); +$overlayColor:#ffffff; + +//global +$fontFamily:Roboto,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif; +$fontSize:1rem; +$fontWeight:normal; +$textColor:$emphasis-high; +$textSecondaryColor:$emphasis-medium; +$borderRadius:4px; +$transitionDuration:.2s; +$formElementTransition:background-color $transitionDuration, border-color $transitionDuration, color $transitionDuration, box-shadow $transitionDuration, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +$actionIconTransition:background-color $transitionDuration, color $transitionDuration, box-shadow $transitionDuration; +$listItemTransition:none; +$primeIconFontSize:1rem; +$divider:1px solid hsla(0,0%,100%,.12); +$inlineSpacing:.5rem; +$disabledOpacity:.38; +$maskBg:rgba(0, 0, 0, 0.32); +$loadingIconFontSize:2rem; +$errorColor:#f44435; + +//selected state +$highlightBg:rgba($primaryColor, .16); +$highlightTextColor:$primaryColor; + +//scale +$scaleSM:0.875; +$scaleLG:1.25; + +//focus +$focusOutlineColor:transparent; +$focusOutline:0 none; +$focusOutlineOffset:0; +$focusShadow:none; + +//action icons +$actionIconWidth:2.5rem; +$actionIconHeight:2.5rem; +$actionIconBg:transparent; +$actionIconBorder:0 none; +$actionIconColor:$textSecondaryColor; +$actionIconHoverBg:rgba($overlayColor,.04); +$actionIconHoverBorderColor:transparent; +$actionIconHoverColor:$textSecondaryColor; +$actionIconBorderRadius:50%; + +//input field (e.g. inputtext, spinner, inputmask) +$inputPadding:1rem 1rem; +$inputTextFontSize:1rem; +$inputBg:#1e1e1e; +$inputTextColor:$emphasis-high; +$inputIconColor:$emphasis-medium; +$inputBorder:1px solid hsla(0,0%,100%,.3); +$inputHoverBorderColor:$emphasis-medium; +$inputFocusBorderColor:$primaryColor; +$inputErrorBorderColor:$errorColor; +$inputPlaceholderTextColor:$emphasis-medium; +$inputFilledBg:hsla(0,0%,100%,.06); +$inputFilledHoverBg:hsla(0,0%,100%,.08); +$inputFilledFocusBg:hsla(0,0%,100%,.1); + +//input groups +$inputGroupBg:$inputBg; +$inputGroupTextColor:$emphasis-medium; +$inputGroupAddOnMinWidth:2.357rem; + +//input lists (e.g. dropdown, autocomplete, multiselect, orderlist) +$inputListBg:#1e1e1e; +$inputListTextColor:$textColor; +$inputListBorder:1px solid hsla(0,0%,100%,.3); +$inputListPadding:0; +$inputListItemPadding:1rem 1rem; +$inputListItemBg:transparent; +$inputListItemTextColor:$textColor; +$inputListItemHoverBg:hsla(0,0%,100%,.04); +$inputListItemTextHoverColor:$textColor; +$inputListItemBorder:0 none; +$inputListItemBorderRadius:0; +$inputListItemMargin:0; +$inputListItemFocusShadow:none; +$inputListHeaderPadding:1rem; +$inputListHeaderMargin:0; +$inputListHeaderBg:#1e1e1e; +$inputListHeaderTextColor:$textColor; +$inputListHeaderBorder:1px solid hsla(0,0%,100%,.12); + +//inputs with overlays (e.g. autocomplete, dropdown, multiselect) +$inputOverlayBg:#2b2b2b; +$inputOverlayHeaderBg:#2b2b2b; +$inputOverlayBorder:0 none; +$inputOverlayShadow:0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12); + +//password +$passwordMeterBg:rgba($primaryColor, .32); +$passwordWeakBg:#EF9A9A; +$passwordMediumBg:#FFF59D; +$passwordStrongBg:#C5E1A5; + +//button +$buttonPadding:0.714rem 1rem; +$buttonIconOnlyWidth:3rem; +$buttonIconOnlyPadding:0.714rem; +$buttonBg:$primaryColor; +$buttonTextColor:$primaryTextColor; +$buttonBorder:0 none; +$buttonHoverBg:rgba($primaryColor, .92); +$buttonTextHoverColor:$primaryTextColor; +$buttonHoverBorderColor:transparent; +$buttonActiveBg:rgba($primaryColor, .68); +$buttonTextActiveColor:$primaryTextColor; +$buttonActiveBorderColor:transparent; +$raisedButtonShadow:0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12); +$roundedButtonBorderRadius:2rem; + +$textButtonHoverBgOpacity:.04; +$textButtonActiveBgOpacity:.16; +$outlinedButtonBorder:0 none; +$plainButtonTextColor:$textSecondaryColor; +$plainButtonHoverBgColor:rgba(255,255,255,.04); +$plainButtonActiveBgColor:rgba(255,255,255,.16); + +$secondaryButtonBg:$accentColor; +$secondaryButtonTextColor:$accentTextColor; +$secondaryButtonBorder:0 none; +$secondaryButtonHoverBg:rgba($accentColor, .92); +$secondaryButtonTextHoverColor:$accentTextColor; +$secondaryButtonHoverBorderColor:transparent; +$secondaryButtonActiveBg:rgba($accentColor, .68); +$secondaryButtonTextActiveColor:$accentTextColor; +$secondaryButtonActiveBorderColor:transparent; +$secondaryButtonFocusShadow:none; + +$infoButtonBg:#90CAF9; +$infoButtonTextColor:#212121; +$infoButtonBorder:0 none; +$infoButtonHoverBg:rgba(#90CAF9, .92); +$infoButtonTextHoverColor:#212121; +$infoButtonHoverBorderColor:transparent; +$infoButtonActiveBg:rgba(#90CAF9, .68); +$infoButtonTextActiveColor:#212121; +$infoButtonActiveBorderColor:transparent; +$infoButtonFocusShadow:none; + +$successButtonBg:#C5E1A5; +$successButtonTextColor:#212121; +$successButtonBorder:0 none; +$successButtonHoverBg:rgba(#C5E1A5, .92); +$successButtonTextHoverColor:#212121; +$successButtonHoverBorderColor:transparent; +$successButtonActiveBg:rgba(#C5E1A5, .68); +$successButtonTextActiveColor:#212121; +$successButtonActiveBorderColor:transparent; +$successButtonFocusShadow:none; + +$warningButtonBg:#FFF59D; +$warningButtonTextColor:#212121; +$warningButtonBorder:0 none; +$warningButtonHoverBg:rgba(#FFF59D, .92); +$warningButtonTextHoverColor:#212121; +$warningButtonHoverBorderColor:transparent; +$warningButtonActiveBg:rgba(#FFF59D, .68); +$warningButtonTextActiveColor:#212121; +$warningButtonActiveBorderColor:transparent; +$warningButtonFocusShadow:none; + +$helpButtonBg:#CE93D8; +$helpButtonTextColor:#212121; +$helpButtonBorder:0 none; +$helpButtonHoverBg:rgba(#CE93D8, .92); +$helpButtonTextHoverColor:#212121; +$helpButtonHoverBorderColor:transparent; +$helpButtonActiveBg:rgba(#CE93D8, .68); +$helpButtonTextActiveColor:#212121; +$helpButtonActiveBorderColor:transparent; +$helpButtonFocusShadow:none; + +$dangerButtonBg:#EF9A9A; +$dangerButtonTextColor:#212121; +$dangerButtonBorder:0 none; +$dangerButtonHoverBg:rgba(#EF9A9A, .92); +$dangerButtonTextHoverColor:#212121; +$dangerButtonHoverBorderColor:transparent; +$dangerButtonActiveBg:rgba(#EF9A9A, .68); +$dangerButtonTextActiveColor:#212121; +$dangerButtonActiveBorderColor:transparent; +$dangerButtonFocusShadow:none; + +$linkButtonColor:$primaryColor; +$linkButtonHoverColor:$primaryColor; +$linkButtonTextHoverDecoration:underline; +$linkButtonFocusShadow:none; + +//checkbox +$checkboxWidth:18px; +$checkboxHeight:18px; +$checkboxBorder:2px solid hsla(0,0%,100%,.7); +$checkboxIconFontSize:14px; +$checkboxActiveBorderColor:$primaryColor; +$checkboxActiveBg:$primaryColor; +$checkboxIconActiveColor:$primaryTextColor; +$checkboxActiveHoverBg:$primaryColor; +$checkboxIconActiveHoverColor:$primaryTextColor; +$checkboxActiveHoverBorderColor:$primaryColor; + +//radiobutton +$radiobuttonWidth:20px; +$radiobuttonHeight:20px; +$radiobuttonBorder:2px solid hsla(0,0%,100%,.7); +$radiobuttonIconSize:10px; +$radiobuttonActiveBorderColor:$primaryColor; +$radiobuttonActiveBg:$primaryTextColor; +$radiobuttonIconActiveColor:$primaryColor; +$radiobuttonActiveHoverBg:$primaryTextColor; +$radiobuttonIconActiveHoverColor:$primaryColor; +$radiobuttonActiveHoverBorderColor:$primaryColor; + +//colorpicker +$colorPickerPreviewWidth:2rem; +$colorPickerPreviewHeight:2rem; +$colorPickerBg:#2b2b2b; +$colorPickerBorderColor:#1e1e1e; +$colorPickerHandleColor:#ffffff; + +//togglebutton +$toggleButtonBg:#2f2f2f; +$toggleButtonBorder:1px solid rgba(255,255,255,.12); +$toggleButtonTextColor:$textColor; +$toggleButtonIconColor:$textSecondaryColor; +$toggleButtonHoverBg:#373737; +$toggleButtonHoverBorderColor:rgba(255,255,255,.12); +$toggleButtonTextHoverColor:$textColor; +$toggleButtonIconHoverColor:$textSecondaryColor; +$toggleButtonActiveBg:#1c1c1c; +$toggleButtonActiveBorderColor:rgba(255,255,255,.12); +$toggleButtonTextActiveColor:$textColor; +$toggleButtonIconActiveColor:$textSecondaryColor; +$toggleButtonActiveHoverBg:#262626; +$toggleButtonActiveHoverBorderColor:rgba(255,255,255,.12); +$toggleButtonTextActiveHoverColor:$textColor; +$toggleButtonIconActiveHoverColor:$textSecondaryColor; + +//inplace +$inplacePadding:$inputPadding; +$inplaceHoverBg:rgba(255,255,255,.04); +$inplaceTextHoverColor:$textColor; + +//rating +$ratingIconFontSize:1.143rem; +$ratingCancelIconColor:#f44435; +$ratingCancelIconHoverColor:#f44435; +$ratingStarIconOffColor:$primaryColor; +$ratingStarIconOnColor:$primaryColor; +$ratingStarIconHoverColor:$primaryColor; + +//slider +$sliderBg:hsla(0,0%,100%,.3); +$sliderBorder:0 none; +$sliderHorizontalHeight:2px; +$sliderVerticalWidth:2px; +$sliderHandleWidth:20px; +$sliderHandleHeight:20px; +$sliderHandleBg:$primaryColor; +$sliderHandleBorder:0 none; +$sliderHandleBorderRadius:50%; +$sliderHandleHoverBorderColor:0 none; +$sliderHandleHoverBg:$primaryColor; +$sliderRangeBg:$primaryColor; + +//calendar +$calendarTableMargin:.5rem 0; +$calendarPadding:.5rem; +$calendarBg:$inputOverlayBg; +$calendarInlineBg:#1e1e1e; +$calendarTextColor:$textColor; +$calendarBorder:$inputListBorder; +$calendarOverlayBorder:$inputOverlayBorder; + +$calendarHeaderPadding:.5rem; +$calendarHeaderBg:$inputOverlayHeaderBg; +$calendarInlineHeaderBg:#1e1e1e; +$calendarHeaderBorder:$divider; +$calendarHeaderTextColor:$textColor; +$calendarHeaderFontWeight:500; +$calendarHeaderCellPadding:.5rem; + +$calendarCellDatePadding:.5rem; +$calendarCellDateWidth:2.5rem; +$calendarCellDateHeight:2.5rem; +$calendarCellDateBorderRadius:50%; +$calendarCellDateBorder:1px solid transparent; +$calendarCellDateHoverBg:rgba(255,255,255,.04); +$calendarCellDateTodayBg:transparent; +$calendarCellDateTodayBorderColor:rgba(255,255,255,.5); +$calendarCellDateTodayTextColor:$textColor; + +$calendarButtonBarPadding:1rem 0; +$calendarTimePickerPadding:.5rem; +$calendarTimePickerElementPadding:0 .5rem; +$calendarTimePickerTimeFontSize:1.25rem; + +$calendarBreakpoint:769px; +$calendarCellDatePaddingSM:0; + +//input switch +$inputSwitchWidth:2.75rem; +$inputSwitchHeight:1rem; +$inputSwitchBorderRadius:.5rem; +$inputSwitchHandleWidth:1.50rem; +$inputSwitchHandleHeight:1.50rem; +$inputSwitchHandleBorderRadius:50%; +$inputSwitchSliderPadding:-1px; +$inputSwitchSliderOffBg:hsla(0,0%,100%,.3); +$inputSwitchHandleOffBg:#bdbdbd; +$inputSwitchSliderOffHoverBg:hsla(0,0%,100%,.3); +$inputSwitchSliderOnBg:rgba($primaryColor, .5); +$inputSwitchSliderOnHoverBg:rgba($primaryColor, .5); +$inputSwitchHandleOnBg:$primaryColor; + +//panel +$panelHeaderBorderColor: rgba(255,255,255,.12) !default; +$panelHeaderBorder:1px solid rgba(255,255,255,.12); +$panelHeaderBg:#1e1e1e; +$panelHeaderTextColor:$textColor; +$panelHeaderFontWeight:500; +$panelHeaderPadding:1rem; +$panelToggleableHeaderPadding:.5rem 1rem; + +$panelHeaderHoverBg:rgba($overlayColor,.04); +$panelHeaderHoverBorderColor:rgba(255,255,255,.12); +$panelHeaderTextHoverColor:$textColor; + +$panelContentBorderColor: rgba(255,255,255,.12) !default; +$panelContentBorder:1px solid rgba(255,255,255,.12); +$panelContentBg:#1e1e1e; +$panelContentTextColor:$textColor; +$panelContentPadding:1rem; + +$panelFooterBorder:1px solid rgba(255,255,255,.12); +$panelFooterBg:#1e1e1e; +$panelFooterTextColor:$textColor; +$panelFooterPadding:1rem 1rem; + +//accordion +$accordionSpacing:0; +$accordionHeaderBorder:0 none; +$accordionHeaderBg:#1e1e1e; +$accordionHeaderTextColor:$textColor; +$accordionHeaderFontWeight:400; +$accordionHeaderPadding:1.5rem; + +$accordionHeaderHoverBg:rgba(255,255,255,.04); +$accordionHeaderHoverBorderColor:transparent; +$accordionHeaderTextHoverColor:$textColor; + +$accordionHeaderActiveBg:#1e1e1e; +$accordionHeaderActiveBorderColor:transparent; +$accordionHeaderTextActiveColor:$textColor; + +$accordionHeaderActiveHoverBg:rgba(255,255,255,.04); +$accordionHeaderActiveHoverBorderColor:transparent; +$accordionHeaderTextActiveHoverColor:$textColor; + +$accordionContentBorder:0 none; +$accordionContentBg:#1e1e1e; +$accordionContentTextColor:$textColor; +$accordionContentPadding:1rem 1.5rem; + +//tabview +$tabviewNavBorder:solid rgba(255,255,255,.12); +$tabviewNavBorderWidth:0 0 1px 0; +$tabviewNavBg:transparent; + +$tabviewHeaderSpacing:0; +$tabviewHeaderBorder:none; +$tabviewHeaderBorderWidth:0 0 0 0; +$tabviewHeaderBorderColor:transparent transparent transparent transparent; +$tabviewHeaderBg:transparent; +$tabviewHeaderTextColor:$textSecondaryColor; +$tabviewHeaderFontWeight:500; +$tabviewHeaderPadding:1rem 1.5rem; +$tabviewHeaderMargin:0 0 0 0; + +$tabviewHeaderHoverBg:rgba($primaryColor,.04); +$tabviewHeaderHoverBorderColor:transparent; +$tabviewHeaderTextHoverColor:$textSecondaryColor; + +$tabviewHeaderActiveBg:transparent; +$tabviewHeaderActiveBorderColor:transparent; +$tabviewHeaderTextActiveColor:$primaryColor; + +$tabviewContentBorder:0 none; +$tabviewContentBg:transparent; +$tabviewContentTextColor:$textColor; +$tabviewContentPadding:$panelContentPadding; + +//upload +$fileUploadProgressBarHeight:4px; +$fileUploadContentPadding:2rem 1rem; + +//scrollpanel +$scrollPanelTrackBorder:0 none; +$scrollPanelTrackBg:rgba(255,255,255,.12); + +//card +$cardBodyPadding:1rem; +$cardTitleFontSize:1.5rem; +$cardTitleFontWeight:700; +$cardSubTitleFontWeight:400; +$cardSubTitleColor:$textSecondaryColor; +$cardContentPadding:1rem 0; +$cardFooterPadding:1rem 0 0 0; +$cardShadow:0 2px 1px -1px rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 3px 0 rgba(0,0,0,.12); + +//editor +$editorToolbarBg:$panelHeaderBg; +$editorToolbarBorder:$panelHeaderBorder; +$editorToolbarPadding:$panelHeaderPadding; +$editorToolbarIconColor:$textSecondaryColor; +$editorToolbarIconHoverColor:$textColor; +$editorIconActiveColor:$primaryColor; +$editorContentBorder:$panelContentBorder; +$editorContentBg:$panelContentBg; + +//paginator +$paginatorBg:#1e1e1e; +$paginatorTextColor:$textColor; +$paginatorBorder:solid #404040; +$paginatorBorderWidth:0; +$paginatorPadding:.5rem 1rem; +$paginatorElementWidth:$buttonIconOnlyWidth; +$paginatorElementHeight:$buttonIconOnlyWidth; +$paginatorElementBg:transparent; +$paginatorElementBorder:0 none; +$paginatorElementIconColor:$textSecondaryColor; +$paginatorElementHoverBg:rgba(255,255,255,.04); +$paginatorElementHoverBorderColor:transparent; +$paginatorElementIconHoverColor:$textSecondaryColor; +$paginatorElementBorderRadius:50%; +$paginatorElementMargin:.143rem; +$paginatorElementPadding:0; + +//table +$tableHeaderBorder:1px solid rgba(255,255,255,.12); +$tableHeaderBorderWidth:0 0 1px 0; +$tableHeaderBg:#1e1e1e; +$tableHeaderTextColor:$textColor; +$tableHeaderFontWeight:500; +$tableHeaderPadding:1rem 1rem; + +$tableHeaderCellPadding:1rem 1rem; +$tableHeaderCellBg:#1e1e1e; +$tableHeaderCellTextColor:$textColor; +$tableHeaderCellFontWeight:500; +$tableHeaderCellBorder:1px solid #404040; +$tableHeaderCellBorderWidth:0 0 1px 0; +$tableHeaderCellHoverBg:rgba(255,255,255,.04); +$tableHeaderCellTextHoverColor:$textColor; +$tableHeaderCellIconColor:$textSecondaryColor; +$tableHeaderCellIconHoverColor:$textSecondaryColor; +$tableHeaderCellHighlightBg:#1e1e1e; +$tableHeaderCellHighlightTextColor:$textColor; +$tableHeaderCellHighlightHoverBg:rgba(255,255,255,.04); +$tableHeaderCellHighlightTextHoverColor:$textColor; +$tableSortableColumnBadgeSize:1.143rem; + +$tableBodyRowBg:#1e1e1e; +$tableBodyRowTextColor:$textColor; +$tableBodyRowEvenBg:rgba(255,255,255,.02); +$tableBodyRowHoverBg:rgba(255,255,255,.04); +$tableBodyRowTextHoverColor:$textColor; +$tableBodyCellBorder:1px solid #404040; +$tableBodyCellBorderWidth:0 0 1px 0; +$tableBodyCellPadding:1rem 1rem; + +$tableFooterCellPadding:1rem 1rem; +$tableFooterCellBg:#1e1e1e; +$tableFooterCellTextColor:$textColor; +$tableFooterCellFontWeight:500; +$tableFooterCellBorder:1px solid 3404040; +$tableFooterCellBorderWidth:0 0 1px 0; +$tableResizerHelperBg:$primaryColor; + +$tableFooterBorder:1px solid #404040; +$tableFooterBorderWidth:0 0 1px 0; +$tableFooterBg:#1e1e1e; +$tableFooterTextColor:$textColor; +$tableFooterFontWeight:500; +$tableFooterPadding:1rem 1rem; + +$tableCellContentAlignment:left; +$tableTopPaginatorBorderWidth:0 0 1px 0; +$tableBottomPaginatorBorderWidth:0 0 1px 0; + +$tableScaleSM:0.5; +$tableScaleLG:1.25; + +//dataview +$dataViewContentPadding:1rem 0; +$dataViewContentBorder:0 none; +$dataViewListItemBorder:solid rgba(255,255,255,.12); +$dataViewListItemBorderWidth:0 0 1px 0; + +//orderlist, picklist +$orderListBreakpoint:769px; +$pickListBreakpoint:769px; + +//schedule +$fullCalendarEventBg:$highlightBg; +$fullCalendarEventBorderColor:$highlightBg !default; +$fullCalendarEventBorder:1px solid $highlightBg; +$fullCalendarEventTextColor:$highlightTextColor; + +//tree +$treeNodePadding:.25rem; +$treeNodeContentPadding:.75rem; +$treeNodeChildrenPadding:0 0 0 1rem; +$treeNodeIconColor:$textSecondaryColor; + +//timeline +$timelineVerticalEventContentPadding:0 1rem !default; +$timelineHorizontalEventContentPadding:1rem 0 !default; +$timelineEventMarkerWidth:1rem !default; +$timelineEventMarkerHeight:1rem !default; +$timelineEventMarkerBorderRadius:50% !default; +$timelineEventMarkerBorder:0 none !default; +$timelineEventMarkerBackground:#bdbdbd !default; +$timelineEventConnectorSize:2px !default; +$timelineEventColor:#bdbdbd !default; + +//org chart +$organizationChartConnectorColor:rgba(255,255,255,.12); + +//message +$messageMargin:1rem 0; +$messagePadding: 1.25rem 1.5rem; +$messageBorderWidth:0 0 0 0; +$messageIconFontSize:1.5rem; +$messageTextFontSize:1rem; +$messageTextFontWeight:500; + +//inline message +$inlineMessagePadding:$inputPadding; +$inlineMessageMargin:0; +$inlineMessageIconFontSize:1rem; +$inlineMessageTextFontSize:1rem; +$inlineMessageBorderWidth:1px; + +//toast +$toastIconFontSize:2rem; +$toastMessageTextMargin:0 0 0 1rem; +$toastMargin:0 0 1rem 0; +$toastPadding:1.5rem; +$toastBorderWidth:0 0 0 0; +$toastShadow:0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12); +$toastOpacity:.9; +$toastTitleFontWeight:700; +$toastDetailMargin:$inlineSpacing 0 0 0; + +//severities +$infoMessageBg:#B3E5FC; +$infoMessageBorder:solid transparent; +$infoMessageTextColor:#01579B; +$infoMessageIconColor:#01579B; +$successMessageBg:#C8E6C9; +$successMessageBorder:solid transparent; +$successMessageTextColor:#1B5E20; +$successMessageIconColor:#1B5E20; +$warningMessageBg:#FFECB3; +$warningMessageBorder:solid transparent; +$warningMessageTextColor:#7f6003; +$warningMessageIconColor:#7f6003; +$errorMessageBg:#FFCDD2; +$errorMessageBorder:solid transparent; +$errorMessageTextColor:#B71C1C; +$errorMessageIconColor:#B71C1C; + +//overlays +$overlayContentBorder:0 none; +$overlayContentBg:#262626; +$overlayContainerShadow:0 11px 15px -7px rgba(0,0,0,.2), 0 24px 38px 3px rgba(0,0,0,.14), 0 9px 46px 8px rgba(0,0,0,.12); + +//dialog +$dialogHeaderBg:$overlayContentBg; +$dialogHeaderBorder:0 none; +$dialogHeaderTextColor:$textColor; +$dialogHeaderFontWeight:500; +$dialogHeaderFontSize:1.25rem; +$dialogHeaderPadding:1.5rem; +$dialogContentPadding: 0 1.5rem 1.5rem 1.5rem; +$dialogFooterBorder:0 none; +$dialogFooterPadding:1rem 1.5rem; + +//tooltip +$tooltipBg:#444444; +$tooltipTextColor:$emphasis-high; +$tooltipPadding:.5rem; + +//steps +$stepsItemBg:transparent; +$stepsItemBorder:1px solid transparent; +$stepsItemTextColor:$textColor; +$stepsItemNumberWidth:2rem; +$stepsItemNumberHeight:2rem; +$stepsItemNumberFontSize:1.143rem; +$stepsItemNumberColor:$textColor; +$stepsItemNumberBorderRadius:50%; +$stepsItemActiveFontWeight:500; + +//progressbar +$progressBarHeight:4px; +$progressBarBorder:0 none; +$progressBarBg:rgba($primaryColor, .32); +$progressBarValueBg:$primaryColor; + +//menu (e.g. menu, menubar, tieredmenu) +$menuWidth:12.5rem; +$menuBg:#1e1e1e; +$menuBorder:1px solid rgba(255,255,255,.12); +$menuTextColor:$textColor; +$menuitemPadding:1rem 1rem; +$menuitemBorderRadius:0; +$menuitemTextColor:$textColor; +$menuitemIconColor:$textSecondaryColor; +$menuitemTextHoverColor:$textColor; +$menuitemIconHoverColor:$textSecondaryColor; +$menuitemHoverBg:rgba(255,255,255,.04); +$menuitemTextActiveColor:$textColor; +$menuitemIconActiveColor:$textSecondaryColor; +$menuitemActiveBg:rgba(255,255,255,.04); +$menuitemSubmenuIconFontSize:.875rem; +$submenuHeaderMargin:0; +$submenuHeaderPadding:1rem; +$submenuHeaderBg:transparent; +$submenuHeaderTextColor:$textSecondaryColor; +$submenuHeaderBorderRadius:0; +$submenuHeaderFontWeight:400; +$overlayMenuBg:#2b2b2b; +$overlayMenuBorder:0 none; +$overlayMenuShadow:0 2px 4px -1px rgba(0,0,0,.2), 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12); +$verticalMenuitemMargin:0; +$verticalMenuPadding:.5rem 0; +$menuSeparatorMargin:.5rem 0; + +$breadcrumbPadding:1rem; +$breadcrumbBg:#1e1e1e; +$breadcrumbBorder:1px solid rgba(255,255,255,.12); +$breadcrumbItemTextColor:$textColor; +$breadcrumbItemIconColor:$textSecondaryColor; +$breadcrumbLastItemTextColor:$textColor; +$breadcrumbLastItemIconColor:$textSecondaryColor; +$breadcrumbSeparatorColor:$textSecondaryColor; + +$horizontalMenuPadding:1rem; +$horizontalMenuBg:#1e1e1e; +$horizontalMenuBorder:1px solid rgba(255,255,255,.12); +$horizontalMenuTextColor:$textColor; +$horizontalMenuRootMenuitemPadding:1rem; +$horizontalMenuRootMenuitemBorderRadius:$borderRadius; +$horizontalMenuRootMenuitemTextColor:$textColor; +$horizontalMenuRootMenuitemIconColor:$textSecondaryColor; +$horizontalMenuRootMenuitemTextHoverColor:$textColor; +$horizontalMenuRootMenuitemIconHoverColor:$textSecondaryColor; +$horizontalMenuRootMenuitemHoverBg:rgba($overlayColor,.04); +$horizontalMenuRootMenuitemTextActiveColor:$textColor; +$horizontalMenuRootMenuitemIconActiveColor:$textSecondaryColor; +$horizontalMenuRootMenuitemActiveBg:rgba($overlayColor,.04); + +//badge and tag +$badgeBg:$primaryColor; +$badgeTextColor:$primaryTextColor; +$badgeMinWidth:1.5rem; +$badgeHeight:1.5rem; +$badgeFontWeight:700; +$badgeFontSize:.75rem; + +$tagPadding:.25rem .4rem; + +//carousel +$carouselIndicatorsPadding:1rem; +$carouselIndicatorBg:rgba(255,255,255,.3); +$carouselIndicatorHoverBg:rgba(255,255,255,.6); +$carouselIndicatorBorderRadius:0; +$carouselIndicatorWidth:2rem; +$carouselIndicatorHeight:.5rem; + +//galleria +$galleriaMaskBg:rgba(0,0,0,0.9); +$galleriaCloseIconMargin:.5rem; +$galleriaCloseIconFontSize:2rem; +$galleriaCloseIconBg:transparent; +$galleriaCloseIconColor:rgba(255,255,255,.87); +$galleriaCloseIconHoverBg:rgba(255,255,255,0.1); +$galleriaCloseIconHoverColor:rgba(255,255,255,.87); +$galleriaCloseIconWidth:4rem; +$galleriaCloseIconHeight:4rem; +$galleriaCloseIconBorderRadius:50%; + +$galleriaItemNavigatorBg:transparent; +$galleriaItemNavigatorColor:rgba(255,255,255,.87); +$galleriaItemNavigatorMargin:0 .5rem; +$galleriaItemNavigatorFontSize:2rem; +$galleriaItemNavigatorHoverBg:rgba(255,255,255,0.1); +$galleriaItemNavigatorHoverColor:rgba(255,255,255,.87); +$galleriaItemNavigatorWidth:4rem; +$galleriaItemNavigatorHeight:4rem; +$galleriaItemNavigatorBorderRadius:50%; + +$galleriaCaptionBg:rgba(0,0,0,.5); +$galleriaCaptionTextColor:rgba(255,255,255,.87); +$galleriaCaptionPadding:1rem; + +$galleriaIndicatorsPadding:1rem; +$galleriaIndicatorBg:rgba(255,255,255,.3); +$galleriaIndicatorHoverBg:rgba(255,255,255,.6); +$galleriaIndicatorBorderRadius:50%; +$galleriaIndicatorWidth:1.25rem; +$galleriaIndicatorHeight:1.25rem; +$galleriaIndicatorsBgOnItem:rgba(0,0,0,.5); +$galleriaIndicatorBgOnItem:rgba(255,255,255,.3); +$galleriaIndicatorHoverBgOnItem:rgba(255,255,255,.6); + +$galleriaThumbnailContainerBg:rgba(0,0,0,.9); +$galleriaThumbnailContainerPadding:1rem .25rem; +$galleriaThumbnailNavigatorBg:transparent; +$galleriaThumbnailNavigatorColor:rgba(255,255,255,.87); +$galleriaThumbnailNavigatorHoverBg:rgba(255,255,255,0.1); +$galleriaThumbnailNavigatorHoverColor:rgba(255,255,255,.87); +$galleriaThumbnailNavigatorBorderRadius:50%; +$galleriaThumbnailNavigatorWidth:2rem; +$galleriaThumbnailNavigatorHeight:2rem; + +//divider +$dividerHorizontalMargin:1.25rem 0; +$dividerHorizontalPadding:0 1.25rem; +$dividerVerticalMargin:0 1.25rem; +$dividerVerticalPadding:1.25rem 0; +$dividerSize:1px; +$dividerColor:hsla(0,0%,100%,.12); + +//avatar +$avatarBg:hsla(0,0%,100%,.12); +$avatarTextColor:$textColor; + +//chip +$chipBg:hsla(0,0%,100%,.12); +$chipTextColor:$textColor; +$chipBorderRadius: 16px; + +//scrollTop +$scrollTopBg:$accentColor; +$scrollTopHoverBg:rgba($accentColor, .92); +$scrollTopWidth:3rem; +$scrollTopHeight:3rem; +$scrollTopBorderRadius:50%; +$scrollTopFontSize:1.5rem; +$scrollTopTextColor:$accentTextColor; + +//skeleton +$skeletonBg:rgba(255,255,255,.06); +$skeletonAnimationBg:rgba(255,255,255,.04); + +//splitter +$splitterGutterBg:hsla(0,0%,100%,.04); +$splitterGutterHandleBg:hsla(0,0%,100%,.12); + +//speeddial +$speedDialButtonWidth: 4rem !default; +$speedDialButtonHeight: 4rem !default; +$speedDialButtonIconFontSize: 2rem !default; +$speedDialActionWidth: 3rem !default; +$speedDialActionHeight: 3rem !default; +$speedDialActionBg: $accentColor !default; +$speedDialActionHoverBg: rgba($accentColor, .92) !default; +$speedDialActionTextColor: #212121 !default; +$speedDialActionTextHoverColor: #212121 !default; + +//dock +$dockActionWidth: 4rem !default; +$dockActionHeight: 4rem !default; +$dockItemPadding: .5rem !default; +$dockCurrentItemMargin: 1.5rem !default; +$dockFirstItemsMargin: 1.3rem !default; +$dockSecondItemsMargin: 0.9rem !default; +$dockBg: rgba(255,255,255,.1) !default; +$dockBorder: 1px solid rgba(255,255,255,0.2) !default; +$dockPadding: .5rem .5rem !default; +$dockBorderRadius: .5rem !default; + +:root { + --surface-a:#1e1e1e; + --surface-b:#121212; + --surface-c:hsla(0,0%,100%,.04); + --surface-d:hsla(0,0%,100%,.12); + --surface-e:#1e1e1e; + --surface-f:#262626; + --text-color:#{$textColor}; + --text-color-secondary:#{$textSecondaryColor}; + --primary-color:#{$primaryColor}; + --primary-lightest-color:#{$primaryLightestColor}; + --primary-color-text:#{$primaryTextColor}; + --font-family:#{$fontFamily}; +} diff --git a/src/assets/sass/variables/theme/_theme_light.scss b/src/assets/sass/variables/theme/_theme_light.scss new file mode 100644 index 00000000..04adf8ff --- /dev/null +++ b/src/assets/sass/variables/theme/_theme_light.scss @@ -0,0 +1,820 @@ +$colors: ( + "blue": #2196F3, + "green": #689F38, + "yellow": #FBC02D, + "cyan": #00BCD4, + "pink": #E91E63, + "indigo": #4E5FBB, + "teal": #009688, + "orange": #FF9800, + "bluegray": #607D8B, + "purple": #9C27B0 +); + +$emphasis-high:rgba(0,0,0,.87); +$emphasis-medium:rgba(0,0,0,.60); +$emphasis-low:rgba(0,0,0,.38); +$emphasis-lower:rgba(0,0,0,.12); +$overlayColor:#000000; + +//global +$fontFamily:Roboto,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif; +$fontSize:1rem; +$fontWeight:normal; +$textColor:$emphasis-high; +$textSecondaryColor:$emphasis-medium; +$borderRadius:4px; +$transitionDuration:.2s; +$formElementTransition:background-color $transitionDuration, border-color $transitionDuration, color $transitionDuration, box-shadow $transitionDuration, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +$actionIconTransition:background-color $transitionDuration, color $transitionDuration, box-shadow $transitionDuration; +$listItemTransition:none; +$primeIconFontSize:1rem; +$divider:1px solid rgba(0,0,0,.12); +$inlineSpacing:.5rem; +$disabledOpacity:.38; +$maskBg:rgba(0, 0, 0, 0.32); +$loadingIconFontSize:2rem; +$errorColor:#B00020; + +//selected state +$highlightBg:rgba($primaryColor, .12); +$highlightTextColor:$primaryColor; + +//scale +$scaleSM:0.875; +$scaleLG:1.25; + +//focus +$focusOutlineColor:transparent; +$focusOutline:0 none; +$focusOutlineOffset:0; +$focusShadow:none; + +//action icons +$actionIconWidth:2.5rem; +$actionIconHeight:2.5rem; +$actionIconBg:transparent; +$actionIconBorder:0 none; +$actionIconColor:$textSecondaryColor; +$actionIconHoverBg:rgba(0,0,0,.04); +$actionIconHoverBorderColor:transparent; +$actionIconHoverColor:$textSecondaryColor; +$actionIconBorderRadius:50%; + +//input field (e.g. inputtext, spinner, inputmask) +$inputPadding:1rem 1rem; +$inputTextFontSize:1rem; +$inputBg:#ffffff; +$inputTextColor:$emphasis-high; +$inputIconColor:$emphasis-medium; +$inputBorder:1px solid $emphasis-low; +$inputHoverBorderColor:$emphasis-high; +$inputFocusBorderColor:$primaryColor; +$inputErrorBorderColor:$errorColor; +$inputPlaceholderTextColor:$emphasis-medium; +$inputFilledBg:#f5f5f5; +$inputFilledHoverBg:#ececec; +$inputFilledFocusBg:#dcdcdc; + +//input groups +$inputGroupBg:$inputBg; +$inputGroupTextColor:$emphasis-medium; +$inputGroupAddOnMinWidth:2.357rem; + +//input lists (e.g. dropdown, autocomplete, multiselect, orderlist) +$inputListBg:#ffffff; +$inputListTextColor:$textColor; +$inputListBorder:$inputBorder; +$inputListPadding:0; +$inputListItemPadding:1rem 1rem; +$inputListItemBg:transparent; +$inputListItemTextColor:$textColor; +$inputListItemHoverBg:rgba(0,0,0,.04); +$inputListItemTextHoverColor:$textColor; +$inputListItemBorder:0 none; +$inputListItemBorderRadius:0; +$inputListItemMargin:0; +$inputListItemFocusShadow:none; +$inputListHeaderPadding:1rem; +$inputListHeaderMargin:0; +$inputListHeaderBg:#ffffff; +$inputListHeaderTextColor:$textColor; +$inputListHeaderBorder:1px solid rgba(0,0,0,.12); + +//inputs with overlays (e.g. autocomplete, dropdown, multiselect) +$inputOverlayBg:$inputListBg; +$inputOverlayHeaderBg:$inputListHeaderBg; +$inputOverlayBorder:0 none; +$inputOverlayShadow:0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12); + +//password +$passwordMeterBg:rgba($primaryColor, .32); +$passwordWeakBg:#D32F2F; +$passwordMediumBg:#FBC02D; +$passwordStrongBg:#689F38; + +//button +$buttonPadding:0.714rem 1rem; +$buttonIconOnlyWidth:3rem; +$buttonIconOnlyPadding:0.714rem; +$buttonBg:$primaryColor; +$buttonTextColor:$primaryTextColor; +$buttonBorder:0 none; +$buttonHoverBg:rgba($primaryColor, .92); +$buttonTextHoverColor:$primaryTextColor; +$buttonHoverBorderColor:transparent; +$buttonActiveBg:rgba($primaryColor, .68); +$buttonTextActiveColor:$primaryTextColor; +$buttonActiveBorderColor:transparent; +$raisedButtonShadow:0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12); +$roundedButtonBorderRadius:2rem; + +$textButtonHoverBgOpacity:.04; +$textButtonActiveBgOpacity:.16; +$outlinedButtonBorder:0 none; +$plainButtonTextColor:$textSecondaryColor; +$plainButtonHoverBgColor:rgba(0,0,0,.04); +$plainButtonActiveBgColor:rgba(0,0,0,.16); + +$secondaryButtonBg:$accentColor; +$secondaryButtonTextColor:$accentTextColor; +$secondaryButtonBorder:0 none; +$secondaryButtonHoverBg:rgba($accentColor, .92); +$secondaryButtonTextHoverColor:$accentTextColor; +$secondaryButtonHoverBorderColor:transparent; +$secondaryButtonActiveBg:rgba($accentColor, .68); +$secondaryButtonTextActiveColor:$accentTextColor; +$secondaryButtonActiveBorderColor:transparent; +$secondaryButtonFocusShadow:none; + +$infoButtonBg:#2196F3; +$infoButtonTextColor:#ffffff; +$infoButtonBorder:0 none; +$infoButtonHoverBg:rgba(#2196F3, .92); +$infoButtonTextHoverColor:#ffffff; +$infoButtonHoverBorderColor:transparent; +$infoButtonActiveBg:rgba(#2196F3, .68); +$infoButtonTextActiveColor:#ffffff; +$infoButtonActiveBorderColor:transparent; +$infoButtonFocusShadow:none; + +$successButtonBg:#689F38; +$successButtonTextColor:#ffffff; +$successButtonBorder:0 none; +$successButtonHoverBg:rgba(#689F38, .92); +$successButtonTextHoverColor:#ffffff; +$successButtonHoverBorderColor:transparent; +$successButtonActiveBg:rgba(#689F38, .68); +$successButtonTextActiveColor:#ffffff; +$successButtonActiveBorderColor:transparent; +$successButtonFocusShadow:none; + +$warningButtonBg:#FBC02D; +$warningButtonTextColor:#212529; +$warningButtonBorder:0 none; +$warningButtonHoverBg:rgba(#FBC02D, .92); +$warningButtonTextHoverColor:#212529; +$warningButtonHoverBorderColor:transparent; +$warningButtonActiveBg:rgba(#FBC02D, .68); +$warningButtonTextActiveColor:#212529; +$warningButtonActiveBorderColor:transparent; +$warningButtonFocusShadow:none; + +$helpButtonBg:#9C27B0; +$helpButtonTextColor:#ffffff; +$helpButtonBorder:0 none; +$helpButtonHoverBg:rgba(#9C27B0, .92); +$helpButtonTextHoverColor:#ffffff; +$helpButtonHoverBorderColor:transparent; +$helpButtonActiveBg:rgba(#9C27B0, .68); +$helpButtonTextActiveColor:#ffffff; +$helpButtonActiveBorderColor:transparent; +$helpButtonFocusShadow:none; + +$dangerButtonBg:#D32F2F; +$dangerButtonTextColor:#ffffff; +$dangerButtonBorder:0 none; +$dangerButtonHoverBg:rgba(#D32F2F, .92); +$dangerButtonTextHoverColor:#ffffff; +$dangerButtonHoverBorderColor:transparent; +$dangerButtonActiveBg:rgba(#D32F2F, .68); +$dangerButtonTextActiveColor:#ffffff; +$dangerButtonActiveBorderColor:transparent; +$dangerButtonFocusShadow:none; + +$linkButtonColor:$primaryColor; +$linkButtonHoverColor:$primaryColor; +$linkButtonTextHoverDecoration:underline; +$linkButtonFocusShadow:none; + +//checkbox +$checkboxWidth:18px; +$checkboxHeight:18px; +$checkboxBorder:2px solid #757575; +$checkboxIconFontSize:14px; +$checkboxActiveBorderColor:$primaryColor; +$checkboxActiveBg:$primaryColor; +$checkboxIconActiveColor:$primaryTextColor; +$checkboxActiveHoverBg:$primaryColor; +$checkboxIconActiveHoverColor:$primaryTextColor; +$checkboxActiveHoverBorderColor:$primaryColor; + +//radiobutton +$radiobuttonWidth:20px; +$radiobuttonHeight:20px; +$radiobuttonBorder:2px solid #757575; +$radiobuttonIconSize:10px; +$radiobuttonActiveBorderColor:$primaryColor; +$radiobuttonActiveBg:$primaryTextColor; +$radiobuttonIconActiveColor:$primaryColor; +$radiobuttonActiveHoverBg:$primaryTextColor; +$radiobuttonIconActiveHoverColor:$primaryColor; +$radiobuttonActiveHoverBorderColor:$primaryColor; + +//colorpicker +$colorPickerPreviewWidth:2rem; +$colorPickerPreviewHeight:2rem; +$colorPickerBg:#323232; +$colorPickerBorderColor:#191919; +$colorPickerHandleColor:#ffffff; + +//togglebutton +$toggleButtonBg:#ffffff; +$toggleButtonBorder:1px solid rgba(0,0,0,.12); +$toggleButtonTextColor:$textColor; +$toggleButtonIconColor:$textSecondaryColor; +$toggleButtonHoverBg:#f6f6f6; +$toggleButtonHoverBorderColor:rgba(0,0,0,.12); +$toggleButtonTextHoverColor:$textColor; +$toggleButtonIconHoverColor:$textSecondaryColor; +$toggleButtonActiveBg:#e0e0e1; +$toggleButtonActiveBorderColor:#e0e0e1; +$toggleButtonTextActiveColor:$textColor; +$toggleButtonIconActiveColor:$textSecondaryColor; +$toggleButtonActiveHoverBg:#d9d8d9; +$toggleButtonActiveHoverBorderColor:#d9d8d9; +$toggleButtonTextActiveHoverColor:$textColor; +$toggleButtonIconActiveHoverColor:$textSecondaryColor;; + +//inplace +$inplacePadding:$inputPadding; +$inplaceHoverBg:rgba(0,0,0,.04); +$inplaceTextHoverColor:$textColor; + +//rating +$ratingIconFontSize:1.143rem; +$ratingCancelIconColor:#B00020; +$ratingCancelIconHoverColor:#B00020; +$ratingStarIconOffColor:$primaryColor; +$ratingStarIconOnColor:$primaryColor; +$ratingStarIconHoverColor:$primaryColor; + +//slider +$sliderBg:#c1c1c1; +$sliderBorder:0 none; +$sliderHorizontalHeight:2px; +$sliderVerticalWidth:2px; +$sliderHandleWidth:20px; +$sliderHandleHeight:20px; +$sliderHandleBg:$primaryColor; +$sliderHandleBorder:0 none; +$sliderHandleBorderRadius:50%; +$sliderHandleHoverBorderColor:0 none; +$sliderHandleHoverBg:$primaryColor; +$sliderRangeBg:$primaryColor; + +//calendar +$calendarTableMargin:.5rem 0; +$calendarPadding:.5rem; +$calendarBg:#ffffff; +$calendarInlineBg:$calendarBg; +$calendarTextColor:$textColor; +$calendarBorder:$inputListBorder; +$calendarOverlayBorder:$inputOverlayBorder; + +$calendarHeaderPadding:.5rem; +$calendarHeaderBg:#ffffff; +$calendarInlineHeaderBg:$calendarBg; +$calendarHeaderBorder:$divider; +$calendarHeaderTextColor:$textColor; +$calendarHeaderFontWeight:500; +$calendarHeaderCellPadding:.5rem; + +$calendarCellDatePadding:.5rem; +$calendarCellDateWidth:2.5rem; +$calendarCellDateHeight:2.5rem; +$calendarCellDateBorderRadius:50%; +$calendarCellDateBorder:1px solid transparent; +$calendarCellDateHoverBg:rgba(0,0,0,.04); +$calendarCellDateTodayBg:#ffffff; +$calendarCellDateTodayBorderColor: rgba(0,0,0,12); +$calendarCellDateTodayTextColor:$textColor; + +$calendarButtonBarPadding:1rem 0; +$calendarTimePickerPadding:.5rem; +$calendarTimePickerElementPadding:0 .5rem; +$calendarTimePickerTimeFontSize:1.25rem; + +$calendarBreakpoint:769px; +$calendarCellDatePaddingSM:0; + +//input switch +$inputSwitchWidth:2.75rem; +$inputSwitchHeight:1rem; +$inputSwitchBorderRadius:.5rem; +$inputSwitchHandleWidth:1.50rem; +$inputSwitchHandleHeight:1.50rem; +$inputSwitchHandleBorderRadius:50%; +$inputSwitchSliderPadding:-1px; +$inputSwitchSliderOffBg:rgba(0,0,0,.38); +$inputSwitchHandleOffBg:#ffffff; +$inputSwitchSliderOffHoverBg:rgba(0,0,0,.38); +$inputSwitchSliderOnBg:rgba($primaryColor, .5); +$inputSwitchSliderOnHoverBg:rgba($primaryColor, .5); +$inputSwitchHandleOnBg:$primaryColor; + +//panel +$panelHeaderBorderColor: #e0e0e0 !default; +$panelHeaderBorder:1px solid #e0e0e0; +$panelHeaderBg:#ffffff; +$panelHeaderTextColor:$textColor; +$panelHeaderFontWeight:500; +$panelHeaderPadding:1rem; +$panelToggleableHeaderPadding:.5rem 1rem; + +$panelHeaderHoverBg:rgba(0,0,0,.04); +$panelHeaderHoverBorderColor:#e0e0e0; +$panelHeaderTextHoverColor:$textColor; + +$panelContentBorderColor: #e0e0e0 !default; +$panelContentBorder:1px solid #e0e0e0; +$panelContentBg:#ffffff; +$panelContentTextColor:$textColor; +$panelContentPadding:1rem; + +$panelFooterBorder:1px solid #e0e0e0; +$panelFooterBg:#ffffff; +$panelFooterTextColor:$textColor; +$panelFooterPadding:1rem 1rem; + +//accordion +$accordionSpacing:0; +$accordionHeaderBorder:0 none; +$accordionHeaderBg:#ffffff; +$accordionHeaderTextColor:$textColor; +$accordionHeaderFontWeight:400; +$accordionHeaderPadding:1.5rem; + +$accordionHeaderHoverBg:#f6f6f6; +$accordionHeaderHoverBorderColor:transparent; +$accordionHeaderTextHoverColor:$textColor; + +$accordionHeaderActiveBg:#ffffff; +$accordionHeaderActiveBorderColor:transparent; +$accordionHeaderTextActiveColor:$textColor; + +$accordionHeaderActiveHoverBg:#ffffff; +$accordionHeaderActiveHoverBorderColor:transparent; +$accordionHeaderTextActiveHoverColor:$textColor; + +$accordionContentBorder:0 none; +$accordionContentBg:#ffffff; +$accordionContentTextColor:$textColor; +$accordionContentPadding:1rem 1.5rem; + +//tabview +$tabviewNavBorder:solid rgba(0,0,0,.12); +$tabviewNavBorderWidth:0 0 1px 0; +$tabviewNavBg:#ffffff; + +$tabviewHeaderSpacing:0; +$tabviewHeaderBorder:none; +$tabviewHeaderBorderWidth:0 0 0 0; +$tabviewHeaderBorderColor:transparent transparent transparent transparent; +$tabviewHeaderBg:#ffffff; +$tabviewHeaderTextColor:$textSecondaryColor; +$tabviewHeaderFontWeight:500; +$tabviewHeaderPadding:1rem 1.5rem; +$tabviewHeaderMargin:0 0 0 0; + +$tabviewHeaderHoverBg:rgba($primaryColor,.04); +$tabviewHeaderHoverBorderColor:transparent; +$tabviewHeaderTextHoverColor:$textSecondaryColor; + +$tabviewHeaderActiveBg:#ffffff; +$tabviewHeaderActiveBorderColor:transparent; +$tabviewHeaderTextActiveColor:$primaryColor; + +$tabviewContentBorder:0 none; +$tabviewContentBg:#ffffff; +$tabviewContentTextColor:$textColor; +$tabviewContentPadding:$panelContentPadding; + +//upload +$fileUploadProgressBarHeight:4px; +$fileUploadContentPadding:2rem 1rem; + +//scrollpanel +$scrollPanelTrackBorder:0 none; +$scrollPanelTrackBg:rgba(0,0,0,.12); + +//card +$cardBodyPadding:1rem; +$cardTitleFontSize:1.5rem; +$cardTitleFontWeight:700; +$cardSubTitleFontWeight:400; +$cardSubTitleColor:$textSecondaryColor; +$cardContentPadding:1rem 0; +$cardFooterPadding:1rem 0 0 0; +$cardShadow:0 2px 1px -1px rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 3px 0 rgba(0,0,0,.12); + +//editor +$editorToolbarBg:$panelHeaderBg; +$editorToolbarBorder:$panelHeaderBorder; +$editorToolbarPadding:$panelHeaderPadding; +$editorToolbarIconColor:$textSecondaryColor; +$editorToolbarIconHoverColor:$textColor; +$editorIconActiveColor:$primaryColor; +$editorContentBorder:$panelContentBorder; +$editorContentBg:$panelContentBg; + +//paginator +$paginatorBg:#ffffff; +$paginatorTextColor:$textColor; +$paginatorBorder:solid #e4e4e4; +$paginatorBorderWidth:0; +$paginatorPadding:.5rem 1rem; +$paginatorElementWidth:$buttonIconOnlyWidth; +$paginatorElementHeight:$buttonIconOnlyWidth; +$paginatorElementBg:transparent; +$paginatorElementBorder:0 none; +$paginatorElementIconColor:$textSecondaryColor; +$paginatorElementHoverBg:rgba(0,0,0,.04); +$paginatorElementHoverBorderColor:transparent; +$paginatorElementIconHoverColor:$textSecondaryColor; +$paginatorElementBorderRadius:50%; +$paginatorElementMargin:.143rem; +$paginatorElementPadding:0; + +//table +$tableHeaderBorder:1px solid #e4e4e4; +$tableHeaderBorderWidth:0 0 1px 0; +$tableHeaderBg:#ffffff; +$tableHeaderTextColor:$textColor; +$tableHeaderFontWeight:500; +$tableHeaderPadding:1rem 1rem; + +$tableHeaderCellPadding:1rem 1rem; +$tableHeaderCellBg:#ffffff; +$tableHeaderCellTextColor:$textColor; +$tableHeaderCellFontWeight:500; +$tableHeaderCellBorder:1px solid #e4e4e4; +$tableHeaderCellBorderWidth:0 0 1px 0; +$tableHeaderCellHoverBg:rgba(0,0,0,.04); +$tableHeaderCellTextHoverColor:$textColor; +$tableHeaderCellIconColor:$textSecondaryColor; +$tableHeaderCellIconHoverColor:$textSecondaryColor; +$tableHeaderCellHighlightBg:#ffffff; +$tableHeaderCellHighlightTextColor:$textColor; +$tableHeaderCellHighlightHoverBg:rgba(0,0,0,.04); +$tableHeaderCellHighlightTextHoverColor:$textColor; +$tableSortableColumnBadgeSize:1.143rem; + +$tableBodyRowBg:#ffffff; +$tableBodyRowTextColor:$textColor; +$tableBodyRowEvenBg:rgba(0,0,0,.02); +$tableBodyRowHoverBg:rgba(0,0,0,.04); +$tableBodyRowTextHoverColor:$textColor; +$tableBodyCellBorder:1px solid #e4e4e4; +$tableBodyCellBorderWidth:0 0 1px 0; +$tableBodyCellPadding:1rem 1rem; + +$tableFooterCellPadding:1rem 1rem; +$tableFooterCellBg:#ffffff; +$tableFooterCellTextColor:$textColor; +$tableFooterCellFontWeight:500; +$tableFooterCellBorder:1px solid #e4e4e4; +$tableFooterCellBorderWidth:0 0 1px 0; +$tableResizerHelperBg:$primaryColor; + +$tableFooterBorder:1px solid #e4e4e4; +$tableFooterBorderWidth:0 0 1px 0; +$tableFooterBg:#ffffff; +$tableFooterTextColor:$textColor; +$tableFooterFontWeight:500; +$tableFooterPadding:1rem 1rem; + +$tableCellContentAlignment:left; +$tableTopPaginatorBorderWidth:0 0 1px 0; +$tableBottomPaginatorBorderWidth:0 0 1px 0; + +$tableScaleSM:0.5; +$tableScaleLG:1.25; + +//dataview +$dataViewContentPadding:1rem 0; +$dataViewContentBorder:0 none; +$dataViewListItemBorder:solid rgba(0,0,0,.12); +$dataViewListItemBorderWidth:0 0 1px 0; + +//orderlist, picklist +$orderListBreakpoint:769px; +$pickListBreakpoint:769px; + +//schedule +$fullCalendarEventBg:$highlightBg; +$fullCalendarEventBorderColor:$highlightBg !default; +$fullCalendarEventBorder:1px solid $highlightBg; +$fullCalendarEventTextColor:$highlightTextColor; + +//tree +$treeNodePadding:.25rem; +$treeNodeContentPadding:.75rem; +$treeNodeChildrenPadding:0 0 0 1rem; +$treeNodeIconColor:$textSecondaryColor; + +//timeline +$timelineVerticalEventContentPadding:0 1rem !default; +$timelineHorizontalEventContentPadding:1rem 0 !default; +$timelineEventMarkerWidth:1rem !default; +$timelineEventMarkerHeight:1rem !default; +$timelineEventMarkerBorderRadius:50% !default; +$timelineEventMarkerBorder:0 none !default; +$timelineEventMarkerBackground:#bdbdbd !default; +$timelineEventConnectorSize:2px !default; +$timelineEventColor:#bdbdbd !default; + +//org chart +$organizationChartConnectorColor:rgba(0,0,0,.12); + +//message +$messageMargin:1rem 0; +$messagePadding: 1.25rem 1.5rem; +$messageBorderWidth:0 0 0 0; +$messageIconFontSize:1.5rem; +$messageTextFontSize:1rem; +$messageTextFontWeight:500; + +//inline message +$inlineMessagePadding:$inputPadding; +$inlineMessageMargin:0; +$inlineMessageIconFontSize:1rem; +$inlineMessageTextFontSize:1rem; +$inlineMessageBorderWidth:1px; + +//toast +$toastIconFontSize:2rem; +$toastMessageTextMargin:0 0 0 1rem; +$toastMargin:0 0 1rem 0; +$toastPadding:1.5rem; +$toastBorderWidth:0 0 0 0; +$toastShadow:0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12); +$toastOpacity:.9; +$toastTitleFontWeight:700; +$toastDetailMargin:$inlineSpacing 0 0 0; + +//severities +$infoMessageBg:#B3E5FC; +$infoMessageBorder:solid transparent; +$infoMessageTextColor:#01579B; +$infoMessageIconColor:#01579B; +$successMessageBg:#C8E6C9; +$successMessageBorder:solid transparent; +$successMessageTextColor:#1B5E20; +$successMessageIconColor:#1B5E20; +$warningMessageBg:#FFECB3; +$warningMessageBorder:solid transparent; +$warningMessageTextColor:#7f6003; +$warningMessageIconColor:#7f6003; +$errorMessageBg:#FFCDD2; +$errorMessageBorder:solid transparent; +$errorMessageTextColor:#B71C1C; +$errorMessageIconColor:#B71C1C; + +//overlays +$overlayContentBorder:0 none; +$overlayContentBg:$panelContentBg; +$overlayContainerShadow:0 11px 15px -7px rgba(0,0,0,.2), 0 24px 38px 3px rgba(0,0,0,.14), 0 9px 46px 8px rgba(0,0,0,.12); + +//dialog +$dialogHeaderBg:#ffffff; +$dialogHeaderBorder:0 none; +$dialogHeaderTextColor:$textColor; +$dialogHeaderFontWeight:500; +$dialogHeaderFontSize:1.25rem; +$dialogHeaderPadding:1.5rem; +$dialogContentPadding: 0 1.5rem 1.5rem 1.5rem; +$dialogFooterBorder:0 none; +$dialogFooterPadding:1rem 1.5rem; + +//tooltip +$tooltipBg:rgba(97,97,97,.9); +$tooltipTextColor:#ffffff; +$tooltipPadding:.5rem; + +//steps +$stepsItemBg:transparent; +$stepsItemBorder:1px solid transparent; +$stepsItemTextColor:$textColor; +$stepsItemNumberWidth:2rem; +$stepsItemNumberHeight:2rem; +$stepsItemNumberFontSize:1.143rem; +$stepsItemNumberColor:$textColor; +$stepsItemNumberBorderRadius:50%; +$stepsItemActiveFontWeight:500; + +//progressbar +$progressBarHeight:4px; +$progressBarBorder:0 none; +$progressBarBg:rgba($primaryColor, .32); +$progressBarValueBg:$primaryColor; + +//menu (e.g. menu, menubar, tieredmenu) +$menuWidth:12.5rem; +$menuBg:#ffffff; +$menuBorder:1px solid #e5e5e5; +$menuTextColor:$textColor; +$menuitemPadding:1rem 1rem; +$menuitemBorderRadius:0; +$menuitemTextColor:$textColor; +$menuitemIconColor:$textSecondaryColor; +$menuitemTextHoverColor:$textColor; +$menuitemIconHoverColor:$textSecondaryColor; +$menuitemHoverBg:rgba(0,0,0,.04); +$menuitemTextActiveColor:$textColor; +$menuitemIconActiveColor:$textSecondaryColor; +$menuitemActiveBg:rgba(0,0,0,.04); +$menuitemSubmenuIconFontSize:.875rem; +$submenuHeaderMargin:0; +$submenuHeaderPadding:1rem; +$submenuHeaderBg:#ffffff; +$submenuHeaderTextColor:$textSecondaryColor; +$submenuHeaderBorderRadius:0; +$submenuHeaderFontWeight:400; +$overlayMenuBg:$menuBg; +$overlayMenuBorder:0 none; +$overlayMenuShadow:0 2px 4px -1px rgba(0,0,0,.2), 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12); +$verticalMenuitemMargin:0; +$verticalMenuPadding:.5rem 0; +$menuSeparatorMargin:.5rem 0; + +$breadcrumbPadding:1rem; +$breadcrumbBg:#ffffff; +$breadcrumbBorder:1px solid #e5e5e5; +$breadcrumbItemTextColor:$textColor; +$breadcrumbItemIconColor:$textSecondaryColor; +$breadcrumbLastItemTextColor:$textColor; +$breadcrumbLastItemIconColor:$textSecondaryColor; +$breadcrumbSeparatorColor:$textSecondaryColor; + +$horizontalMenuPadding:1rem; +$horizontalMenuBg:transparent; +$horizontalMenuBorder:1px solid #e5e5e5; +$horizontalMenuTextColor:$textColor; +$horizontalMenuRootMenuitemPadding:1rem; +$horizontalMenuRootMenuitemBorderRadius:$borderRadius; +$horizontalMenuRootMenuitemTextColor:$textColor; +$horizontalMenuRootMenuitemIconColor:$textSecondaryColor; +$horizontalMenuRootMenuitemTextHoverColor:$textColor; +$horizontalMenuRootMenuitemIconHoverColor:$textSecondaryColor; +$horizontalMenuRootMenuitemHoverBg:rgba(0,0,0,.04); +$horizontalMenuRootMenuitemTextActiveColor:$textColor; +$horizontalMenuRootMenuitemIconActiveColor:$textSecondaryColor; +$horizontalMenuRootMenuitemActiveBg:rgba(0,0,0,.04); + +//badge and tag +$badgeBg:$primaryColor; +$badgeTextColor:$primaryTextColor; +$badgeMinWidth:1.5rem; +$badgeHeight:1.5rem; +$badgeFontWeight:700; +$badgeFontSize:.75rem; + +$tagPadding:.25rem .4rem; + +//carousel +$carouselIndicatorsPadding:1rem; +$carouselIndicatorBg:#dcdcdc; +$carouselIndicatorHoverBg:#ececec; +$carouselIndicatorBorderRadius:0; +$carouselIndicatorWidth:2rem; +$carouselIndicatorHeight:.5rem; + +//galleria +$galleriaMaskBg:rgba(0,0,0,0.9); +$galleriaCloseIconMargin:.5rem; +$galleriaCloseIconFontSize:2rem; +$galleriaCloseIconBg:transparent; +$galleriaCloseIconColor:rgba(255,255,255,.87); +$galleriaCloseIconHoverBg:rgba(255,255,255,0.1); +$galleriaCloseIconHoverColor:rgba(255,255,255,.87); +$galleriaCloseIconWidth:4rem; +$galleriaCloseIconHeight:4rem; +$galleriaCloseIconBorderRadius:50%; + +$galleriaItemNavigatorBg:transparent; +$galleriaItemNavigatorColor:#f6f6f6; +$galleriaItemNavigatorMargin:0 .5rem; +$galleriaItemNavigatorFontSize:2rem; +$galleriaItemNavigatorHoverBg:rgba(255,255,255,0.1); +$galleriaItemNavigatorHoverColor:rgba(255,255,255,.87); +$galleriaItemNavigatorWidth:4rem; +$galleriaItemNavigatorHeight:4rem; +$galleriaItemNavigatorBorderRadius:50%; + +$galleriaCaptionBg:rgba(0,0,0,.5); +$galleriaCaptionTextColor:rgba(255,255,255,.87); +$galleriaCaptionPadding:1rem; + +$galleriaIndicatorsPadding:1rem; +$galleriaIndicatorBg:#dcdcdc; +$galleriaIndicatorHoverBg:#ececec; +$galleriaIndicatorBorderRadius:50%; +$galleriaIndicatorWidth:1.25rem; +$galleriaIndicatorHeight:1.25rem; +$galleriaIndicatorsBgOnItem:rgba(0,0,0,.5); +$galleriaIndicatorBgOnItem:rgba(255,255,255,.4); +$galleriaIndicatorHoverBgOnItem:rgba(255,255,255,.6); + +$galleriaThumbnailContainerBg:rgba(0,0,0,.9); +$galleriaThumbnailContainerPadding:1rem .25rem; +$galleriaThumbnailNavigatorBg:transparent; +$galleriaThumbnailNavigatorColor:rgba(255,255,255,.87); +$galleriaThumbnailNavigatorHoverBg:rgba(255,255,255,0.1); +$galleriaThumbnailNavigatorHoverColor:rgba(255,255,255,.87); +$galleriaThumbnailNavigatorBorderRadius:50%; +$galleriaThumbnailNavigatorWidth:2rem; +$galleriaThumbnailNavigatorHeight:2rem; + +//divider +$dividerHorizontalMargin:1.25rem 0; +$dividerHorizontalPadding:0 1.25rem; +$dividerVerticalMargin:0 1.25rem; +$dividerVerticalPadding:1.25rem 0; +$dividerSize:1px; +$dividerColor:rgba(0,0,0,.12); + +//avatar +$avatarBg:rgba(0,0,0,.12); +$avatarTextColor:$textColor; + +//chip +$chipBg:rgba(0,0,0,.12); +$chipTextColor:$textColor; +$chipBorderRadius: 16px; + +//scrollTop +$scrollTopBg:$accentColor; +$scrollTopHoverBg:rgba($accentColor, .92); +$scrollTopWidth:3rem; +$scrollTopHeight:3rem; +$scrollTopBorderRadius:50%; +$scrollTopFontSize:1.5rem; +$scrollTopTextColor:$accentTextColor; + +//skeleton +$skeletonBg:rgba(0,0,0,.08); +$skeletonAnimationBg:rgba(255,255,255,0.4); + +//splitter +$splitterGutterBg:rgba(0,0,0,.04); +$splitterGutterHandleBg:rgba(0,0,0,.12); + +//speeddial +$speedDialButtonWidth: 4rem !default; +$speedDialButtonHeight: 4rem !default; +$speedDialButtonIconFontSize: 2rem !default; +$speedDialActionWidth: 3rem !default; +$speedDialActionHeight: 3rem !default; +$speedDialActionBg: $accentColor !default; +$speedDialActionHoverBg: rgba($accentColor, .92) !default; +$speedDialActionTextColor: #fff !default; +$speedDialActionTextHoverColor: #fff !default; + +//dock +$dockActionWidth: 4rem !default; +$dockActionHeight: 4rem !default; +$dockItemPadding: .5rem !default; +$dockCurrentItemMargin: 1.5rem !default; +$dockFirstItemsMargin: 1.3rem !default; +$dockSecondItemsMargin: 0.9rem !default; +$dockBg: rgba(255,255,255,.1) !default; +$dockBorder: 1px solid rgba(255,255,255,0.2) !default; +$dockPadding: .5rem .5rem !default; +$dockBorderRadius: .5rem !default; + +:root { + --surface-a:#ffffff; + --surface-b:#fafafa; + --surface-c:rgba(0,0,0,.04); + --surface-d:rgba(0,0,0,.12); + --surface-e:#ffffff; + --surface-f:#ffffff; + --text-color:#{$textColor}; + --text-color-secondary:#{$textSecondaryColor}; + --primary-color:#{$primaryColor}; + --primary-menu-text-color:#{$primaryMenuTextColor}; + --primary-lightest-color:#{$primaryLightestColor}; + --primary-color-text:#{$primaryTextColor}; + --font-family:#{$fontFamily}; +} diff --git a/src/assets/theme/blue/theme-dark.css b/src/assets/theme/blue/theme-dark.css new file mode 100644 index 00000000..a7109610 --- /dev/null +++ b/src/assets/theme/blue/theme-dark.css @@ -0,0 +1,6663 @@ +@charset "UTF-8"; +:root { + --surface-a:#1e1e1e; + --surface-b:#121212; + --surface-c:hsla(0,0%,100%,.04); + --surface-d:hsla(0,0%,100%,.12); + --surface-e:#1e1e1e; + --surface-f:#262626; + --text-color:rgba(255, 255, 255, 0.87); + --text-color-secondary:rgba(255, 255, 255, 0.6); + --primary-color:#64B5F6; + --primary-lightest-color:#E3F2FD; + --primary-color-text:#212121; + --font-family:Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; +} + +/* Add your variable customizations of theme here */ +* { + box-sizing: border-box; +} + +.p-component { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + font-weight: normal; +} + +.p-component-overlay { + background-color: rgba(0, 0, 0, 0.32); + transition-duration: 0.2s; +} + +.p-disabled, .p-component:disabled { + opacity: 0.38; +} + +.p-error { + color: #f44435; +} + +.p-text-secondary { + color: rgba(255, 255, 255, 0.6); +} + +.pi { + font-size: 1rem; +} + +.p-link { + font-size: 1rem; + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + border-radius: 4px; +} +.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +:root { + --blue-50:#f4fafe; + --blue-100:#cae6fc; + --blue-200:#a0d2fa; + --blue-300:#75bef8; + --blue-400:#4baaf5; + --blue-500:#2196f3; + --blue-600:#1c80cf; + --blue-700:#1769aa; + --blue-800:#125386; + --blue-900:#0d3c61; + --green-50:#f7faf5; + --green-100:#dbe8cf; + --green-200:#bed6a9; + --green-300:#a1c384; + --green-400:#85b15e; + --green-500:#689f38; + --green-600:#588730; + --green-700:#496f27; + --green-800:#39571f; + --green-900:#2a4016; + --yellow-50:#fffcf5; + --yellow-100:#fef0cd; + --yellow-200:#fde4a5; + --yellow-300:#fdd87d; + --yellow-400:#fccc55; + --yellow-500:#fbc02d; + --yellow-600:#d5a326; + --yellow-700:#b08620; + --yellow-800:#8a6a19; + --yellow-900:#644d12; + --cyan-50:#f2fcfd; + --cyan-100:#c2eff5; + --cyan-200:#91e2ed; + --cyan-300:#61d5e4; + --cyan-400:#30c9dc; + --cyan-500:#00bcd4; + --cyan-600:#00a0b4; + --cyan-700:#008494; + --cyan-800:#006775; + --cyan-900:#004b55; + --pink-50:#fef4f7; + --pink-100:#fac9da; + --pink-200:#f69ebc; + --pink-300:#f1749e; + --pink-400:#ed4981; + --pink-500:#e91e63; + --pink-600:#c61a54; + --pink-700:#a31545; + --pink-800:#801136; + --pink-900:#5d0c28; + --indigo-50:#f6f7fc; + --indigo-100:#d5d9ef; + --indigo-200:#b3bae2; + --indigo-300:#919cd5; + --indigo-400:#707dc8; + --indigo-500:#4e5fbb; + --indigo-600:#42519f; + --indigo-700:#374383; + --indigo-800:#2b3467; + --indigo-900:#1f264b; + --teal-50:#f2faf9; + --teal-100:#c2e6e2; + --teal-200:#91d2cc; + --teal-300:#61beb5; + --teal-400:#30aa9f; + --teal-500:#009688; + --teal-600:#008074; + --teal-700:#00695f; + --teal-800:#00534b; + --teal-900:#003c36; + --orange-50:#fffaf2; + --orange-100:#ffe6c2; + --orange-200:#ffd391; + --orange-300:#ffbf61; + --orange-400:#ffac30; + --orange-500:#ff9800; + --orange-600:#d98100; + --orange-700:#b36a00; + --orange-800:#8c5400; + --orange-900:#663d00; + --bluegray-50:#f7f9f9; + --bluegray-100:#d9e0e3; + --bluegray-200:#bbc7cd; + --bluegray-300:#9caeb7; + --bluegray-400:#7e96a1; + --bluegray-500:#607d8b; + --bluegray-600:#526a76; + --bluegray-700:#435861; + --bluegray-800:#35454c; + --bluegray-900:#263238; + --purple-50:#faf4fb; + --purple-100:#e7cbec; + --purple-200:#d4a2dd; + --purple-300:#c279ce; + --purple-400:#af50bf; + --purple-500:#9c27b0; + --purple-600:#852196; + --purple-700:#6d1b7b; + --purple-800:#561561; + --purple-900:#3e1046; +} + +.p-autocomplete .p-autocomplete-loader { + right: 0.75rem; +} +.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.5rem; +} +.p-autocomplete .p-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; +} +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + border-color: rgba(255, 255, 255, 0.6); +} +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #64B5F6; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.375rem 0; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: rgba(100, 181, 246, 0.16); + color: #64B5F6; + border-radius: 4px; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; +} + +p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #f44435; +} + +.p-autocomplete-panel { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +.p-autocomplete-panel .p-autocomplete-items:not(.p-autocomplete-virtualscroll) { + padding: 0; +} +.p-autocomplete-panel .p-autocomplete-items.p-autocomplete-virtualscroll .cdk-virtual-scroll-content-wrapper { + padding: 0; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0; + padding: 0.75rem 0.75rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: none; + border-radius: 0; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: #64B5F6; + background: rgba(100, 181, 246, 0.16); +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); + background: transparent; + font-weight: 400; +} + +p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #f44435; +} + +.p-datepicker { + padding: 0.5rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.3); + border-radius: 4px; +} +.p-datepicker:not(.p-datepicker-inline) { + background: #2b2b2b; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #2b2b2b; +} +.p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 500; + margin: 0; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 2rem; +} +.p-datepicker .p-datepicker-header .p-datepicker-title select { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +.p-datepicker .p-datepicker-header .p-datepicker-title select:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #64B5F6; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; +} +.p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0; +} +.p-datepicker table th { + padding: 0.5rem; +} +.p-datepicker table th > span { + width: 2.25rem; + height: 2.25rem; +} +.p-datepicker table td { + padding: 0.5rem; +} +.p-datepicker table td > span { + width: 2.25rem; + height: 2.25rem; + border-radius: 50%; + transition: none; + border: 1px solid transparent; +} +.p-datepicker table td > span.p-highlight { + color: #64B5F6; + background: rgba(100, 181, 246, 0.16); +} +.p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-datepicker table td.p-datepicker-today > span { + background: transparent; + color: rgba(255, 255, 255, 0.87); + border-color: rgba(255, 255, 255, 0.5); +} +.p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #64B5F6; + background: rgba(100, 181, 246, 0.16); +} +.p-datepicker .p-datepicker-buttonbar { + padding: 0.75rem 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} +.p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; +} +.p-datepicker .p-timepicker { + border-top: 1px solid rgba(255, 255, 255, 0.12); + padding: 0.5rem; +} +.p-datepicker .p-timepicker button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datepicker .p-timepicker button:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.p-datepicker .p-timepicker button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; +} +.p-datepicker .p-timepicker span { + font-size: 1.25rem; +} +.p-datepicker .p-timepicker > div { + padding: 0 0.5rem; +} +.p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; +} +.p-datepicker .p-monthpicker { + margin: 0.5rem 0; +} +.p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.5rem; + transition: none; + border-radius: 4px; +} +.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #64B5F6; + background: rgba(100, 181, 246, 0.16); +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-right: 1px solid rgba(255, 255, 255, 0.12); + padding-right: 0.5rem; + padding-left: 0.5rem; + padding-top: 0; + padding-bottom: 0; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; + border-right: 0 none; +} +.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +@media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } +} +.p-cascadeselect { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.3); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +.p-cascadeselect:not(.p-disabled):hover { + border-color: rgba(255, 255, 255, 0.6); +} +.p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #64B5F6; +} +.p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; +} +.p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +.p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.p-cascadeselect-panel { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +.p-cascadeselect-panel .p-cascadeselect-items { + padding: 0; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: none; + border-radius: 0; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.75rem 0.75rem; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: #64B5F6; + background: rgba(100, 181, 246, 0.16); +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; +} + +p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #f44435; +} + +.p-input-filled .p-cascadeselect { + background: rgba(255, 255, 255, 0.06); +} +.p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); +} +.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.p-checkbox { + width: 18px; + height: 18px; +} +.p-checkbox .p-checkbox-box { + border: 2px solid rgba(255, 255, 255, 0.7); + background: #1e1e1e; + width: 18px; + height: 18px; + color: rgba(255, 255, 255, 0.87); + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +.p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #212121; + font-size: 14px; +} +.p-checkbox .p-checkbox-box.p-highlight { + border-color: #64B5F6; + background: #64B5F6; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: rgba(255, 255, 255, 0.6); +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #64B5F6; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #64B5F6; + background: #64B5F6; + color: #212121; +} + +p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f44435; +} + +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: rgba(255, 255, 255, 0.06); +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #64B5F6; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: rgba(255, 255, 255, 0.08); +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #64B5F6; +} + +.p-checkbox-label { + margin-left: 0.5rem; +} + +.p-chips .p-chips-multiple-container { + padding: 0.375rem 0.75rem; +} +.p-chips .p-chips-multiple-container:not(.p-disabled):hover { + border-color: rgba(255, 255, 255, 0.6); +} +.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #64B5F6; +} +.p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: rgba(100, 181, 246, 0.16); + color: #64B5F6; + border-radius: 4px; +} +.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; +} +.p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.375rem 0; +} +.p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; +} + +p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #f44435; +} + +.p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 2rem; + height: 2rem; +} + +.p-colorpicker-panel { + background: #2b2b2b; + border-color: #1e1e1e; +} +.p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; +} + +.p-colorpicker-overlay-panel { + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} + +.p-dropdown { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.3); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +.p-dropdown:not(.p-disabled):hover { + border-color: rgba(255, 255, 255, 0.6); +} +.p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #64B5F6; +} +.p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; +} +.p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; +} +.p-dropdown .p-dropdown-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +.p-dropdown .p-dropdown-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.p-dropdown .p-dropdown-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.75rem; +} + +.p-dropdown-panel { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +.p-dropdown-panel .p-dropdown-header { + padding: 0.75rem; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + background: #2b2b2b; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; +} +.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +.p-dropdown-panel .p-dropdown-items:not(.p-dropdown-virtualscroll) { + padding: 0; +} +.p-dropdown-panel .p-dropdown-items.p-dropdown-virtualscroll .cdk-virtual-scroll-content-wrapper { + padding: 0; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0; + padding: 0.75rem 0.75rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: none; + border-radius: 0; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: #64B5F6; + background: rgba(100, 181, 246, 0.16); +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); + background: transparent; + font-weight: 400; +} + +p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #f44435; +} + +.p-input-filled .p-dropdown { + background: rgba(255, 255, 255, 0.06); +} +.p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.p-editor-container .p-editor-toolbar { + background: #1e1e1e; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid rgba(255, 255, 255, 0.12); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #2b2b2b; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; + padding: 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 0.75rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid rgba(255, 255, 255, 0.12); +} +.p-editor-container .p-editor-content .ql-editor { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #64B5F6; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #64B5F6; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #64B5F6; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #64B5F6; +} + +.p-inputgroup-addon { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + border-top: 1px solid rgba(255, 255, 255, 0.3); + border-left: 1px solid rgba(255, 255, 255, 0.3); + border-bottom: 1px solid rgba(255, 255, 255, 0.3); + padding: 0.75rem 0.75rem; + min-width: 2.75rem; +} +.p-inputgroup-addon:last-child { + border-right: 1px solid rgba(255, 255, 255, 0.3); +} + +.p-inputgroup > .p-component, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; +} +.p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; +} +.p-inputgroup > .p-component:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; +} +.p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { + z-index: 1; +} + +.p-inputgroup-addon:first-child, +.p-inputgroup button:first-child, +.p-inputgroup input:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} + +.p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} + +.p-inputgroup-addon:last-child, +.p-inputgroup button:last-child, +.p-inputgroup input:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.p-fluid .p-inputgroup .p-button { + width: auto; +} +.p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 2.75rem; +} + +p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #f44435; +} + +p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #f44435; +} + +.p-inputswitch { + width: 2.75rem; + height: 1rem; +} +.p-inputswitch .p-inputswitch-slider { + background: rgba(255, 255, 255, 0.3); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0.5rem; +} +.p-inputswitch .p-inputswitch-slider:before { + background: #bdbdbd; + width: 1.5rem; + height: 1.5rem; + left: -1px; + margin-top: -0.75rem; + border-radius: 50%; + transition-duration: 0.2s; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1.5rem); +} +.p-inputswitch.p-focus .p-inputswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: rgba(255, 255, 255, 0.3); +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: rgba(100, 181, 246, 0.5); +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #64B5F6; +} +.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: rgba(100, 181, 246, 0.5); +} + +p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + border-color: #f44435; +} + +.p-inputtext { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + padding: 0.75rem 0.75rem; + border: 1px solid rgba(255, 255, 255, 0.3); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + appearance: none; + border-radius: 4px; +} +.p-inputtext:enabled:hover { + border-color: rgba(255, 255, 255, 0.6); +} +.p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #64B5F6; +} +.p-inputtext.ng-dirty.ng-invalid { + border-color: #f44435; +} +.p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; +} +.p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; +} + +.p-float-label > label { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + transition-duration: 0.2s; +} + +.p-float-label > .ng-invalid.ng-dirty + label { + color: #f44435; +} + +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} + +.p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; +} + +.p-input-icon-left.p-float-label > label { + left: 2.5rem; +} + +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} + +.p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; +} + +::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.6); +} + +:-moz-placeholder { + color: rgba(255, 255, 255, 0.6); +} + +::-moz-placeholder { + color: rgba(255, 255, 255, 0.6); +} + +:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.6); +} + +.p-input-filled .p-inputtext { + background-color: rgba(255, 255, 255, 0.06); +} +.p-input-filled .p-inputtext:enabled:hover { + background-color: rgba(255, 255, 255, 0.08); +} +.p-input-filled .p-inputtext:enabled:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; +} + +.p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; +} + +.p-listbox { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.3); + border-radius: 4px; +} +.p-listbox .p-listbox-header { + padding: 0.75rem; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; +} +.p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +.p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; +} +.p-listbox .p-listbox-list { + padding: 0; +} +.p-listbox .p-listbox-list .p-listbox-item { + margin: 0; + padding: 0.75rem 0.75rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + transition: none; + border-radius: 0; +} +.p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: #64B5F6; + background: rgba(100, 181, 246, 0.16); +} +.p-listbox .p-listbox-list .p-listbox-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; +} +.p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); + background: transparent; + font-weight: 400; +} +.p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} +.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); +} + +p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #f44435; +} + +.p-multiselect { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.3); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +.p-multiselect:not(.p-disabled):hover { + border-color: rgba(255, 255, 255, 0.6); +} +.p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #64B5F6; +} +.p-multiselect .p-multiselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +.p-multiselect .p-multiselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: rgba(100, 181, 246, 0.16); + color: #64B5F6; + border-radius: 4px; +} +.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; +} +.p-multiselect .p-multiselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.375rem 0.75rem; +} + +.p-multiselect-panel { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +.p-multiselect-panel .p-multiselect-header { + padding: 0.75rem; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + background: #2b2b2b; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.75rem; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +.p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-multiselect-panel .p-multiselect-items:not(.p-multiselect-virtualscroll) { + padding: 0; +} +.p-multiselect-panel .p-multiselect-items.p-multiselect-virtualscroll .cdk-virtual-scroll-content-wrapper { + padding: 0; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0; + padding: 0.75rem 0.75rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: none; + border-radius: 0; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: #64B5F6; + background: rgba(100, 181, 246, 0.16); +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); + background: transparent; + font-weight: 400; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} + +p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #f44435; +} + +.p-input-filled .p-multiselect { + background: rgba(255, 255, 255, 0.06); +} +.p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); +} +.p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.p-password.p-invalid.p-component > .p-inputtext { + border-color: #f44435; +} + +.p-password-panel { + padding: 0.75rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +.p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: rgba(100, 181, 246, 0.32); +} +.p-password-panel .p-password-meter .p-password-strength.weak { + background: #EF9A9A; +} +.p-password-panel .p-password-meter .p-password-strength.medium { + background: #FFF59D; +} +.p-password-panel .p-password-meter .p-password-strength.strong { + background: #C5E1A5; +} + +.p-radiobutton { + width: 20px; + height: 20px; +} +.p-radiobutton .p-radiobutton-box { + border: 2px solid rgba(255, 255, 255, 0.7); + background: #1e1e1e; + width: 20px; + height: 20px; + color: rgba(255, 255, 255, 0.87); + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: rgba(255, 255, 255, 0.6); +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #64B5F6; +} +.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 10px; + height: 10px; + transition-duration: 0.2s; + background-color: #64B5F6; +} +.p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #64B5F6; + background: #212121; +} +.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #64B5F6; + background: #212121; + color: #64B5F6; +} + +p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #f44435; +} + +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: rgba(255, 255, 255, 0.06); +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #212121; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #212121; +} + +.p-radiobutton-label { + margin-left: 0.5rem; +} + +.p-rating .p-rating-icon { + color: #64B5F6; + margin-left: 0.5rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + font-size: 1rem; +} +.p-rating .p-rating-icon.p-rating-cancel { + color: #f44435; +} +.p-rating .p-rating-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-rating .p-rating-icon:first-child { + margin-left: 0; +} +.p-rating .p-rating-icon.pi-star { + color: #64B5F6; +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + color: #64B5F6; +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + color: #f44435; +} + +.p-selectbutton .p-button { + background: #2f2f2f; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +.p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #373737; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-selectbutton .p-button.p-highlight { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-selectbutton .p-button.p-highlight:hover { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} + +p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #f44435; +} + +.p-slider { + background: rgba(255, 255, 255, 0.3); + border: 0 none; + border-radius: 4px; +} +.p-slider.p-slider-horizontal { + height: 2px; +} +.p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -10px; + margin-left: -10px; +} +.p-slider.p-slider-vertical { + width: 2px; +} +.p-slider.p-slider-vertical .p-slider-handle { + margin-left: -10px; + margin-bottom: -10px; +} +.p-slider .p-slider-handle { + height: 20px; + width: 20px; + background: #64B5F6; + border: 0 none; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +.p-slider .p-slider-handle:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-slider .p-slider-range { + background: #64B5F6; +} +.p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #64B5F6; + border-color: 0 none; +} +.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), left 0.2s; +} +.p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { + transition: width 0.2s; +} +.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), bottom 0.2s; +} +.p-slider.p-slider-animate.p-slider-vertical .p-slider-range { + transition: height 0.2s; +} + +.p-togglebutton.p-button { + background: #2f2f2f; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +.p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #373737; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-togglebutton.p-button.p-highlight { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-togglebutton.p-button.p-highlight:hover { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} + +p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #f44435; +} + +.p-treeselect { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.3); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +.p-treeselect:not(.p-disabled):hover { + border-color: rgba(255, 255, 255, 0.6); +} +.p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #64B5F6; +} +.p-treeselect .p-treeselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +.p-treeselect .p-treeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; +} +.p-treeselect .p-treeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.p-treeselect.p-invalid.p-component { + border-color: #f44435; +} + +.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.375rem 0.75rem; +} + +.p-treeselect-panel { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +.p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; +} +.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} + +.p-input-filled .p-treeselect { + background: rgba(255, 255, 255, 0.06); +} +.p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); +} +.p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.p-button { + color: #212121; + background: #64B5F6; + border: 0 none; + padding: 0.643rem 0.75rem; + font-size: 1rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +.p-button:enabled:hover { + background: rgba(100, 181, 246, 0.92); + color: #212121; + border-color: transparent; +} +.p-button:enabled:active { + background: rgba(100, 181, 246, 0.68); + color: #212121; + border-color: transparent; +} +.p-button.p-button-outlined { + background-color: transparent; + color: #64B5F6; + border: 0 none; +} +.p-button.p-button-outlined:enabled:hover { + background: rgba(100, 181, 246, 0.04); + color: #64B5F6; + border: 0 none; +} +.p-button.p-button-outlined:enabled:active { + background: rgba(100, 181, 246, 0.16); + color: #64B5F6; + border: 0 none; +} +.p-button.p-button-outlined.p-button-plain { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-text { + background-color: transparent; + color: #64B5F6; + border-color: transparent; +} +.p-button.p-button-text:enabled:hover { + background: rgba(100, 181, 246, 0.04); + color: #64B5F6; + border-color: transparent; +} +.p-button.p-button-text:enabled:active { + background: rgba(100, 181, 246, 0.16); + color: #64B5F6; + border-color: transparent; +} +.p-button.p-button-text.p-button-plain { + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-text.p-button-plain:enabled:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-text.p-button-plain:enabled:active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +.p-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-button .p-button-icon-left { + margin-right: 0.5rem; +} +.p-button .p-button-icon-right { + margin-left: 0.5rem; +} +.p-button .p-button-icon-bottom { + margin-top: 0.5rem; +} +.p-button .p-button-icon-top { + margin-bottom: 0.5rem; +} +.p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #64B5F6; + background-color: #212121; +} +.p-button.p-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +.p-button.p-button-rounded { + border-radius: 2rem; +} +.p-button.p-button-icon-only { + width: 2.75rem; + padding: 0.643rem; +} +.p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; +} +.p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 2.75rem; +} +.p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.562625rem 0.65625rem; +} +.p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; +} +.p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.80375rem 0.9375rem; +} +.p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; +} +.p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; +} +.p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; +} + +.p-fluid .p-button { + width: 100%; +} +.p-fluid .p-button-icon-only { + width: 2.75rem; +} +.p-fluid .p-buttonset { + display: flex; +} +.p-fluid .p-buttonset .p-button { + flex: 1; +} + +.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + color: #212121; + background: #f6a664; + border: 0 none; +} +.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + background: rgba(246, 166, 100, 0.92); + color: #212121; + border-color: transparent; +} +.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + box-shadow: none; +} +.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + background: rgba(246, 166, 100, 0.68); + color: #212121; + border-color: transparent; +} +.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + background-color: transparent; + color: #f6a664; + border: 0 none; +} +.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + background: rgba(246, 166, 100, 0.04); + color: #f6a664; + border: 0 none; +} +.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + background: rgba(246, 166, 100, 0.16); + color: #f6a664; + border: 0 none; +} +.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + background-color: transparent; + color: #f6a664; + border-color: transparent; +} +.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + background: rgba(246, 166, 100, 0.04); + border-color: transparent; + color: #f6a664; +} +.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + background: rgba(246, 166, 100, 0.16); + border-color: transparent; + color: #f6a664; +} + +.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #212121; + background: #90CAF9; + border: 0 none; +} +.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { + background: rgba(144, 202, 249, 0.92); + color: #212121; + border-color: transparent; +} +.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + box-shadow: none; +} +.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + background: rgba(144, 202, 249, 0.68); + color: #212121; + border-color: transparent; +} +.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + background-color: transparent; + color: #90CAF9; + border: 0 none; +} +.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + background: rgba(144, 202, 249, 0.04); + color: #90CAF9; + border: 0 none; +} +.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + background: rgba(144, 202, 249, 0.16); + color: #90CAF9; + border: 0 none; +} +.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + background-color: transparent; + color: #90CAF9; + border-color: transparent; +} +.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + background: rgba(144, 202, 249, 0.04); + border-color: transparent; + color: #90CAF9; +} +.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + background: rgba(144, 202, 249, 0.16); + border-color: transparent; + color: #90CAF9; +} + +.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #212121; + background: #C5E1A5; + border: 0 none; +} +.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { + background: rgba(197, 225, 165, 0.92); + color: #212121; + border-color: transparent; +} +.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + box-shadow: none; +} +.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + background: rgba(197, 225, 165, 0.68); + color: #212121; + border-color: transparent; +} +.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + background-color: transparent; + color: #C5E1A5; + border: 0 none; +} +.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + background: rgba(197, 225, 165, 0.04); + color: #C5E1A5; + border: 0 none; +} +.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + background: rgba(197, 225, 165, 0.16); + color: #C5E1A5; + border: 0 none; +} +.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + background-color: transparent; + color: #C5E1A5; + border-color: transparent; +} +.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + background: rgba(197, 225, 165, 0.04); + border-color: transparent; + color: #C5E1A5; +} +.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + background: rgba(197, 225, 165, 0.16); + border-color: transparent; + color: #C5E1A5; +} + +.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #212121; + background: #FFF59D; + border: 0 none; +} +.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { + background: rgba(255, 245, 157, 0.92); + color: #212121; + border-color: transparent; +} +.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + box-shadow: none; +} +.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + background: rgba(255, 245, 157, 0.68); + color: #212121; + border-color: transparent; +} +.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + background-color: transparent; + color: #FFF59D; + border: 0 none; +} +.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + background: rgba(255, 245, 157, 0.04); + color: #FFF59D; + border: 0 none; +} +.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + background: rgba(255, 245, 157, 0.16); + color: #FFF59D; + border: 0 none; +} +.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + background-color: transparent; + color: #FFF59D; + border-color: transparent; +} +.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + background: rgba(255, 245, 157, 0.04); + border-color: transparent; + color: #FFF59D; +} +.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + background: rgba(255, 245, 157, 0.16); + border-color: transparent; + color: #FFF59D; +} + +.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #212121; + background: #CE93D8; + border: 0 none; +} +.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { + background: rgba(206, 147, 216, 0.92); + color: #212121; + border-color: transparent; +} +.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + box-shadow: none; +} +.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + background: rgba(206, 147, 216, 0.68); + color: #212121; + border-color: transparent; +} +.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + background-color: transparent; + color: #CE93D8; + border: 0 none; +} +.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + background: rgba(206, 147, 216, 0.04); + color: #CE93D8; + border: 0 none; +} +.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + border: 0 none; +} +.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + background-color: transparent; + color: #CE93D8; + border-color: transparent; +} +.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + background: rgba(206, 147, 216, 0.04); + border-color: transparent; + color: #CE93D8; +} +.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + background: rgba(206, 147, 216, 0.16); + border-color: transparent; + color: #CE93D8; +} + +.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #212121; + background: #EF9A9A; + border: 0 none; +} +.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { + background: rgba(239, 154, 154, 0.92); + color: #212121; + border-color: transparent; +} +.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + box-shadow: none; +} +.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + background: rgba(239, 154, 154, 0.68); + color: #212121; + border-color: transparent; +} +.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + background-color: transparent; + color: #EF9A9A; + border: 0 none; +} +.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + background: rgba(239, 154, 154, 0.04); + color: #EF9A9A; + border: 0 none; +} +.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + background: rgba(239, 154, 154, 0.16); + color: #EF9A9A; + border: 0 none; +} +.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + background-color: transparent; + color: #EF9A9A; + border-color: transparent; +} +.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + background: rgba(239, 154, 154, 0.04); + border-color: transparent; + color: #EF9A9A; +} +.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + background: rgba(239, 154, 154, 0.16); + border-color: transparent; + color: #EF9A9A; +} + +.p-button.p-button-link { + color: #64B5F6; + background: transparent; + border: transparent; +} +.p-button.p-button-link:enabled:hover { + background: transparent; + color: #64B5F6; + border-color: transparent; +} +.p-button.p-button-link:enabled:hover .p-button-label { + text-decoration: underline; +} +.p-button.p-button-link:enabled:focus { + background: transparent; + box-shadow: none; + border-color: transparent; +} +.p-button.p-button-link:enabled:active { + background: transparent; + color: #64B5F6; + border-color: transparent; +} + +.p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; +} +.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 2rem; +} + +.p-speeddial-action { + width: 3rem; + height: 3rem; + background: #f6a664; + color: #212121; +} +.p-speeddial-action:hover { + background: rgba(246, 166, 100, 0.92); + color: #212121; +} + +.p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; +} + +.p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; +} + +.p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; +} + +.p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; +} + +.p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; +} +.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; +} + +.p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.32); +} + +.p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin: 0.5rem; +} +.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.p-carousel .p-carousel-content .p-carousel-prev:focus, +.p-carousel .p-carousel-content .p-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-carousel .p-carousel-indicators { + padding: 1rem; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: rgba(255, 255, 255, 0.3); + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: rgba(100, 181, 246, 0.16); + color: #64B5F6; +} + +.p-datatable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-datatable .p-datatable-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +.p-datatable .p-datatable-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +.p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; + font-weight: 500; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + transition: none; +} +.p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 0.75rem; + border: 1px solid 3404040; + border-width: 0 0 1px 0; + font-weight: 500; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; +} +.p-datatable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #64B5F6; + background: rgba(100, 181, 246, 0.16); + margin-left: 0.5rem; +} +.p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-datatable .p-sortable-column.p-highlight { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column:focus { + box-shadow: none; + outline: 0 none; +} +.p-datatable .p-datatable-tbody > tr { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + transition: none; + outline-color: transparent; +} +.p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; +} +.p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(100, 181, 246, 0.16); + color: #64B5F6; +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(100, 181, 246, 0.16); +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(100, 181, 246, 0.16); +} +.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-column-resizer-helper { + background: #64B5F6; +} +.p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #1e1e1e; +} +.p-datatable .p-datatable-loading-icon { + font-size: 2rem; +} +.p-datatable.p-datatable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-footer { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-paginator-top { + border-width: 0 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-paginator-bottom { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { + border-width: 1px 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { + border-width: 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { + border-width: 1px; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { + background: rgba(255, 255, 255, 0.02); +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(100, 181, 246, 0.16); + color: #64B5F6; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #64B5F6; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #64B5F6; +} +.p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.375rem 0.375rem; +} +.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.375rem 0.375rem; +} +.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.375rem 0.375rem; +} +.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +.p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.375rem 0.375rem; +} +.p-datatable.p-datatable-lg .p-datatable-header { + padding: 0.9375rem 0.9375rem; +} +.p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 0.9375rem 0.9375rem; +} +.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +.p-datatable.p-datatable-lg .p-datatable-footer { + padding: 0.9375rem 0.9375rem; +} + +.p-dataview .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-dataview .p-dataview-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +.p-dataview .p-dataview-content { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0.75rem; +} +.p-dataview.p-dataview-list .p-dataview-content > .grid > div { + border: solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; +} +.p-dataview .p-dataview-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +.p-dataview .p-dataview-loading-icon { + font-size: 2rem; +} +.p-dataview .p-dataview-emptymessage { + padding: 0.75rem; +} + +.p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; +} + +.p-column-filter-menu-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-column-filter-menu-button:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} +.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: rgba(100, 181, 246, 0.16); + color: #64B5F6; +} +.p-column-filter-menu-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-column-filter-clear-button:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.p-column-filter-clear-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-column-filter-overlay { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + min-width: 12.5rem; +} +.p-column-filter-overlay .p-column-filter-row-items { + padding: 0; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 0.75rem 0.75rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: none; + border-radius: 0; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: #64B5F6; + background: rgba(100, 181, 246, 0.16); +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; +} + +.p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.75rem; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + background: #2b2b2b; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0.75rem; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} +.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; +} +.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; +} +.p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; +} +.p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0.75rem 0.75rem; +} +.p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0.75rem; +} + +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-view-container th { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-unthemed .fc-view-container td.fc-widget-content { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-unthemed .fc-view-container td.fc-head-container { + border: 1px solid rgba(255, 255, 255, 0.12); +} +.fc.fc-unthemed .fc-view-container .fc-row { + border-right: 1px solid rgba(255, 255, 255, 0.12); +} +.fc.fc-unthemed .fc-view-container .fc-event { + background: rgba(100, 181, 246, 0.16); + border: 1px solid rgba(100, 181, 246, 0.16); + color: #64B5F6; +} +.fc.fc-unthemed .fc-view-container .fc-divider { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); +} +.fc.fc-unthemed .fc-toolbar .fc-button { + color: #212121; + background: #64B5F6; + border: 0 none; + font-size: 1rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + display: flex; + align-items: center; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { + background: rgba(100, 181, 246, 0.92); + color: #212121; + border-color: transparent; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { + background: rgba(100, 181, 246, 0.68); + color: #212121; + border-color: transparent; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: ""; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: ""; +} +.fc.fc-unthemed .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #2f2f2f; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: #373737; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + z-index: 1; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { + border-color: rgba(255, 255, 255, 0.12); +} +.fc.fc-theme-standard .fc-view-harness th { + background: #1e1e1e; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness td { + color: rgba(255, 255, 255, 0.87); + border-color: rgba(255, 255, 255, 0.12); +} +.fc.fc-theme-standard .fc-view-harness .fc-view { + background: #1e1e1e; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover { + background: none; + border: 0 none; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0.75rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { + opacity: 1; + display: flex; + align-items: center; + justify-content: center; + overflow: hidden; + font-family: "PrimeIcons" !important; + font-size: 1rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { + content: ""; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { + padding: 0.75rem; + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-top: 0 none; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { + color: #64B5F6; + background: rgba(100, 181, 246, 0.16); + border-color: rgba(100, 181, 246, 0.16); +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { + color: #64B5F6; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { + background: rgba(100, 181, 246, 0.16); + border-color: rgba(100, 181, 246, 0.16); +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { + background: #1e1e1e; +} +.fc.fc-theme-standard .fc-toolbar .fc-button { + color: #212121; + background: #64B5F6; + border: 0 none; + font-size: 1rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { + background: rgba(100, 181, 246, 0.92); + color: #212121; + border-color: transparent; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { + background: rgba(100, 181, 246, 0.68); + color: #212121; + border-color: transparent; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { + opacity: 0.38; + color: #212121; + background: #64B5F6; + border: 0 none; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: ""; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: ""; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #2f2f2f; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: #373737; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + z-index: 1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.fc.fc-theme-standard a { + color: rgba(255, 255, 255, 0.87); +} + +.p-orderlist .p-orderlist-controls { + padding: 0.75rem; +} +.p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; +} +.p-orderlist .p-orderlist-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0.75rem; + border-bottom: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 500; +} +.p-orderlist .p-orderlist-filter-container { + padding: 0.75rem; + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 0 none; +} +.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; +} +.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +.p-orderlist .p-orderlist-list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: none; +} +.p-orderlist .p-orderlist-list .p-orderlist-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #64B5F6; + background: rgba(100, 181, 246, 0.16); +} +.p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); +} +.p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} + +.p-orderlist-item.cdk-drag-preview { + padding: 0.75rem 0.75rem; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + margin: 0; +} + +.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(100, 181, 246, 0.16); + color: #64B5F6; +} +.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(12, 120, 207, 0.16); +} +.p-organizationchart .p-organizationchart-line-down { + background: rgba(255, 255, 255, 0.12); +} +.p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid rgba(255, 255, 255, 0.12); + border-color: rgba(255, 255, 255, 0.12); +} +.p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-color: rgba(255, 255, 255, 0.12); +} +.p-organizationchart .p-organizationchart-node-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +.p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; +} +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-paginator { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: solid #404040; + border-width: 0; + padding: 0.375rem 0.75rem; + border-radius: 4px; +} +.p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: none; + border-radius: 50%; +} +.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: rgba(255, 255, 255, 0.6); +} +.p-paginator .p-paginator-first { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-paginator .p-paginator-last { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 3rem; +} +.p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; +} +.p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + padding: 0 0.5rem; +} +.p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: none; + border-radius: 50%; +} +.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(100, 181, 246, 0.16); + border-color: rgba(100, 181, 246, 0.16); + color: #64B5F6; +} +.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: rgba(255, 255, 255, 0.6); +} + +.p-picklist .p-picklist-buttons { + padding: 0.75rem; +} +.p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; +} +.p-picklist .p-picklist-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0.75rem; + border-bottom: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-picklist .p-picklist-header .p-picklist-title { + font-weight: 500; +} +.p-picklist .p-picklist-filter-container { + padding: 0.75rem; + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 0 none; +} +.p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; +} +.p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +.p-picklist .p-picklist-list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-picklist .p-picklist-list .p-picklist-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: none; +} +.p-picklist .p-picklist-list .p-picklist-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #64B5F6; + background: rgba(100, 181, 246, 0.16); +} +.p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); +} +.p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} + +.p-picklist-item.cdk-drag-preview { + padding: 0.75rem 0.75rem; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + margin: 0; +} + +.p-timeline .p-timeline-event-marker { + border: 0 none; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #bdbdbd; +} +.p-timeline .p-timeline-event-connector { + background-color: #bdbdbd; +} +.p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; +} +.p-timeline.p-timeline-vertical .p-timeline-event-connector { + width: 2px; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-opposite, +.p-timeline.p-timeline-horizontal .p-timeline-event-content { + padding: 1rem 0; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; +} + +.p-tree { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-radius: 4px; +} +.p-tree .p-tree-container .p-treenode { + padding: 0.25rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 4px; + transition: none; + padding: 0.571rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(100, 181, 246, 0.16); + color: #64B5F6; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #64B5F6; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: #64B5F6; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; +} +.p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; +} +.p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +.p-tree .p-treenode-children { + padding: 0 0 0 1rem; +} +.p-tree .p-tree-loading-icon { + font-size: 2rem; +} +.p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: rgba(35, 150, 242, 0.16); +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 4px; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.571rem; + transition: none; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(100, 181, 246, 0.16); + color: #64B5F6; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #64B5F6; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-treetable .p-treetable-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +.p-treetable .p-treetable-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +.p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; + font-weight: 500; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + transition: none; +} +.p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 0.75rem; + border: 1px solid 3404040; + border-width: 0 0 1px 0; + font-weight: 500; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; +} +.p-treetable .p-sortable-column { + outline-color: transparent; +} +.p-treetable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #64B5F6; + background: rgba(100, 181, 246, 0.16); + margin-left: 0.5rem; +} +.p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-treetable .p-sortable-column.p-highlight { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-treetable-tbody > tr { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + transition: none; + outline-color: transparent; +} +.p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; +} +.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(100, 181, 246, 0.16); + color: #64B5F6; +} +.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #64B5F6; +} +.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #64B5F6; +} +.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-column-resizer-helper { + background: #64B5F6; +} +.p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #1e1e1e; +} +.p-treetable .p-treetable-loading-icon { + font-size: 2rem; +} +.p-treetable.p-treetable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-footer { + border-width: 0 1px 1px 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-top { + border-width: 0 1px 0 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-bottom { + border-width: 0 1px 1px 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { + border-width: 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { + border-width: 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { + border-width: 1px; +} +.p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.65625rem 0.65625rem; +} +.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.375rem 0.375rem; +} +.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.375rem 0.375rem; +} +.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +.p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.375rem 0.375rem; +} +.p-treetable.p-treetable-lg .p-treetable-header { + padding: 0.9375rem 0.9375rem; +} +.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 0.9375rem 0.9375rem; +} +.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +.p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.9375rem 0.9375rem; +} + +.p-virtualscroller .p-virtualscroller-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +.p-virtualscroller .p-virtualscroller-content { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0.75rem; +} +.p-virtualscroller .p-virtualscroller-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} + +.p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 400; + border-radius: 4px; + transition: none; +} +.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; +} +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); +} +.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #1e1e1e; + border-color: transparent; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-accordion .p-accordion-content { + padding: 0.75rem 1.25rem; + border: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 0; +} +.p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { + border-radius: 0; +} +.p-accordion p-accordiontab .p-accordion-content { + border-radius: 0; +} +.p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { + border-top: 0 none; +} +.p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-top: 0 none; +} +.p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-accordion p-accordiontab:last-child .p-accordion-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +.p-card { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +.p-card .p-card-body { + padding: 0.75rem; +} +.p-card .p-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +.p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-card .p-card-content { + padding: 0.75rem 0; +} +.p-card .p-card-footer { + padding: 0.75rem 0 0 0; +} + +.p-divider .p-divider-content { + background-color: #1e1e1e; +} +.p-divider.p-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; +} +.p-divider.p-divider-horizontal:before { + border-top: 1px rgba(255, 255, 255, 0.12); +} +.p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; +} +.p-divider.p-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; +} +.p-divider.p-divider-vertical:before { + border-left: 1px rgba(255, 255, 255, 0.12); +} +.p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; +} + +.p-fieldset { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-radius: 4px; +} +.p-fieldset .p-fieldset-legend { + padding: 0.75rem; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 500; + border-radius: 4px; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 0.75rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 4px; + transition: none; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(255, 255, 255, 0.04); + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.p-fieldset .p-fieldset-content { + padding: 0.75rem; +} + +.p-panel .p-panel-header { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0.75rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-panel .p-panel-header .p-panel-title { + font-weight: 500; +} +.p-panel .p-panel-header .p-panel-header-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.p-panel .p-panel-header .p-panel-header-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-panel.p-panel-toggleable .p-panel-header { + padding: 0.5rem 1rem; +} +.p-panel .p-panel-content { + padding: 0.75rem; + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + border-top: 0 none; +} +.p-panel .p-panel-footer { + padding: 0.75rem 0.75rem; + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-top: 0 none; +} + +.p-scrollpanel .p-scrollpanel-bar { + background: rgba(255, 255, 255, 0.12); + border: 0 none; +} + +.p-splitter { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + border-radius: 4px; + color: rgba(255, 255, 255, 0.87); +} +.p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + background: rgba(255, 255, 255, 0.04); +} +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: rgba(255, 255, 255, 0.12); +} +.p-splitter .p-splitter-gutter-resizing { + background: rgba(255, 255, 255, 0.12); +} + +.p-tabview .p-tabview-nav { + background: transparent; + border: solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; +} +.p-tabview .p-tabview-nav li { + margin-right: 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: none; + border-width: 0 0 0 0; + border-color: transparent transparent transparent transparent; + background: transparent; + color: rgba(255, 255, 255, 0.6); + padding: 0.75rem 1.25rem; + font-weight: 500; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + transition: none; + margin: 0 0 0 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: rgba(100, 181, 246, 0.04); + border-color: transparent; + color: rgba(255, 255, 255, 0.6); +} +.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: transparent; + border-color: transparent; + color: #64B5F6; +} +.p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; +} +.p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; +} +.p-tabview .p-tabview-close { + margin-left: 0.5rem; +} +.p-tabview .p-tabview-panels { + background: transparent; + padding: 0.75rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +.p-toolbar { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0.75rem; + border-radius: 4px; +} +.p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; +} + +.p-confirm-popup { + background: #262626; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +.p-confirm-popup .p-confirm-popup-content { + padding: 0.75rem; +} +.p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0.75rem 0.75rem; +} +.p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +.p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; +} +.p-confirm-popup:after { + border: solid transparent; + border-color: rgba(38, 38, 38, 0); + border-bottom-color: #262626; +} +.p-confirm-popup:before { + border: solid transparent; + border-color: rgba(38, 38, 38, 0); + border-bottom-color: #262626; +} +.p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #262626; +} +.p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #262626; +} +.p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; +} +.p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; +} + +.p-dialog { + border-radius: 4px; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; +} +.p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #262626; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-dialog .p-dialog-header .p-dialog-title { + font-weight: 500; + font-size: 1.25rem; +} +.p-dialog .p-dialog-header .p-dialog-header-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.p-dialog .p-dialog-header .p-dialog-header-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; +} +.p-dialog .p-dialog-content { + background: #262626; + color: rgba(255, 255, 255, 0.87); + padding: 0 1.25rem 1.25rem 1.25rem; +} +.p-dialog .p-dialog-footer { + border-top: 0 none; + background: #262626; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + text-align: right; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +.p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; +} +.p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; +} + +.p-dialog-mask.p-component-overlay { + background-color: rgba(0, 0, 0, 0.32); +} + +.p-overlaypanel { + background: #262626; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +.p-overlaypanel .p-overlaypanel-content { + padding: 0.75rem; +} +.p-overlaypanel .p-overlaypanel-close { + background: #64B5F6; + color: #212121; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + position: absolute; + top: -1rem; + right: -1rem; +} +.p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: rgba(100, 181, 246, 0.92); + color: #212121; +} +.p-overlaypanel:after { + border: solid transparent; + border-color: rgba(38, 38, 38, 0); + border-bottom-color: #262626; +} +.p-overlaypanel:before { + border: solid transparent; + border-color: rgba(38, 38, 38, 0); + border-bottom-color: #262626; +} +.p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #262626; +} +.p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #262626; +} + +.p-sidebar { + background: #262626; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +.p-sidebar .p-sidebar-header { + padding: 0.75rem; +} +.p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.p-sidebar .p-sidebar-header .p-sidebar-close:focus, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; +} +.p-sidebar .p-sidebar-content { + padding: 0.75rem; +} + +.p-sidebar-mask.p-component-overlay { + background: rgba(0, 0, 0, 0.32); +} + +.p-tooltip .p-tooltip-text { + background: #444444; + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +.p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #444444; +} +.p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #444444; +} +.p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #444444; +} +.p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #444444; +} + +.p-fileupload .p-fileupload-buttonbar { + background: #1e1e1e; + padding: 0.75rem; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + border-bottom: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; +} +.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-fileupload .p-fileupload-content { + background: #1e1e1e; + padding: 2rem 1rem; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-fileupload .p-progressbar { + height: 4px; +} +.p-fileupload .p-fileupload-row > div { + padding: 0.75rem 0.75rem; +} +.p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; +} + +.p-fileupload-choose:not(.p-disabled):hover { + background: rgba(100, 181, 246, 0.92); + color: #212121; + border-color: transparent; +} +.p-fileupload-choose:not(.p-disabled):active { + background: rgba(100, 181, 246, 0.68); + color: #212121; + border-color: transparent; +} + +.p-breadcrumb { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + padding: 0.75rem; +} +.p-breadcrumb ul li .p-menuitem-link { + transition: none; + border-radius: 4px; +} +.p-breadcrumb ul li .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-breadcrumb ul li.p-breadcrumb-chevron { + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-breadcrumb ul li:last-child .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-breadcrumb ul li:last-child .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} + +.p-contextmenu { + padding: 0.5rem 0; + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + width: 12.5rem; +} +.p-contextmenu .p-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-contextmenu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-contextmenu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-contextmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-contextmenu .p-submenu-list { + padding: 0.5rem 0; + background: #2b2b2b; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +.p-contextmenu .p-menuitem { + margin: 0; +} +.p-contextmenu .p-menuitem:last-child { + margin: 0; +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: rgba(255, 255, 255, 0.04); +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-contextmenu .p-menu-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; +} +.p-contextmenu .p-submenu-icon { + font-size: 0.875rem; +} + +.p-dock .p-dock-list { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; +} +.p-dock .p-dock-item { + padding: 0.5rem; +} +.p-dock .p-dock-action { + width: 4rem; + height: 4rem; +} +.p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; +} +.p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; +} +.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; +} +.p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; +} +.p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; +} +.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; +} + +.p-megamenu { + padding: 0.75rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 4px; + transition: none; + user-select: none; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-megamenu .p-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-megamenu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-megamenu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-megamenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-megamenu .p-megamenu-panel { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +.p-megamenu .p-megamenu-submenu-header { + margin: 0; + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); + background: transparent; + font-weight: 400; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-megamenu .p-megamenu-submenu { + padding: 0.5rem 0; + width: 12.5rem; +} +.p-megamenu .p-megamenu-submenu .p-menu-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; +} +.p-megamenu .p-megamenu-submenu .p-menuitem { + margin: 0; +} +.p-megamenu .p-megamenu-submenu .p-menuitem:last-child { + margin: 0; +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: rgba(255, 255, 255, 0.04); +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.5rem 0; +} +.p-megamenu.p-megamenu-vertical .p-menuitem { + margin: 0; +} +.p-megamenu.p-megamenu-vertical .p-menuitem:last-child { + margin: 0; +} + +.p-menu { + padding: 0.5rem 0; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + width: 12.5rem; +} +.p-menu .p-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-menu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-menu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-menu.p-menu-overlay { + background: #2b2b2b; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +.p-menu .p-submenu-header { + margin: 0; + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); + background: transparent; + font-weight: 400; + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.p-menu .p-menu-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; +} +.p-menu .p-menuitem { + margin: 0; +} +.p-menu .p-menuitem:last-child { + margin: 0; +} + +.p-menubar { + padding: 0.75rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; +} +.p-menubar .p-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-menubar .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-menubar .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menubar .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 4px; + transition: none; + user-select: none; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menubar .p-submenu-list { + padding: 0.5rem 0; + background: #2b2b2b; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + width: 12.5rem; +} +.p-menubar .p-submenu-list .p-menu-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; +} +.p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; +} +.p-menubar .p-submenu-list .p-menuitem { + margin: 0; +} +.p-menubar .p-submenu-list .p-menuitem:last-child { + margin: 0; +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: rgba(255, 255, 255, 0.04); +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} + +@media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: rgba(255, 255, 255, 0.6); + background: rgba(255, 255, 255, 0.04); + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.5rem 0; + background: #2b2b2b; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menu-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: none; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list ul li a { + padding-left: 2.25rem; + } + .p-menubar .p-menubar-root-list ul li ul li a { + padding-left: 3.75rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.25rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 6.75rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 8.25rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } +} +.p-panelmenu .p-panelmenu-header > a { + padding: 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 400; + border-radius: 4px; + transition: none; +} +.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-header > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-header.p-highlight { + margin-bottom: 0; +} +.p-panelmenu .p-panelmenu-header.p-highlight > a { + background: #1e1e1e; + border-color: transparent; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content { + padding: 0.5rem 0; + border: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + margin-bottom: 0; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) { + padding: 0 0 0 1rem; +} +.p-panelmenu .p-panelmenu-panel { + margin-bottom: 0; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { + border-radius: 0; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-content { + border-radius: 0; +} +.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { + border-top: 0 none; +} +.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { + border-top: 0 none; +} +.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +.p-slidemenu { + padding: 0.5rem 0; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + width: 12.5rem; +} +.p-slidemenu .p-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-slidemenu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-slidemenu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-slidemenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-slidemenu.p-slidemenu-overlay { + background: #2b2b2b; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +.p-slidemenu .p-slidemenu-list { + padding: 0.5rem 0; + background: #2b2b2b; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { + background: rgba(255, 255, 255, 0.04); +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-slidemenu .p-slidemenu-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; +} +.p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; +} +.p-slidemenu .p-slidemenu-backward { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); +} + +.p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: none; + border-radius: 4px; + background: transparent; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: rgba(255, 255, 255, 0.87); + border: 1px solid transparent; + background: transparent; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: rgba(255, 255, 255, 0.87); +} +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(100, 181, 246, 0.16); + color: #64B5F6; +} +.p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 500; + color: rgba(255, 255, 255, 0.87); +} +.p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid rgba(255, 255, 255, 0.12); + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; +} + +.p-tabmenu .p-tabmenu-nav { + background: transparent; + border: solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: none; + border-width: 0 0 0 0; + border-color: transparent transparent transparent transparent; + background: transparent; + color: rgba(255, 255, 255, 0.6); + padding: 0.75rem 1.25rem; + font-weight: 500; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + transition: none; + margin: 0 0 0 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: rgba(100, 181, 246, 0.04); + border-color: transparent; + color: rgba(255, 255, 255, 0.6); +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: transparent; + border-color: transparent; + color: #64B5F6; +} + +.p-tieredmenu { + padding: 0.5rem 0; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + width: 12.5rem; +} +.p-tieredmenu .p-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-tieredmenu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-tieredmenu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-tieredmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-tieredmenu.p-tieredmenu-overlay { + background: #2b2b2b; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +.p-tieredmenu .p-submenu-list { + padding: 0.5rem 0; + background: #2b2b2b; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +.p-tieredmenu .p-menuitem { + margin: 0; +} +.p-tieredmenu .p-menuitem:last-child { + margin: 0; +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: rgba(255, 255, 255, 0.04); +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-tieredmenu .p-menu-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; +} +.p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; +} + +.p-inline-message { + padding: 0.75rem 0.75rem; + margin: 0; + border-radius: 4px; +} +.p-inline-message.p-inline-message-info { + background: #B3E5FC; + border: solid transparent; + border-width: 1px; + color: #01579B; +} +.p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #01579B; +} +.p-inline-message.p-inline-message-success { + background: #C8E6C9; + border: solid transparent; + border-width: 1px; + color: #1B5E20; +} +.p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #1B5E20; +} +.p-inline-message.p-inline-message-warn { + background: #FFECB3; + border: solid transparent; + border-width: 1px; + color: #7f6003; +} +.p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #7f6003; +} +.p-inline-message.p-inline-message-error { + background: #FFCDD2; + border: solid transparent; + border-width: 1px; + color: #B71C1C; +} +.p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #B71C1C; +} +.p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; +} +.p-inline-message .p-inline-message-text { + font-size: 1rem; +} +.p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; +} + +.p-message { + margin: 0.75rem 0; + border-radius: 4px; +} +.p-message .p-message-wrapper { + padding: 1rem 1.25rem; +} +.p-message .p-message-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.3); +} +.p-message .p-message-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-message.p-message-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 0; + color: #01579B; +} +.p-message.p-message-info .p-message-icon { + color: #01579B; +} +.p-message.p-message-info .p-message-close { + color: #01579B; +} +.p-message.p-message-success { + background: #C8E6C9; + border: solid transparent; + border-width: 0 0 0 0; + color: #1B5E20; +} +.p-message.p-message-success .p-message-icon { + color: #1B5E20; +} +.p-message.p-message-success .p-message-close { + color: #1B5E20; +} +.p-message.p-message-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 0; + color: #7f6003; +} +.p-message.p-message-warn .p-message-icon { + color: #7f6003; +} +.p-message.p-message-warn .p-message-close { + color: #7f6003; +} +.p-message.p-message-error { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 0; + color: #B71C1C; +} +.p-message.p-message-error .p-message-icon { + color: #B71C1C; +} +.p-message.p-message-error .p-message-close { + color: #B71C1C; +} +.p-message .p-message-text { + font-size: 1rem; + font-weight: 500; +} +.p-message .p-message-icon { + font-size: 1.5rem; + margin-right: 0.5rem; +} +.p-message .p-message-summary { + font-weight: 700; +} +.p-message .p-message-detail { + margin-left: 0.5rem; +} + +.p-toast { + opacity: 0.9; +} +.p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +.p-toast .p-toast-message .p-toast-message-content { + padding: 1.25rem; + border-width: 0 0 0 0; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 1rem; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 2rem; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 700; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; +} +.p-toast .p-toast-message .p-toast-icon-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.3); +} +.p-toast .p-toast-message .p-toast-icon-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-toast .p-toast-message.p-toast-message-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 0; + color: #01579B; +} +.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #01579B; +} +.p-toast .p-toast-message.p-toast-message-success { + background: #C8E6C9; + border: solid transparent; + border-width: 0 0 0 0; + color: #1B5E20; +} +.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #1B5E20; +} +.p-toast .p-toast-message.p-toast-message-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 0; + color: #7f6003; +} +.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #7f6003; +} +.p-toast .p-toast-message.p-toast-message-error { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 0; + color: #B71C1C; +} +.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #B71C1C; +} + +.p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: rgba(255, 255, 255, 0.87); + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; +} +.p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +.p-galleria .p-galleria-item-nav { + background: transparent; + color: rgba(255, 255, 255, 0.87); + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + margin: 0 0.5rem; +} +.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; +} +.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +.p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: rgba(255, 255, 255, 0.87); + padding: 1rem; +} +.p-galleria .p-galleria-indicators { + padding: 1rem; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: rgba(255, 255, 255, 0.3); + width: 1.25rem; + height: 1.25rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(100, 181, 246, 0.16); + color: #64B5F6; +} +.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; +} +.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.3); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(100, 181, 246, 0.16); + color: #64B5F6; +} +.p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: rgba(255, 255, 255, 0.87); + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-galleria-mask.p-component-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +.p-avatar { + background-color: rgba(255, 255, 255, 0.12); + border-radius: 4px; +} +.p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +.p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; +} +.p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +.p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; +} + +.p-avatar-group .p-avatar { + border: 2px solid #1e1e1e; +} + +.p-badge { + background: #64B5F6; + color: #212121; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +.p-badge.p-badge-secondary { + background-color: #f6a664; + color: #212121; +} +.p-badge.p-badge-success { + background-color: #C5E1A5; + color: #212121; +} +.p-badge.p-badge-info { + background-color: #90CAF9; + color: #212121; +} +.p-badge.p-badge-warning { + background-color: #FFF59D; + color: #212121; +} +.p-badge.p-badge-danger { + background-color: #EF9A9A; + color: #212121; +} +.p-badge.p-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +.p-badge.p-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} + +.p-blockui.p-component-overlay { + background: rgba(0, 0, 0, 0.32); +} + +.p-chip { + background-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + padding: 0 0.75rem; +} +.p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; +} +.p-chip .p-chip-icon { + margin-right: 0.5rem; +} +.p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; +} +.p-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; +} +.p-chip .pi-chip-remove-icon { + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-inplace .p-inplace-display { + padding: 1rem 1rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +.p-inplace .p-inplace-display:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-progressbar { + border: 0 none; + height: 4px; + background: rgba(100, 181, 246, 0.32); + border-radius: 4px; +} +.p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #64B5F6; +} +.p-progressbar .p-progressbar-label { + color: rgba(255, 255, 255, 0.87); + line-height: 4px; +} + +.p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-scrolltop.p-link { + background: #f6a664; +} +.p-scrolltop.p-link:hover { + background: rgba(246, 166, 100, 0.92); +} +.p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: #212121; +} + +.p-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 4px; +} +.p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); +} + +.p-tag { + background: #64B5F6; + color: #212121; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 4px; +} +.p-tag.p-tag-success { + background-color: #C5E1A5; + color: #212121; +} +.p-tag.p-tag-info { + background-color: #90CAF9; + color: #212121; +} +.p-tag.p-tag-warning { + background-color: #FFF59D; + color: #212121; +} +.p-tag.p-tag-danger { + background-color: #EF9A9A; + color: #212121; +} +.p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +.p-terminal { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0.75rem; +} +.p-terminal .p-terminal-input { + font-size: 1rem; + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; +} + +.p-accordion .p-accordion-tab { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + margin-bottom: 0; + border-radius: 0; + position: relative; + transition: margin-bottom 225ms; +} +.p-accordion .p-accordion-tab:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +.p-accordion .p-accordion-tab:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +.p-accordion .p-accordion-tab .p-accordion-toggle-icon { + order: 1; + margin-left: auto; + transition: transform 0.2s; +} +.p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-header-link:focus { + background: rgba(255, 255, 255, 0.04); +} +.p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-toggle-icon { + transform: rotate(-270deg); +} +.p-accordion .p-accordion-tab.p-accordion-tab-active { + margin-bottom: 1rem; +} +.p-accordion .p-accordion-tab.p-accordion-tab-active .p-accordion-toggle-icon { + transform: rotate(-180deg); +} +.p-accordion .p-accordion-tab .p-accordion-header.p-disabled { + opacity: 1; +} +.p-accordion .p-accordion-tab .p-accordion-header.p-disabled .p-accordion-header-link > * { + opacity: 0.38; +} + +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #64B5F6, inset 0 0 0 1px #64B5F6, inset 0 0 0 1px #64B5F6, inset 0 0 0 1px #64B5F6; +} + +.p-input-filled .p-autocomplete .p-autocomplete-multiple-container { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #64B5F6, #64B5F6), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +.p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext { + background-image: none; + background-color: transparent; +} +.p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #64B5F6, #64B5F6), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); +} +.p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} + +.p-float-label .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 1rem; +} + +.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding-top: 0; + padding-bottom: 0; +} +.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + font-size: 75%; +} +.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0; +} +.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext:enabled:focus { + box-shadow: none; + border-color: transparent; +} +.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + box-shadow: none; + border-color: transparent; +} + +p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext:enabled:focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} + +.p-button { + font-weight: 500; + min-width: 4rem; +} +.p-button.p-button-icon-only { + min-width: auto; +} +.p-button:enabled:focus { + background: rgba(100, 181, 246, 0.76); +} +.p-button:enabled:active { + background: rgba(100, 181, 246, 0.68); +} +.p-button .p-ink { + background-color: rgba(255, 255, 255, 0.32); +} +.p-button.p-button-outlined { + box-shadow: inset 0 0 0 1px; +} +.p-button.p-button-outlined:enabled:focus { + box-shadow: inset 0 0 0 1px; +} +.p-button.p-button-outlined:enabled:active { + box-shadow: inset 0 0 0 1px; +} +.p-button.p-button-text:enabled:focus, .p-button.p-button-outlined:enabled:focus { + background: rgba(100, 181, 246, 0.12); +} +.p-button.p-button-text:enabled:active, .p-button.p-button-outlined:enabled:active { + background: rgba(100, 181, 246, 0.16); +} +.p-button.p-button-text .p-ink, .p-button.p-button-outlined .p-ink { + background-color: rgba(100, 181, 246, 0.16); +} +.p-button:disabled { + background-color: rgba(255, 255, 255, 0.12) !important; + color: rgba(255, 255, 255, 0.38) !important; + opacity: 1; +} +.p-button:disabled.p-button-text { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.38) !important; +} +.p-button:disabled.p-button-outlined { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.38) !important; + border-color: rgba(255, 255, 255, 0.38) !important; +} +.p-button.p-button-raised:enabled:focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + background: rgba(246, 166, 100, 0.76); +} +.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + background: rgba(246, 166, 100, 0.68); +} +.p-button.p-button-secondary.p-button-text:enabled:focus, .p-button.p-button-secondary.p-button-outlined:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:focus { + background: rgba(246, 166, 100, 0.12); +} +.p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + background: rgba(246, 166, 100, 0.16); +} +.p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink { + background-color: rgba(246, 166, 100, 0.16); +} + +.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + background: rgba(144, 202, 249, 0.76); +} +.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + background: rgba(144, 202, 249, 0.68); +} +.p-button.p-button-info.p-button-text:enabled:focus, .p-button.p-button-info.p-button-outlined:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:focus { + background: rgba(144, 202, 249, 0.12); +} +.p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + background: rgba(144, 202, 249, 0.16); +} +.p-button.p-button-info.p-button-text .p-ink, .p-button.p-button-info.p-button-outlined .p-ink, .p-buttonset.p-button-info > .p-button.p-button-text .p-ink, .p-buttonset.p-button-info > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-outlined .p-ink { + background-color: rgba(144, 202, 249, 0.16); +} + +.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + background: rgba(197, 225, 165, 0.76); +} +.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + background: rgba(197, 225, 165, 0.68); +} +.p-button.p-button-success.p-button-text:enabled:focus, .p-button.p-button-success.p-button-outlined:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:focus { + background: rgba(197, 225, 165, 0.12); +} +.p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + background: rgba(197, 225, 165, 0.16); +} +.p-button.p-button-success.p-button-text .p-ink, .p-button.p-button-success.p-button-outlined .p-ink, .p-buttonset.p-button-success > .p-button.p-button-text .p-ink, .p-buttonset.p-button-success > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-outlined .p-ink { + background-color: rgba(197, 225, 165, 0.16); +} + +.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + background: rgba(255, 245, 157, 0.76); +} +.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + background: rgba(255, 245, 157, 0.68); +} +.p-button.p-button-warning.p-button-text:enabled:focus, .p-button.p-button-warning.p-button-outlined:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:focus { + background: rgba(255, 245, 157, 0.12); +} +.p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + background: rgba(255, 245, 157, 0.16); +} +.p-button.p-button-warning.p-button-text .p-ink, .p-button.p-button-warning.p-button-outlined .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-text .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-outlined .p-ink { + background-color: rgba(255, 245, 157, 0.16); +} + +.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + background: rgba(206, 147, 216, 0.76); +} +.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + background: rgba(206, 147, 216, 0.68); +} +.p-button.p-button-help.p-button-text:enabled:focus, .p-button.p-button-help.p-button-outlined:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:focus { + background: rgba(206, 147, 216, 0.12); +} +.p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + background: rgba(206, 147, 216, 0.16); +} +.p-button.p-button-help.p-button-text .p-ink, .p-button.p-button-help.p-button-outlined .p-ink, .p-buttonset.p-button-help > .p-button.p-button-text .p-ink, .p-buttonset.p-button-help > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-outlined .p-ink { + background-color: rgba(206, 147, 216, 0.16); +} + +.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + background: rgba(239, 154, 154, 0.76); +} +.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + background: rgba(239, 154, 154, 0.68); +} +.p-button.p-button-danger.p-button-text:enabled:focus, .p-button.p-button-danger.p-button-outlined:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:focus { + background: rgba(239, 154, 154, 0.12); +} +.p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + background: rgba(239, 154, 154, 0.16); +} +.p-button.p-button-danger.p-button-text .p-ink, .p-button.p-button-danger.p-button-outlined .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-text .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-outlined .p-ink { + background-color: rgba(239, 154, 154, 0.16); +} + +.p-calendar-w-btn { + border: 1px solid rgba(255, 255, 255, 0.3); + background: #1e1e1e; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +.p-calendar-w-btn .p-inputtext { + background-image: none; + background-color: transparent; + border: 0 none; +} +.p-calendar-w-btn .p-inputtext:enabled:focus { + box-shadow: none; +} +.p-calendar-w-btn .p-datepicker-trigger.p-button { + background-color: transparent; + border: 0 none; +} +.p-calendar-w-btn .p-datepicker-trigger.p-button span { + color: rgba(255, 255, 255, 0.6); +} +.p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:hover { + background: rgba(255, 255, 255, 0.04); +} +.p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:active, .p-calendar-w-btn .p-datepicker-trigger.p-button:focus { + background: rgba(255, 255, 255, 0.12); +} +.p-calendar-w-btn:not(.p-disabled):hover { + border-color: rgba(255, 255, 255, 0.6); +} +.p-calendar-w-btn:not(.p-disabled).p-focus { + border-color: #64B5F6; + box-shadow: inset 0 0 0 1px #64B5F6, inset 0 0 0 1px #64B5F6, inset 0 0 0 1px #64B5F6, inset 0 0 0 1px #64B5F6; +} + +.p-datepicker .p-datepicker-header { + border-bottom: 0 none; +} +.p-datepicker .p-datepicker-header .p-datepicker-title { + margin: 0 auto 0 0; + order: 1; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev { + order: 2; +} +.p-datepicker .p-datepicker-header .p-datepicker-next { + order: 3; +} +.p-datepicker table th { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.38); + font-weight: 400; + font-size: 0.875rem; +} +.p-datepicker table td.p-datepicker-today > span { + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.38); +} +.p-datepicker table td.p-datepicker-today.p-highlight { + box-shadow: 0 0 0 1px rgba(100, 181, 246, 0.16); +} + +p-calendar.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn { + border-color: #f44435; +} +p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn .p-inputtext:enabled:focus { + box-shadow: none; +} +p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} + +.p-input-filled .p-calendar-w-btn { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #64B5F6, #64B5F6), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +.p-input-filled .p-calendar-w-btn .p-inputtext { + background-image: none; + background-color: transparent; +} +.p-input-filled .p-calendar-w-btn:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #64B5F6, #64B5F6), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); +} +.p-input-filled .p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled .p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-calendar-w-btn .p-inputtext:enabled:hover, .p-input-filled .p-calendar-w-btn .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} +.p-input-filled .p-calendar-w-btn .p-inputtext { + border: 0 none; +} +.p-input-filled p-calendar.ng-dirty.ng-invalid .p-inputtext { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-calendar.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: none; + border-color: transparent; +} +.p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-focus { + box-shadow: none; + border-color: transparent; +} +.p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn .p-inputtext { + border: 0 none; + background-image: none; +} + +.p-cascadeselect .p-inputtext, .p-cascadeselect .p-cascadeselect-trigger { + background-image: none; + background: transparent; +} +.p-cascadeselect .p-inputtext { + border: 0 none; +} +.p-cascadeselect:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #64B5F6, inset 0 0 0 1px #64B5F6, inset 0 0 0 1px #64B5F6, inset 0 0 0 1px #64B5F6; +} + +.p-cascadeselect-item .p-ink { + background-color: rgba(100, 181, 246, 0.16); +} + +.p-input-filled .p-cascadeselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #64B5F6, #64B5F6), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +.p-input-filled .p-cascadeselect .p-inputtext { + background-image: none; + background-color: transparent; +} +.p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #64B5F6, #64B5F6), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); +} +.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-cascadeselect .p-inputtext:enabled:hover, .p-input-filled .p-cascadeselect .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} +.p-input-filled .p-cascadeselect .p-inputtext { + border: 0 none; +} +.p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-focus { + box-shadow: none; + border-color: transparent; +} + +p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} + +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #f6a664; + color: #212121; +} + +.p-checkbox { + border-radius: 50%; + transition: box-shadow 0.2s; +} +.p-checkbox .p-checkbox-box { + border-color: rgba(255, 255, 255, 0.7); + border-radius: 2px; + position: relative; +} +.p-checkbox .p-checkbox-box:not(.p-disabled):hover { + border-color: rgba(255, 255, 255, 0.7); +} +.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus { + border-color: rgba(255, 255, 255, 0.7); +} +.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus { + border-color: #64B5F6; +} +.p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon.pi-check:before { + content: ""; + position: absolute; + top: 6px; + left: 1px; + border-right: 2px solid transparent; + border-bottom: 2px solid transparent; + transform: rotate(45deg); + transform-origin: 0% 100%; + animation: checkbox-check 125ms 50ms linear forwards; +} +.p-checkbox:not(.p-checkbox-disabled):hover { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04); +} +.p-checkbox:not(.p-checkbox-disabled).p-checkbox-focused { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12); +} +.p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled):hover { + box-shadow: 0 0 1px 10px rgba(100, 181, 246, 0.04); +} +.p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled).p-checkbox-focused { + box-shadow: 0 0 1px 10px rgba(100, 181, 246, 0.12); +} + +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: #1e1e1e; +} +.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { + background-color: #1e1e1e; +} + +@keyframes checkbox-check { + 0% { + width: 0; + height: 0; + border-color: #212121; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 33% { + width: 4px; + height: 0; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 100% { + width: 4px; + height: 10px; + border-color: #212121; + transform: translate3d(0, -10px, 0) rotate(45deg); + } +} +.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #64B5F6, inset 0 0 0 1px #64B5F6, inset 0 0 0 1px #64B5F6, inset 0 0 0 1px #64B5F6; +} + +.p-input-filled .p-chips-multiple-container { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #64B5F6, #64B5F6), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +.p-input-filled .p-chips-multiple-container .p-inputtext { + background-image: none; + background-color: transparent; +} +.p-input-filled .p-chips-multiple-container:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #64B5F6, #64B5F6), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); +} +.p-input-filled .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-chips-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-chips-multiple-container .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} + +.p-float-label .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 1rem; +} + +.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token { + padding-top: 0; + padding-bottom: 0; +} +.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + font-size: 75%; +} +.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0; +} +.p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + box-shadow: none; + border-color: transparent; +} + +p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} + +.p-datatable .p-sortable-column { + outline: 0 none; +} +.p-datatable .p-sortable-column:focus { + background-color: rgba(255, 255, 255, 0.03); +} +.p-datatable .p-datatable-tbody > tr { + outline: 0 none; +} +.p-datatable .p-datatable-tbody > tr:not(.p-highlight):focus { + background-color: rgba(255, 255, 255, 0.03); +} + +.p-dropdown .p-inputtext, .p-dropdown .p-dropdown-trigger { + background-image: none; + background: transparent; +} +.p-dropdown .p-inputtext { + border: 0 none; +} +.p-dropdown:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #64B5F6, inset 0 0 0 1px #64B5F6, inset 0 0 0 1px #64B5F6, inset 0 0 0 1px #64B5F6; +} + +.p-dropdown-item .p-ink { + background-color: rgba(100, 181, 246, 0.16); +} + +.p-input-filled .p-dropdown { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #64B5F6, #64B5F6), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +.p-input-filled .p-dropdown .p-inputtext { + background-image: none; + background-color: transparent; +} +.p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #64B5F6, #64B5F6), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus, .p-input-filled .p-dropdown:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-dropdown .p-inputtext:enabled:hover, .p-input-filled .p-dropdown .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} +.p-input-filled .p-dropdown .p-inputtext { + border: 0 none; +} +.p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-focus { + box-shadow: none; + border-color: transparent; +} + +p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} + +.p-galleria .p-galleria-indicators { + padding: 1rem; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #f6a664; + color: #212121; +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(246, 166, 100, 0.68); + color: #212121; +} + +.p-inputtext:enabled:focus { + box-shadow: inset 0 0 0 1px #64B5F6, inset 0 0 0 1px #64B5F6, inset 0 0 0 1px #64B5F6, inset 0 0 0 1px #64B5F6; +} +.p-inputtext:enabled:focus.ng-invalid.ng-dirty { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} + +.p-input-filled .p-inputtext { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #64B5F6, #64B5F6), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +.p-input-filled .p-inputtext:enabled:hover { + background-color: rgba(255, 255, 255, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #64B5F6, #64B5F6), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)); +} +.p-input-filled .p-inputtext:enabled:focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-inputtext.ng-invalid.ng-dirty { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled .p-inputtext.ng-invalid.ng-dirty:enabled:focus { + box-shadow: none; + border-color: transparent; +} + +.p-input-filled .p-inputgroup .p-inputgroup-addon { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #64B5F6, #64B5F6), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +.p-input-filled .p-inputgroup .p-inputgroup-addon:last-child { + border-right-color: transparent; +} +.p-input-filled .p-inputgroup-addon:first-child, +.p-input-filled .p-inputgroup button:first-child, +.p-input-filled .p-inputgroup input:first-child { + border-bottom-left-radius: 0; +} +.p-input-filled .p-inputgroup .p-float-label:first-child input { + border-bottom-left-radius: 0; +} +.p-input-filled .p-inputgroup-addon:last-child, +.p-input-filled .p-inputgroup button:last-child, +.p-input-filled .p-inputgroup input:last-child { + border-bottom-right-radius: 0; +} +.p-input-filled .p-inputgroup .p-float-label:last-child input { + border-bottom-right-radius: 0; +} + +p-inputmask.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} + +.p-input-filled p-inputmask.ng-dirty.ng-invalid .p-inputtext { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-inputmask.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: none; + border-color: transparent; +} + +p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} + +.p-input-filled p-inputnumber.ng-dirty.ng-invalid .p-inputtext { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: none; + border-color: transparent; +} + +.p-inputswitch .p-inputswitch-slider:before { + transition-property: box-shadow transform; + box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); +} +.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider:before { + box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12), 0 0 1px 10px rgba(255, 255, 255, 0.04); +} +.p-inputswitch.p-inputswitch-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-focus:not(.p-disabled):hover .p-inputswitch-slider:before { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); +} +.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider:before { + box-shadow: 0 0 1px 10px rgba(100, 181, 246, 0.04), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); +} +.p-inputswitch.p-inputswitch-checked.p-inputswitch-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-checked.p-inputswitch-focus:not(.p-disabled):hover .p-inputswitch-slider:before { + box-shadow: 0 0 1px 10px rgba(100, 181, 246, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); +} + +.p-fieldset .p-fieldset-legend { + border: 0 none; +} + +.p-float-label input:focus ~ label, +.p-float-label input.p-filled ~ label, +.p-float-label textarea:focus ~ label, +.p-float-label textarea.p-filled ~ label, +.p-float-label .p-inputwrapper-focus ~ label, +.p-float-label .p-inputwrapper-filled ~ label { + top: -0.5rem !important; + background-color: #1e1e1e; + padding: 2px 4px; + margin-left: -4px; + margin-top: 0; +} + +.p-float-label textarea ~ label { + margin-top: 0; +} + +.p-float-label input:focus ~ label, +.p-float-label .p-inputwrapper-focus ~ label { + color: #64B5F6; +} + +.p-input-filled .p-float-label .p-inputtext { + padding-top: 1.25rem; + padding-bottom: 0.25rem; +} +.p-input-filled .p-float-label input:focus ~ label, +.p-input-filled .p-float-label input.p-filled ~ label, +.p-input-filled .p-float-label textarea:focus ~ label, +.p-input-filled .p-float-label textarea.p-filled ~ label, +.p-input-filled .p-float-label .p-inputwrapper-focus ~ label, +.p-input-filled .p-float-label .p-inputwrapper-filled ~ label { + top: 0.25rem !important; + margin-top: 0; + background: transparent; +} + +.p-listbox-item .p-ink { + background-color: rgba(100, 181, 246, 0.16); +} + +.p-multiselect .p-multiselect-label, .p-multiselect .p-multiselect-trigger { + background-image: none; + background: transparent; +} +.p-multiselect .p-multiselect-label { + border: 0 none; +} +.p-multiselect:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #64B5F6, inset 0 0 0 1px #64B5F6, inset 0 0 0 1px #64B5F6, inset 0 0 0 1px #64B5F6; +} + +.p-multiselect-item .p-ink { + background-color: rgba(100, 181, 246, 0.16); +} + +.p-input-filled .p-multiselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #64B5F6, #64B5F6), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +.p-input-filled .p-multiselect .p-inputtext { + background-image: none; + background-color: transparent; +} +.p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #64B5F6, #64B5F6), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); +} +.p-input-filled .p-multiselect:not(.p-disabled).p-focus, .p-input-filled .p-multiselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-multiselect .p-inputtext:enabled:hover, .p-input-filled .p-multiselect .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} +.p-input-filled .p-multiselect .p-multiselect-label:hover { + background-image: none; + background: transparent; +} + +.p-float-label .p-multiselect-label .p-multiselect-token { + padding: 0.25rem 1rem; + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} + +.p-input-filled .p-float-label .p-multiselect .p-multiselect-label { + padding-top: 1.25rem; + padding-bottom: 0.25rem; +} +.p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect .p-multiselect-label { + padding-top: 1.25rem; + padding-bottom: 0.25rem; +} +.p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding-top: 0; + padding-bottom: 0; + margin-top: 0; + margin-bottom: 0; +} +.p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + font-size: 75%; +} +.p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-focus { + box-shadow: none; + border-color: transparent; +} + +p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} + +.p-overlaypanel .p-overlaypanel-content { + padding: 1.5rem; +} + +.p-paginator { + justify-content: flex-end; +} + +.p-panel { + border-radius: 4px; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); +} +.p-panel .p-panel-header, +.p-panel .p-panel-content, +.p-panel .p-panel-footer { + border: 0 none; +} +.p-panel .p-panel-content { + padding-top: 0; +} +.p-panel .p-panel-title { + font-size: 1.25rem; +} + +.p-panelmenu .p-panelmenu-panel { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + margin-bottom: 0; + border-radius: 0; + position: relative; + transition: margin-bottom 225ms; +} +.p-panelmenu .p-panelmenu-panel:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +.p-panelmenu .p-panelmenu-panel:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-icon { + order: 1; + margin-left: auto; + margin-right: 0; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled { + opacity: 1; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled .p-panelmenu-header-link > * { + opacity: 0.38; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-link:focus { + background: rgba(255, 255, 255, 0.04); +} + +.p-progressbar { + border-radius: 0; +} +.p-progressbar .p-progressbar-label { + display: none; +} + +.p-radiobutton { + border-radius: 50%; + transition: box-shadow 0.2s; +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border: 2px solid rgba(255, 255, 255, 0.7); +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + border: 2px solid rgba(255, 255, 255, 0.7); +} +.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus { + border-color: #64B5F6; +} +.p-radiobutton:not(.p-radiobutton-disabled):hover { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04); +} +.p-radiobutton:not(.p-radiobutton-disabled).p-radiobutton-focused { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12); +} +.p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled):hover { + box-shadow: 0 0 1px 10px rgba(100, 181, 246, 0.04); +} +.p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled).p-radiobutton-focused { + box-shadow: 0 0 1px 10px rgba(100, 181, 246, 0.12); +} + +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #1e1e1e; +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #1e1e1e; +} + +.p-selectbutton .p-button:focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} +.p-selectbutton .p-button:focus.p-highlight { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); +} + +.p-slider .p-slider-handle { + transition: transform 0.2s, box-shadow 0.2s; + transform: scale(0.7); +} +.p-slider .p-slider-handle:focus { + box-shadow: 0 0 1px 10px rgba(246, 166, 100, 0.2); +} +.p-slider.p-slider-sliding .p-slider-handle { + transform: scale(1); +} + +.p-steps { + padding: 1rem 0; +} +.p-steps .p-steps-item { + justify-content: flex-start; + flex-direction: row-reverse; + align-items: center; +} +.p-steps .p-steps-item:before { + position: static; + left: auto; + top: auto; + margin-top: 0; +} +.p-steps .p-steps-item:last-child { + flex-grow: 0; +} +.p-steps .p-steps-item:last-child:before { + display: none; +} +.p-steps .p-steps-item .p-menuitem-link { + flex-direction: row; + flex: 1 1 auto; + overflow: visible; + padding: 0 0.5rem; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-number { + background-color: #9e9d9e; + color: #ffffff; + font-size: 0.857rem; + min-width: 1.714rem; + height: 1.714rem; + line-height: 1.714rem; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin: 0; + padding-left: 0.5rem; +} +.p-steps .p-steps-item.p-highlight .p-steps-number { + background-color: #64B5F6; + color: #212121; +} +.p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 600; + color: rgba(255, 255, 255, 0.87); +} +.p-steps .p-steps-item.p-disabled { + opacity: 1; +} + +.p-tabview .p-tabview-nav { + position: relative; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s; + border-radius: 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link > .p-ink { + background-color: rgba(100, 181, 246, 0.16); +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link:focus { + background-color: rgba(100, 181, 246, 0.12); +} +.p-tabview .p-tabview-nav .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 2px; + background-color: #64B5F6; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); +} + +.p-toolbar { + border: 0 none; +} + +.p-tooltip .p-tooltip-text { + box-shadow: none; + font-size: 0.875rem; +} +.p-tooltip .p-tooltip-arrow { + display: none; +} + +.p-treetable .p-sortable-column { + outline: 0 none; +} +.p-treetable .p-sortable-column:focus { + background-color: rgba(255, 255, 255, 0.03); +} +.p-treetable .p-treetable-tbody > tr { + outline: 0 none; +} +.p-treetable .p-treetable-tbody > tr:not(.p-highlight):focus { + background-color: rgba(255, 255, 255, 0.03); +} + +.p-tabmenu .p-tabmenu-nav { + position: relative; +} +.p-tabmenu .p-tabmenu-nav li .p-menuitem-link { + transition: background-color 0.2s; + border-radius: 0; +} +.p-tabmenu .p-tabmenu-nav li .p-menuitem-link > .p-ink { + background-color: rgba(100, 181, 246, 0.16); +} +.p-tabmenu .p-tabmenu-nav li .p-menuitem-link:focus { + background-color: rgba(100, 181, 246, 0.12); +} +.p-tabmenu .p-tabmenu-nav .p-tabmenu-ink-bar { + display: block; + position: absolute; + bottom: 0; + height: 2px; + background-color: #64B5F6; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); +} + +.p-timeline.p-timeline-vertical .p-timeline-event-connector { + margin: 0.5rem 0; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-connector { + margin: 0 0.5rem; +} + +.p-togglebutton.p-button:focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} +.p-togglebutton.p-button:focus.p-highlight { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); +} + +/* Add your customizations of the theme here */ diff --git a/src/assets/theme/blue/theme-dark.scss b/src/assets/theme/blue/theme-dark.scss new file mode 100644 index 00000000..933018bd --- /dev/null +++ b/src/assets/theme/blue/theme-dark.scss @@ -0,0 +1,7 @@ +$primaryColor:#64B5F6; +$primaryLightestColor: #E3F2FD; +$primaryTextColor:#212121; +$accentColor:#f6a664; +$accentTextColor:#212121; + +@import '../../sass/theme/theme_dark'; diff --git a/src/assets/theme/blue/theme-light.css b/src/assets/theme/blue/theme-light.css new file mode 100644 index 00000000..9d3b6bf2 --- /dev/null +++ b/src/assets/theme/blue/theme-light.css @@ -0,0 +1,6664 @@ +@charset "UTF-8"; +:root { + --surface-a:#ffffff; + --surface-b:#fafafa; + --surface-c:rgba(0,0,0,.04); + --surface-d:rgba(0,0,0,.12); + --surface-e:#ffffff; + --surface-f:#ffffff; + --text-color:rgba(0, 0, 0, 0.87); + --text-color-secondary:rgba(0, 0, 0, 0.6); + --primary-color:#2196F3; + --primary-menu-text-color:#2196F3; + --primary-lightest-color:#E3F2FD; + --primary-color-text:#ffffff; + --font-family:Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; +} + +/* Add your variable customizations of theme here */ +* { + box-sizing: border-box; +} + +.p-component { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + font-weight: normal; +} + +.p-component-overlay { + background-color: rgba(0, 0, 0, 0.32); + transition-duration: 0.2s; +} + +.p-disabled, .p-component:disabled { + opacity: 0.38; +} + +.p-error { + color: #B00020; +} + +.p-text-secondary { + color: rgba(0, 0, 0, 0.6); +} + +.pi { + font-size: 1rem; +} + +.p-link { + font-size: 1rem; + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + border-radius: 4px; +} +.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +:root { + --blue-50:#f4fafe; + --blue-100:#cae6fc; + --blue-200:#a0d2fa; + --blue-300:#75bef8; + --blue-400:#4baaf5; + --blue-500:#2196f3; + --blue-600:#1c80cf; + --blue-700:#1769aa; + --blue-800:#125386; + --blue-900:#0d3c61; + --green-50:#f7faf5; + --green-100:#dbe8cf; + --green-200:#bed6a9; + --green-300:#a1c384; + --green-400:#85b15e; + --green-500:#689f38; + --green-600:#588730; + --green-700:#496f27; + --green-800:#39571f; + --green-900:#2a4016; + --yellow-50:#fffcf5; + --yellow-100:#fef0cd; + --yellow-200:#fde4a5; + --yellow-300:#fdd87d; + --yellow-400:#fccc55; + --yellow-500:#fbc02d; + --yellow-600:#d5a326; + --yellow-700:#b08620; + --yellow-800:#8a6a19; + --yellow-900:#644d12; + --cyan-50:#f2fcfd; + --cyan-100:#c2eff5; + --cyan-200:#91e2ed; + --cyan-300:#61d5e4; + --cyan-400:#30c9dc; + --cyan-500:#00bcd4; + --cyan-600:#00a0b4; + --cyan-700:#008494; + --cyan-800:#006775; + --cyan-900:#004b55; + --pink-50:#fef4f7; + --pink-100:#fac9da; + --pink-200:#f69ebc; + --pink-300:#f1749e; + --pink-400:#ed4981; + --pink-500:#e91e63; + --pink-600:#c61a54; + --pink-700:#a31545; + --pink-800:#801136; + --pink-900:#5d0c28; + --indigo-50:#f6f7fc; + --indigo-100:#d5d9ef; + --indigo-200:#b3bae2; + --indigo-300:#919cd5; + --indigo-400:#707dc8; + --indigo-500:#4e5fbb; + --indigo-600:#42519f; + --indigo-700:#374383; + --indigo-800:#2b3467; + --indigo-900:#1f264b; + --teal-50:#f2faf9; + --teal-100:#c2e6e2; + --teal-200:#91d2cc; + --teal-300:#61beb5; + --teal-400:#30aa9f; + --teal-500:#009688; + --teal-600:#008074; + --teal-700:#00695f; + --teal-800:#00534b; + --teal-900:#003c36; + --orange-50:#fffaf2; + --orange-100:#ffe6c2; + --orange-200:#ffd391; + --orange-300:#ffbf61; + --orange-400:#ffac30; + --orange-500:#ff9800; + --orange-600:#d98100; + --orange-700:#b36a00; + --orange-800:#8c5400; + --orange-900:#663d00; + --bluegray-50:#f7f9f9; + --bluegray-100:#d9e0e3; + --bluegray-200:#bbc7cd; + --bluegray-300:#9caeb7; + --bluegray-400:#7e96a1; + --bluegray-500:#607d8b; + --bluegray-600:#526a76; + --bluegray-700:#435861; + --bluegray-800:#35454c; + --bluegray-900:#263238; + --purple-50:#faf4fb; + --purple-100:#e7cbec; + --purple-200:#d4a2dd; + --purple-300:#c279ce; + --purple-400:#af50bf; + --purple-500:#9c27b0; + --purple-600:#852196; + --purple-700:#6d1b7b; + --purple-800:#561561; + --purple-900:#3e1046; +} + +.p-autocomplete .p-autocomplete-loader { + right: 0.75rem; +} +.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.5rem; +} +.p-autocomplete .p-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; +} +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + border-color: rgba(0, 0, 0, 0.87); +} +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #2196F3; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.375rem 0; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(0, 0, 0, 0.87); + padding: 0; + margin: 0; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: rgba(33, 150, 243, 0.12); + color: #2196F3; + border-radius: 4px; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; +} + +p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #B00020; +} + +.p-autocomplete-panel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +.p-autocomplete-panel .p-autocomplete-items:not(.p-autocomplete-virtualscroll) { + padding: 0; +} +.p-autocomplete-panel .p-autocomplete-items.p-autocomplete-virtualscroll .cdk-virtual-scroll-content-wrapper { + padding: 0; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0; + padding: 0.75rem 0.75rem; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: none; + border-radius: 0; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: #2196F3; + background: rgba(33, 150, 243, 0.12); +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + background: transparent; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); + background: #ffffff; + font-weight: 400; +} + +p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #B00020; +} + +.p-datepicker { + padding: 0.5rem; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid rgba(0, 0, 0, 0.38); + border-radius: 4px; +} +.p-datepicker:not(.p-datepicker-inline) { + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #ffffff; +} +.p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + font-weight: 500; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 2rem; +} +.p-datepicker .p-datepicker-header .p-datepicker-title select { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +.p-datepicker .p-datepicker-header .p-datepicker-title select:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #2196F3; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; +} +.p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0; +} +.p-datepicker table th { + padding: 0.5rem; +} +.p-datepicker table th > span { + width: 2.25rem; + height: 2.25rem; +} +.p-datepicker table td { + padding: 0.5rem; +} +.p-datepicker table td > span { + width: 2.25rem; + height: 2.25rem; + border-radius: 50%; + transition: none; + border: 1px solid transparent; +} +.p-datepicker table td > span.p-highlight { + color: #2196F3; + background: rgba(33, 150, 243, 0.12); +} +.p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-datepicker table td.p-datepicker-today > span { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-color: black; +} +.p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #2196F3; + background: rgba(33, 150, 243, 0.12); +} +.p-datepicker .p-datepicker-buttonbar { + padding: 0.75rem 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} +.p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; +} +.p-datepicker .p-timepicker { + border-top: 1px solid rgba(0, 0, 0, 0.12); + padding: 0.5rem; +} +.p-datepicker .p-timepicker button { + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datepicker .p-timepicker button:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.p-datepicker .p-timepicker button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; +} +.p-datepicker .p-timepicker span { + font-size: 1.25rem; +} +.p-datepicker .p-timepicker > div { + padding: 0 0.5rem; +} +.p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; +} +.p-datepicker .p-monthpicker { + margin: 0.5rem 0; +} +.p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.5rem; + transition: none; + border-radius: 4px; +} +.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #2196F3; + background: rgba(33, 150, 243, 0.12); +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-right: 1px solid rgba(0, 0, 0, 0.12); + padding-right: 0.5rem; + padding-left: 0.5rem; + padding-top: 0; + padding-bottom: 0; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; + border-right: 0 none; +} +.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +@media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } +} +.p-cascadeselect { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.38); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +.p-cascadeselect:not(.p-disabled):hover { + border-color: rgba(0, 0, 0, 0.87); +} +.p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #2196F3; +} +.p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; +} +.p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: rgba(0, 0, 0, 0.6); +} +.p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +.p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: rgba(0, 0, 0, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.p-cascadeselect-panel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +.p-cascadeselect-panel .p-cascadeselect-items { + padding: 0; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 0; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: none; + border-radius: 0; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.75rem 0.75rem; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: #2196F3; + background: rgba(33, 150, 243, 0.12); +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; +} + +p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #B00020; +} + +.p-input-filled .p-cascadeselect { + background: #f5f5f5; +} +.p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #ececec; +} +.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #dcdcdc; +} + +.p-checkbox { + width: 18px; + height: 18px; +} +.p-checkbox .p-checkbox-box { + border: 2px solid #757575; + background: #ffffff; + width: 18px; + height: 18px; + color: rgba(0, 0, 0, 0.87); + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +.p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #ffffff; + font-size: 14px; +} +.p-checkbox .p-checkbox-box.p-highlight { + border-color: #2196F3; + background: #2196F3; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: rgba(0, 0, 0, 0.87); +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #2196F3; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #2196F3; + background: #2196F3; + color: #ffffff; +} + +p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #B00020; +} + +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: #f5f5f5; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #2196F3; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #ececec; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #2196F3; +} + +.p-checkbox-label { + margin-left: 0.5rem; +} + +.p-chips .p-chips-multiple-container { + padding: 0.375rem 0.75rem; +} +.p-chips .p-chips-multiple-container:not(.p-disabled):hover { + border-color: rgba(0, 0, 0, 0.87); +} +.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #2196F3; +} +.p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: rgba(33, 150, 243, 0.12); + color: #2196F3; + border-radius: 4px; +} +.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; +} +.p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.375rem 0; +} +.p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(0, 0, 0, 0.87); + padding: 0; + margin: 0; +} + +p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #B00020; +} + +.p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 2rem; + height: 2rem; +} + +.p-colorpicker-panel { + background: #323232; + border-color: #191919; +} +.p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; +} + +.p-colorpicker-overlay-panel { + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} + +.p-dropdown { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.38); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +.p-dropdown:not(.p-disabled):hover { + border-color: rgba(0, 0, 0, 0.87); +} +.p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #2196F3; +} +.p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; +} +.p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; +} +.p-dropdown .p-dropdown-label.p-placeholder { + color: rgba(0, 0, 0, 0.6); +} +.p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +.p-dropdown .p-dropdown-trigger { + background: transparent; + color: rgba(0, 0, 0, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.p-dropdown .p-dropdown-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 2.75rem; +} + +.p-dropdown-panel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +.p-dropdown-panel .p-dropdown-header { + padding: 0.75rem; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; +} +.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} +.p-dropdown-panel .p-dropdown-items:not(.p-dropdown-virtualscroll) { + padding: 0; +} +.p-dropdown-panel .p-dropdown-items.p-dropdown-virtualscroll .cdk-virtual-scroll-content-wrapper { + padding: 0; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0; + padding: 0.75rem 0.75rem; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: none; + border-radius: 0; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: #2196F3; + background: rgba(33, 150, 243, 0.12); +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + background: transparent; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); + background: #ffffff; + font-weight: 400; +} + +p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #B00020; +} + +.p-input-filled .p-dropdown { + background: #f5f5f5; +} +.p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #ececec; +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #dcdcdc; +} + +.p-editor-container .p-editor-toolbar { + background: #ffffff; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #e0e0e0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(0, 0, 0, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(0, 0, 0, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(0, 0, 0, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; + padding: 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 0.75rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #e0e0e0; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: rgba(0, 0, 0, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #2196F3; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #2196F3; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #2196F3; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #2196F3; +} + +.p-inputgroup-addon { + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + border-top: 1px solid rgba(0, 0, 0, 0.38); + border-left: 1px solid rgba(0, 0, 0, 0.38); + border-bottom: 1px solid rgba(0, 0, 0, 0.38); + padding: 0.75rem 0.75rem; + min-width: 2.75rem; +} +.p-inputgroup-addon:last-child { + border-right: 1px solid rgba(0, 0, 0, 0.38); +} + +.p-inputgroup > .p-component, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; +} +.p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; +} +.p-inputgroup > .p-component:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; +} +.p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { + z-index: 1; +} + +.p-inputgroup-addon:first-child, +.p-inputgroup button:first-child, +.p-inputgroup input:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} + +.p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} + +.p-inputgroup-addon:last-child, +.p-inputgroup button:last-child, +.p-inputgroup input:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.p-fluid .p-inputgroup .p-button { + width: auto; +} +.p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 2.75rem; +} + +p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #B00020; +} + +p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #B00020; +} + +.p-inputswitch { + width: 2.75rem; + height: 1rem; +} +.p-inputswitch .p-inputswitch-slider { + background: rgba(0, 0, 0, 0.38); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0.5rem; +} +.p-inputswitch .p-inputswitch-slider:before { + background: #ffffff; + width: 1.5rem; + height: 1.5rem; + left: -1px; + margin-top: -0.75rem; + border-radius: 50%; + transition-duration: 0.2s; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1.5rem); +} +.p-inputswitch.p-focus .p-inputswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: rgba(0, 0, 0, 0.38); +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: rgba(33, 150, 243, 0.5); +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #2196F3; +} +.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: rgba(33, 150, 243, 0.5); +} + +p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + border-color: #B00020; +} + +.p-inputtext { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + padding: 0.75rem 0.75rem; + border: 1px solid rgba(0, 0, 0, 0.38); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + appearance: none; + border-radius: 4px; +} +.p-inputtext:enabled:hover { + border-color: rgba(0, 0, 0, 0.87); +} +.p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #2196F3; +} +.p-inputtext.ng-dirty.ng-invalid { + border-color: #B00020; +} +.p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; +} +.p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; +} + +.p-float-label > label { + left: 0.75rem; + color: rgba(0, 0, 0, 0.6); + transition-duration: 0.2s; +} + +.p-float-label > .ng-invalid.ng-dirty + label { + color: #B00020; +} + +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} + +.p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; +} + +.p-input-icon-left.p-float-label > label { + left: 2.5rem; +} + +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} + +.p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; +} + +::-webkit-input-placeholder { + color: rgba(0, 0, 0, 0.6); +} + +:-moz-placeholder { + color: rgba(0, 0, 0, 0.6); +} + +::-moz-placeholder { + color: rgba(0, 0, 0, 0.6); +} + +:-ms-input-placeholder { + color: rgba(0, 0, 0, 0.6); +} + +.p-input-filled .p-inputtext { + background-color: #f5f5f5; +} +.p-input-filled .p-inputtext:enabled:hover { + background-color: #ececec; +} +.p-input-filled .p-inputtext:enabled:focus { + background-color: #dcdcdc; +} + +.p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; +} + +.p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; +} + +.p-listbox { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid rgba(0, 0, 0, 0.38); + border-radius: 4px; +} +.p-listbox .p-listbox-header { + padding: 0.75rem; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; +} +.p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} +.p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; +} +.p-listbox .p-listbox-list { + padding: 0; +} +.p-listbox .p-listbox-list .p-listbox-item { + margin: 0; + padding: 0.75rem 0.75rem; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + transition: none; + border-radius: 0; +} +.p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: #2196F3; + background: rgba(33, 150, 243, 0.12); +} +.p-listbox .p-listbox-list .p-listbox-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; +} +.p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); + background: #ffffff; + font-weight: 400; +} +.p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + background: transparent; +} +.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} + +p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #B00020; +} + +.p-multiselect { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.38); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +.p-multiselect:not(.p-disabled):hover { + border-color: rgba(0, 0, 0, 0.87); +} +.p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #2196F3; +} +.p-multiselect .p-multiselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +.p-multiselect .p-multiselect-label.p-placeholder { + color: rgba(0, 0, 0, 0.6); +} +.p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: rgba(33, 150, 243, 0.12); + color: #2196F3; + border-radius: 4px; +} +.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; +} +.p-multiselect .p-multiselect-trigger { + background: transparent; + color: rgba(0, 0, 0, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.375rem 0.75rem; +} + +.p-multiselect-panel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +.p-multiselect-panel .p-multiselect-header { + padding: 0.75rem; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.75rem; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} +.p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-multiselect-panel .p-multiselect-items:not(.p-multiselect-virtualscroll) { + padding: 0; +} +.p-multiselect-panel .p-multiselect-items.p-multiselect-virtualscroll .cdk-virtual-scroll-content-wrapper { + padding: 0; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0; + padding: 0.75rem 0.75rem; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: none; + border-radius: 0; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: #2196F3; + background: rgba(33, 150, 243, 0.12); +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); + background: #ffffff; + font-weight: 400; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + background: transparent; +} + +p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #B00020; +} + +.p-input-filled .p-multiselect { + background: #f5f5f5; +} +.p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #ececec; +} +.p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #dcdcdc; +} + +.p-password.p-invalid.p-component > .p-inputtext { + border-color: #B00020; +} + +.p-password-panel { + padding: 0.75rem; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +.p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: rgba(33, 150, 243, 0.32); +} +.p-password-panel .p-password-meter .p-password-strength.weak { + background: #D32F2F; +} +.p-password-panel .p-password-meter .p-password-strength.medium { + background: #FBC02D; +} +.p-password-panel .p-password-meter .p-password-strength.strong { + background: #689F38; +} + +.p-radiobutton { + width: 20px; + height: 20px; +} +.p-radiobutton .p-radiobutton-box { + border: 2px solid #757575; + background: #ffffff; + width: 20px; + height: 20px; + color: rgba(0, 0, 0, 0.87); + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: rgba(0, 0, 0, 0.87); +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #2196F3; +} +.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 10px; + height: 10px; + transition-duration: 0.2s; + background-color: #2196F3; +} +.p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #2196F3; + background: #ffffff; +} +.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #2196F3; + background: #ffffff; + color: #2196F3; +} + +p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #B00020; +} + +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #f5f5f5; +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #ececec; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #ffffff; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #ffffff; +} + +.p-radiobutton-label { + margin-left: 0.5rem; +} + +.p-rating .p-rating-icon { + color: #2196F3; + margin-left: 0.5rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + font-size: 1rem; +} +.p-rating .p-rating-icon.p-rating-cancel { + color: #B00020; +} +.p-rating .p-rating-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-rating .p-rating-icon:first-child { + margin-left: 0; +} +.p-rating .p-rating-icon.pi-star { + color: #2196F3; +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + color: #2196F3; +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + color: #B00020; +} + +.p-selectbutton .p-button { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +.p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: rgba(0, 0, 0, 0.6); +} +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f6f6f6; + border-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); +} +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(0, 0, 0, 0.6); +} +.p-selectbutton .p-button.p-highlight { + background: #e0e0e1; + border-color: #e0e0e1; + color: rgba(0, 0, 0, 0.87); +} +.p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: rgba(0, 0, 0, 0.6); +} +.p-selectbutton .p-button.p-highlight:hover { + background: #d9d8d9; + border-color: #d9d8d9; + color: rgba(0, 0, 0, 0.87); +} +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: rgba(0, 0, 0, 0.6); +} + +p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #B00020; +} + +.p-slider { + background: #c1c1c1; + border: 0 none; + border-radius: 4px; +} +.p-slider.p-slider-horizontal { + height: 2px; +} +.p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -10px; + margin-left: -10px; +} +.p-slider.p-slider-vertical { + width: 2px; +} +.p-slider.p-slider-vertical .p-slider-handle { + margin-left: -10px; + margin-bottom: -10px; +} +.p-slider .p-slider-handle { + height: 20px; + width: 20px; + background: #2196F3; + border: 0 none; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +.p-slider .p-slider-handle:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-slider .p-slider-range { + background: #2196F3; +} +.p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #2196F3; + border-color: 0 none; +} +.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), left 0.2s; +} +.p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { + transition: width 0.2s; +} +.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), bottom 0.2s; +} +.p-slider.p-slider-animate.p-slider-vertical .p-slider-range { + transition: height 0.2s; +} + +.p-togglebutton.p-button { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +.p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: rgba(0, 0, 0, 0.6); +} +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f6f6f6; + border-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); +} +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(0, 0, 0, 0.6); +} +.p-togglebutton.p-button.p-highlight { + background: #e0e0e1; + border-color: #e0e0e1; + color: rgba(0, 0, 0, 0.87); +} +.p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: rgba(0, 0, 0, 0.6); +} +.p-togglebutton.p-button.p-highlight:hover { + background: #d9d8d9; + border-color: #d9d8d9; + color: rgba(0, 0, 0, 0.87); +} +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: rgba(0, 0, 0, 0.6); +} + +p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #B00020; +} + +.p-treeselect { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.38); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +.p-treeselect:not(.p-disabled):hover { + border-color: rgba(0, 0, 0, 0.87); +} +.p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #2196F3; +} +.p-treeselect .p-treeselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +.p-treeselect .p-treeselect-label.p-placeholder { + color: rgba(0, 0, 0, 0.6); +} +.p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + border-radius: 16px; +} +.p-treeselect .p-treeselect-trigger { + background: transparent; + color: rgba(0, 0, 0, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.p-treeselect.p-invalid.p-component { + border-color: #B00020; +} + +.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.375rem 0.75rem; +} + +.p-treeselect-panel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +.p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; +} +.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + background: transparent; +} + +.p-input-filled .p-treeselect { + background: #f5f5f5; +} +.p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #ececec; +} +.p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #dcdcdc; +} + +.p-button { + color: #ffffff; + background: #2196F3; + border: 0 none; + padding: 0.643rem 0.75rem; + font-size: 1rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +.p-button:enabled:hover { + background: rgba(33, 150, 243, 0.92); + color: #ffffff; + border-color: transparent; +} +.p-button:enabled:active { + background: rgba(33, 150, 243, 0.68); + color: #ffffff; + border-color: transparent; +} +.p-button.p-button-outlined { + background-color: transparent; + color: #2196F3; + border: 0 none; +} +.p-button.p-button-outlined:enabled:hover { + background: rgba(33, 150, 243, 0.04); + color: #2196F3; + border: 0 none; +} +.p-button.p-button-outlined:enabled:active { + background: rgba(33, 150, 243, 0.16); + color: #2196F3; + border: 0 none; +} +.p-button.p-button-outlined.p-button-plain { + color: rgba(0, 0, 0, 0.6); + border-color: rgba(0, 0, 0, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:active { + background: rgba(0, 0, 0, 0.16); + color: rgba(0, 0, 0, 0.6); +} +.p-button.p-button-text { + background-color: transparent; + color: #2196F3; + border-color: transparent; +} +.p-button.p-button-text:enabled:hover { + background: rgba(33, 150, 243, 0.04); + color: #2196F3; + border-color: transparent; +} +.p-button.p-button-text:enabled:active { + background: rgba(33, 150, 243, 0.16); + color: #2196F3; + border-color: transparent; +} +.p-button.p-button-text.p-button-plain { + color: rgba(0, 0, 0, 0.6); +} +.p-button.p-button-text.p-button-plain:enabled:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); +} +.p-button.p-button-text.p-button-plain:enabled:active { + background: rgba(0, 0, 0, 0.16); + color: rgba(0, 0, 0, 0.6); +} +.p-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-button .p-button-icon-left { + margin-right: 0.5rem; +} +.p-button .p-button-icon-right { + margin-left: 0.5rem; +} +.p-button .p-button-icon-bottom { + margin-top: 0.5rem; +} +.p-button .p-button-icon-top { + margin-bottom: 0.5rem; +} +.p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #2196F3; + background-color: #ffffff; +} +.p-button.p-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +.p-button.p-button-rounded { + border-radius: 2rem; +} +.p-button.p-button-icon-only { + width: 2.75rem; + padding: 0.643rem; +} +.p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; +} +.p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 2.75rem; +} +.p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.562625rem 0.65625rem; +} +.p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; +} +.p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.80375rem 0.9375rem; +} +.p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; +} +.p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; +} +.p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; +} + +.p-fluid .p-button { + width: 100%; +} +.p-fluid .p-button-icon-only { + width: 2.75rem; +} +.p-fluid .p-buttonset { + display: flex; +} +.p-fluid .p-buttonset .p-button { + flex: 1; +} + +.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + color: #212121; + background: #f37f21; + border: 0 none; +} +.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + background: rgba(243, 127, 33, 0.92); + color: #212121; + border-color: transparent; +} +.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + box-shadow: none; +} +.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + background: rgba(243, 127, 33, 0.68); + color: #212121; + border-color: transparent; +} +.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + background-color: transparent; + color: #f37f21; + border: 0 none; +} +.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + background: rgba(243, 127, 33, 0.04); + color: #f37f21; + border: 0 none; +} +.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + background: rgba(243, 127, 33, 0.16); + color: #f37f21; + border: 0 none; +} +.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + background-color: transparent; + color: #f37f21; + border-color: transparent; +} +.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + background: rgba(243, 127, 33, 0.04); + border-color: transparent; + color: #f37f21; +} +.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + background: rgba(243, 127, 33, 0.16); + border-color: transparent; + color: #f37f21; +} + +.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #ffffff; + background: #2196F3; + border: 0 none; +} +.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { + background: rgba(33, 150, 243, 0.92); + color: #ffffff; + border-color: transparent; +} +.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + box-shadow: none; +} +.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + background: rgba(33, 150, 243, 0.68); + color: #ffffff; + border-color: transparent; +} +.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + background-color: transparent; + color: #2196F3; + border: 0 none; +} +.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + background: rgba(33, 150, 243, 0.04); + color: #2196F3; + border: 0 none; +} +.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + background: rgba(33, 150, 243, 0.16); + color: #2196F3; + border: 0 none; +} +.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + background-color: transparent; + color: #2196F3; + border-color: transparent; +} +.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + background: rgba(33, 150, 243, 0.04); + border-color: transparent; + color: #2196F3; +} +.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + background: rgba(33, 150, 243, 0.16); + border-color: transparent; + color: #2196F3; +} + +.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #ffffff; + background: #689F38; + border: 0 none; +} +.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { + background: rgba(104, 159, 56, 0.92); + color: #ffffff; + border-color: transparent; +} +.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + box-shadow: none; +} +.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + background: rgba(104, 159, 56, 0.68); + color: #ffffff; + border-color: transparent; +} +.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + background-color: transparent; + color: #689F38; + border: 0 none; +} +.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + background: rgba(104, 159, 56, 0.04); + color: #689F38; + border: 0 none; +} +.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + background: rgba(104, 159, 56, 0.16); + color: #689F38; + border: 0 none; +} +.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + background-color: transparent; + color: #689F38; + border-color: transparent; +} +.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + background: rgba(104, 159, 56, 0.04); + border-color: transparent; + color: #689F38; +} +.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + background: rgba(104, 159, 56, 0.16); + border-color: transparent; + color: #689F38; +} + +.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #212529; + background: #FBC02D; + border: 0 none; +} +.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { + background: rgba(251, 192, 45, 0.92); + color: #212529; + border-color: transparent; +} +.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + box-shadow: none; +} +.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + background: rgba(251, 192, 45, 0.68); + color: #212529; + border-color: transparent; +} +.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + background-color: transparent; + color: #FBC02D; + border: 0 none; +} +.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + background: rgba(251, 192, 45, 0.04); + color: #FBC02D; + border: 0 none; +} +.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + background: rgba(251, 192, 45, 0.16); + color: #FBC02D; + border: 0 none; +} +.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + background-color: transparent; + color: #FBC02D; + border-color: transparent; +} +.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + background: rgba(251, 192, 45, 0.04); + border-color: transparent; + color: #FBC02D; +} +.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + background: rgba(251, 192, 45, 0.16); + border-color: transparent; + color: #FBC02D; +} + +.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #ffffff; + background: #9C27B0; + border: 0 none; +} +.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { + background: rgba(156, 39, 176, 0.92); + color: #ffffff; + border-color: transparent; +} +.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + box-shadow: none; +} +.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + background: rgba(156, 39, 176, 0.68); + color: #ffffff; + border-color: transparent; +} +.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + background-color: transparent; + color: #9C27B0; + border: 0 none; +} +.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + background: rgba(156, 39, 176, 0.04); + color: #9C27B0; + border: 0 none; +} +.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + background: rgba(156, 39, 176, 0.16); + color: #9C27B0; + border: 0 none; +} +.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + background-color: transparent; + color: #9C27B0; + border-color: transparent; +} +.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + background: rgba(156, 39, 176, 0.04); + border-color: transparent; + color: #9C27B0; +} +.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + background: rgba(156, 39, 176, 0.16); + border-color: transparent; + color: #9C27B0; +} + +.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #ffffff; + background: #D32F2F; + border: 0 none; +} +.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { + background: rgba(211, 47, 47, 0.92); + color: #ffffff; + border-color: transparent; +} +.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + box-shadow: none; +} +.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + background: rgba(211, 47, 47, 0.68); + color: #ffffff; + border-color: transparent; +} +.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + background-color: transparent; + color: #D32F2F; + border: 0 none; +} +.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + background: rgba(211, 47, 47, 0.04); + color: #D32F2F; + border: 0 none; +} +.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + background: rgba(211, 47, 47, 0.16); + color: #D32F2F; + border: 0 none; +} +.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + background-color: transparent; + color: #D32F2F; + border-color: transparent; +} +.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + background: rgba(211, 47, 47, 0.04); + border-color: transparent; + color: #D32F2F; +} +.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + background: rgba(211, 47, 47, 0.16); + border-color: transparent; + color: #D32F2F; +} + +.p-button.p-button-link { + color: #2196F3; + background: transparent; + border: transparent; +} +.p-button.p-button-link:enabled:hover { + background: transparent; + color: #2196F3; + border-color: transparent; +} +.p-button.p-button-link:enabled:hover .p-button-label { + text-decoration: underline; +} +.p-button.p-button-link:enabled:focus { + background: transparent; + box-shadow: none; + border-color: transparent; +} +.p-button.p-button-link:enabled:active { + background: transparent; + color: #2196F3; + border-color: transparent; +} + +.p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; +} +.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 2rem; +} + +.p-speeddial-action { + width: 3rem; + height: 3rem; + background: #f37f21; + color: #fff; +} +.p-speeddial-action:hover { + background: rgba(243, 127, 33, 0.92); + color: #fff; +} + +.p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; +} + +.p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; +} + +.p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; +} + +.p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; +} + +.p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; +} +.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; +} + +.p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.32); +} + +.p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin: 0.5rem; +} +.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.p-carousel .p-carousel-content .p-carousel-prev:focus, +.p-carousel .p-carousel-content .p-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-carousel .p-carousel-indicators { + padding: 1rem; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #dcdcdc; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #ececec; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: rgba(33, 150, 243, 0.12); + color: #2196F3; +} + +.p-datatable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-datatable .p-datatable-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +.p-datatable .p-datatable-footer { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +.p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + font-weight: 500; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + transition: none; +} +.p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + font-weight: 500; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; +} +.p-datatable .p-sortable-column .p-sortable-column-icon { + color: rgba(0, 0, 0, 0.6); + margin-left: 0.5rem; +} +.p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #2196F3; + background: rgba(33, 150, 243, 0.12); + margin-left: 0.5rem; +} +.p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-datatable .p-sortable-column.p-highlight { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(0, 0, 0, 0.87); +} +.p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: rgba(0, 0, 0, 0.87); +} +.p-datatable .p-sortable-column:focus { + box-shadow: none; + outline: 0 none; +} +.p-datatable .p-datatable-tbody > tr { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + transition: none; + outline-color: transparent; +} +.p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; +} +.p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(33, 150, 243, 0.12); + color: #2196F3; +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(33, 150, 243, 0.12); +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(33, 150, 243, 0.12); +} +.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +.p-datatable .p-column-resizer-helper { + background: #2196F3; +} +.p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #ffffff; +} +.p-datatable .p-datatable-loading-icon { + font-size: 2rem; +} +.p-datatable.p-datatable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-footer { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-paginator-top { + border-width: 0 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-paginator-bottom { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { + border-width: 1px 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { + border-width: 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { + border-width: 1px; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { + background: rgba(0, 0, 0, 0.02); +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(33, 150, 243, 0.12); + color: #2196F3; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #2196F3; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #2196F3; +} +.p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.375rem 0.375rem; +} +.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.375rem 0.375rem; +} +.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.375rem 0.375rem; +} +.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +.p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.375rem 0.375rem; +} +.p-datatable.p-datatable-lg .p-datatable-header { + padding: 0.9375rem 0.9375rem; +} +.p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 0.9375rem 0.9375rem; +} +.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +.p-datatable.p-datatable-lg .p-datatable-footer { + padding: 0.9375rem 0.9375rem; +} + +.p-dataview .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-dataview .p-dataview-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +.p-dataview .p-dataview-content { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + padding: 0.75rem; +} +.p-dataview.p-dataview-list .p-dataview-content > .grid > div { + border: solid rgba(0, 0, 0, 0.12); + border-width: 0 0 1px 0; +} +.p-dataview .p-dataview-footer { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +.p-dataview .p-dataview-loading-icon { + font-size: 2rem; +} +.p-dataview .p-dataview-emptymessage { + padding: 0.75rem; +} + +.p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; +} + +.p-column-filter-menu-button { + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-column-filter-menu-button:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); +} +.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: rgba(33, 150, 243, 0.12); + color: #2196F3; +} +.p-column-filter-menu-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-column-filter-clear-button:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.p-column-filter-clear-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-column-filter-overlay { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + min-width: 12.5rem; +} +.p-column-filter-overlay .p-column-filter-row-items { + padding: 0; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 0.75rem 0.75rem; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: none; + border-radius: 0; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: #2196F3; + background: rgba(33, 150, 243, 0.12); +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; +} + +.p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.75rem; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0.75rem; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} +.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; +} +.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; +} +.p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; +} +.p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0.75rem 0.75rem; +} +.p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0.75rem; +} + +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-view-container th { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-unthemed .fc-view-container td.fc-widget-content { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-unthemed .fc-view-container td.fc-head-container { + border: 1px solid #e0e0e0; +} +.fc.fc-unthemed .fc-view-container .fc-row { + border-right: 1px solid #e0e0e0; +} +.fc.fc-unthemed .fc-view-container .fc-event { + background: rgba(33, 150, 243, 0.12); + border: 1px solid rgba(33, 150, 243, 0.12); + color: #2196F3; +} +.fc.fc-unthemed .fc-view-container .fc-divider { + background: #ffffff; + border: 1px solid #e0e0e0; +} +.fc.fc-unthemed .fc-toolbar .fc-button { + color: #ffffff; + background: #2196F3; + border: 0 none; + font-size: 1rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + display: flex; + align-items: center; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { + background: rgba(33, 150, 243, 0.92); + color: #ffffff; + border-color: transparent; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { + background: rgba(33, 150, 243, 0.68); + color: #ffffff; + border-color: transparent; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: ""; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: ""; +} +.fc.fc-unthemed .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: #f6f6f6; + border-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #e0e0e1; + border-color: #e0e0e1; + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #d9d8d9; + border-color: #d9d8d9; + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + z-index: 1; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { + border-color: #e0e0e0; +} +.fc.fc-theme-standard .fc-view-harness th { + background: #ffffff; + border-color: #e0e0e0; + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-theme-standard .fc-view-harness td { + color: rgba(0, 0, 0, 0.87); + border-color: #e0e0e0; +} +.fc.fc-theme-standard .fc-view-harness .fc-view { + background: #ffffff; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover { + background: none; + border: 0 none; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { + border: 1px solid #e0e0e0; + padding: 0.75rem; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { + opacity: 1; + display: flex; + align-items: center; + justify-content: center; + overflow: hidden; + font-family: "PrimeIcons" !important; + font-size: 1rem; + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { + content: ""; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { + padding: 0.75rem; + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-top: 0 none; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { + color: #2196F3; + background: rgba(33, 150, 243, 0.12); + border-color: rgba(33, 150, 243, 0.12); +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { + color: #2196F3; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { + background: rgba(33, 150, 243, 0.12); + border-color: rgba(33, 150, 243, 0.12); +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { + background: #ffffff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button { + color: #ffffff; + background: #2196F3; + border: 0 none; + font-size: 1rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { + background: rgba(33, 150, 243, 0.92); + color: #ffffff; + border-color: transparent; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { + background: rgba(33, 150, 243, 0.68); + color: #ffffff; + border-color: transparent; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { + opacity: 0.38; + color: #ffffff; + background: #2196F3; + border: 0 none; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: ""; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: ""; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: #f6f6f6; + border-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #e0e0e1; + border-color: #e0e0e1; + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #d9d8d9; + border-color: #d9d8d9; + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + z-index: 1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.fc.fc-theme-standard a { + color: rgba(0, 0, 0, 0.87); +} + +.p-orderlist .p-orderlist-controls { + padding: 0.75rem; +} +.p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; +} +.p-orderlist .p-orderlist-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e0e0e0; + padding: 0.75rem; + border-bottom: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 500; +} +.p-orderlist .p-orderlist-filter-container { + padding: 0.75rem; + background: #ffffff; + border: 1px solid #e0e0e0; + border-bottom: 0 none; +} +.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; +} +.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} +.p-orderlist .p-orderlist-list { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: none; +} +.p-orderlist .p-orderlist-list .p-orderlist-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #2196F3; + background: rgba(33, 150, 243, 0.12); +} +.p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); +} +.p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} + +.p-orderlist-item.cdk-drag-preview { + padding: 0.75rem 0.75rem; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + margin: 0; +} + +.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +.p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(33, 150, 243, 0.12); + color: #2196F3; +} +.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(8, 82, 141, 0.12); +} +.p-organizationchart .p-organizationchart-line-down { + background: rgba(0, 0, 0, 0.12); +} +.p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #e0e0e0; + border-color: rgba(0, 0, 0, 0.12); +} +.p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #e0e0e0; + border-color: rgba(0, 0, 0, 0.12); +} +.p-organizationchart .p-organizationchart-node-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +.p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; +} +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-paginator { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: solid #e4e4e4; + border-width: 0; + padding: 0.375rem 0.75rem; + border-radius: 4px; +} +.p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: rgba(0, 0, 0, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: none; + border-radius: 50%; +} +.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + border-color: transparent; + color: rgba(0, 0, 0, 0.6); +} +.p-paginator .p-paginator-first { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-paginator .p-paginator-last { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 3rem; +} +.p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; +} +.p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: rgba(0, 0, 0, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + padding: 0 0.5rem; +} +.p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: rgba(0, 0, 0, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: none; + border-radius: 50%; +} +.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(33, 150, 243, 0.12); + border-color: rgba(33, 150, 243, 0.12); + color: #2196F3; +} +.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + border-color: transparent; + color: rgba(0, 0, 0, 0.6); +} + +.p-picklist .p-picklist-buttons { + padding: 0.75rem; +} +.p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; +} +.p-picklist .p-picklist-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e0e0e0; + padding: 0.75rem; + border-bottom: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-picklist .p-picklist-header .p-picklist-title { + font-weight: 500; +} +.p-picklist .p-picklist-filter-container { + padding: 0.75rem; + background: #ffffff; + border: 1px solid #e0e0e0; + border-bottom: 0 none; +} +.p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; +} +.p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} +.p-picklist .p-picklist-list { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-picklist .p-picklist-list .p-picklist-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: none; +} +.p-picklist .p-picklist-list .p-picklist-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #2196F3; + background: rgba(33, 150, 243, 0.12); +} +.p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); +} +.p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} + +.p-picklist-item.cdk-drag-preview { + padding: 0.75rem 0.75rem; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + margin: 0; +} + +.p-timeline .p-timeline-event-marker { + border: 0 none; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #bdbdbd; +} +.p-timeline .p-timeline-event-connector { + background-color: #bdbdbd; +} +.p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; +} +.p-timeline.p-timeline-vertical .p-timeline-event-connector { + width: 2px; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-opposite, +.p-timeline.p-timeline-horizontal .p-timeline-event-content { + padding: 1rem 0; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; +} + +.p-tree { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-radius: 4px; +} +.p-tree .p-tree-container .p-treenode { + padding: 0.25rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 4px; + transition: none; + padding: 0.571rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(0, 0, 0, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(33, 150, 243, 0.12); + color: #2196F3; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #2196F3; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: #2196F3; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +.p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; +} +.p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; +} +.p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} +.p-tree .p-treenode-children { + padding: 0 0 0 1rem; +} +.p-tree .p-tree-loading-icon { + font-size: 2rem; +} +.p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: rgba(11, 122, 209, 0.12); +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 4px; + border: 1px solid #e0e0e0; + background-color: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.571rem; + transition: none; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(33, 150, 243, 0.12); + color: #2196F3; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #2196F3; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-treetable .p-treetable-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +.p-treetable .p-treetable-footer { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +.p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + font-weight: 500; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + transition: none; +} +.p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + font-weight: 500; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; +} +.p-treetable .p-sortable-column { + outline-color: transparent; +} +.p-treetable .p-sortable-column .p-sortable-column-icon { + color: rgba(0, 0, 0, 0.6); + margin-left: 0.5rem; +} +.p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #2196F3; + background: rgba(33, 150, 243, 0.12); + margin-left: 0.5rem; +} +.p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-treetable .p-sortable-column.p-highlight { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(0, 0, 0, 0.87); +} +.p-treetable .p-treetable-tbody > tr { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + transition: none; + outline-color: transparent; +} +.p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; +} +.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(0, 0, 0, 0.87); +} +.p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(33, 150, 243, 0.12); + color: #2196F3; +} +.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #2196F3; +} +.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #2196F3; +} +.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: rgba(0, 0, 0, 0.87); +} +.p-treetable .p-column-resizer-helper { + background: #2196F3; +} +.p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #ffffff; +} +.p-treetable .p-treetable-loading-icon { + font-size: 2rem; +} +.p-treetable.p-treetable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-footer { + border-width: 0 1px 1px 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-top { + border-width: 0 1px 0 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-bottom { + border-width: 0 1px 1px 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { + border-width: 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { + border-width: 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { + border-width: 1px; +} +.p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.65625rem 0.65625rem; +} +.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.375rem 0.375rem; +} +.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.375rem 0.375rem; +} +.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +.p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.375rem 0.375rem; +} +.p-treetable.p-treetable-lg .p-treetable-header { + padding: 0.9375rem 0.9375rem; +} +.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 0.9375rem 0.9375rem; +} +.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +.p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.9375rem 0.9375rem; +} + +.p-virtualscroller .p-virtualscroller-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +.p-virtualscroller .p-virtualscroller-content { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + padding: 0.75rem; +} +.p-virtualscroller .p-virtualscroller-footer { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} + +.p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.25rem; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + font-weight: 400; + border-radius: 4px; + transition: none; +} +.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; +} +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #f6f6f6; + border-color: transparent; + color: rgba(0, 0, 0, 0.87); +} +.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #ffffff; + border-color: transparent; + color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +.p-accordion .p-accordion-content { + padding: 0.75rem 1.25rem; + border: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 0; +} +.p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { + border-radius: 0; +} +.p-accordion p-accordiontab .p-accordion-content { + border-radius: 0; +} +.p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { + border-top: 0 none; +} +.p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-top: 0 none; +} +.p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-accordion p-accordiontab:last-child .p-accordion-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +.p-card { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +.p-card .p-card-body { + padding: 0.75rem; +} +.p-card .p-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +.p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +.p-card .p-card-content { + padding: 0.75rem 0; +} +.p-card .p-card-footer { + padding: 0.75rem 0 0 0; +} + +.p-divider .p-divider-content { + background-color: #ffffff; +} +.p-divider.p-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; +} +.p-divider.p-divider-horizontal:before { + border-top: 1px rgba(0, 0, 0, 0.12); +} +.p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; +} +.p-divider.p-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; +} +.p-divider.p-divider-vertical:before { + border-left: 1px rgba(0, 0, 0, 0.12); +} +.p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; +} + +.p-fieldset { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-radius: 4px; +} +.p-fieldset .p-fieldset-legend { + padding: 0.75rem; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + font-weight: 500; + border-radius: 4px; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 0.75rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 4px; + transition: none; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(0, 0, 0, 0.04); + border-color: #e0e0e0; + color: rgba(0, 0, 0, 0.87); +} +.p-fieldset .p-fieldset-content { + padding: 0.75rem; +} + +.p-panel .p-panel-header { + border: 1px solid #e0e0e0; + padding: 0.75rem; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-panel .p-panel-header .p-panel-title { + font-weight: 500; +} +.p-panel .p-panel-header .p-panel-header-icon { + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.p-panel .p-panel-header .p-panel-header-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-panel.p-panel-toggleable .p-panel-header { + padding: 0.5rem 1rem; +} +.p-panel .p-panel-content { + padding: 0.75rem; + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + border-top: 0 none; +} +.p-panel .p-panel-footer { + padding: 0.75rem 0.75rem; + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-top: 0 none; +} + +.p-scrollpanel .p-scrollpanel-bar { + background: rgba(0, 0, 0, 0.12); + border: 0 none; +} + +.p-splitter { + border: 1px solid #e0e0e0; + background: #ffffff; + border-radius: 4px; + color: rgba(0, 0, 0, 0.87); +} +.p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + background: rgba(0, 0, 0, 0.04); +} +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: rgba(0, 0, 0, 0.12); +} +.p-splitter .p-splitter-gutter-resizing { + background: rgba(0, 0, 0, 0.12); +} + +.p-tabview .p-tabview-nav { + background: #ffffff; + border: solid rgba(0, 0, 0, 0.12); + border-width: 0 0 1px 0; +} +.p-tabview .p-tabview-nav li { + margin-right: 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: none; + border-width: 0 0 0 0; + border-color: transparent transparent transparent transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + padding: 0.75rem 1.25rem; + font-weight: 500; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + transition: none; + margin: 0 0 0 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: rgba(33, 150, 243, 0.04); + border-color: transparent; + color: rgba(0, 0, 0, 0.6); +} +.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: transparent; + color: #2196F3; +} +.p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; +} +.p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; +} +.p-tabview .p-tabview-close { + margin-left: 0.5rem; +} +.p-tabview .p-tabview-panels { + background: #ffffff; + padding: 0.75rem; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +.p-toolbar { + background: #ffffff; + border: 1px solid #e0e0e0; + padding: 0.75rem; + border-radius: 4px; +} +.p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; +} + +.p-confirm-popup { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +.p-confirm-popup .p-confirm-popup-content { + padding: 0.75rem; +} +.p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0.75rem 0.75rem; +} +.p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +.p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; +} +.p-confirm-popup:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +.p-confirm-popup:before { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +.p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #ffffff; +} +.p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #ffffff; +} +.p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; +} +.p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; +} + +.p-dialog { + border-radius: 4px; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; +} +.p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 1.25rem; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-dialog .p-dialog-header .p-dialog-title { + font-weight: 500; + font-size: 1.25rem; +} +.p-dialog .p-dialog-header .p-dialog-header-icon { + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.p-dialog .p-dialog-header .p-dialog-header-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; +} +.p-dialog .p-dialog-content { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0 1.25rem 1.25rem 1.25rem; +} +.p-dialog .p-dialog-footer { + border-top: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 1.25rem; + text-align: right; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +.p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; +} +.p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; +} + +.p-dialog-mask.p-component-overlay { + background-color: rgba(0, 0, 0, 0.32); +} + +.p-overlaypanel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +.p-overlaypanel .p-overlaypanel-content { + padding: 0.75rem; +} +.p-overlaypanel .p-overlaypanel-close { + background: #2196F3; + color: #ffffff; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + position: absolute; + top: -1rem; + right: -1rem; +} +.p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: rgba(33, 150, 243, 0.92); + color: #ffffff; +} +.p-overlaypanel:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +.p-overlaypanel:before { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +.p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #ffffff; +} +.p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #ffffff; +} + +.p-sidebar { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +.p-sidebar .p-sidebar-header { + padding: 0.75rem; +} +.p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.p-sidebar .p-sidebar-header .p-sidebar-close:focus, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; +} +.p-sidebar .p-sidebar-content { + padding: 0.75rem; +} + +.p-sidebar-mask.p-component-overlay { + background: rgba(0, 0, 0, 0.32); +} + +.p-tooltip .p-tooltip-text { + background: rgba(97, 97, 97, 0.9); + color: #ffffff; + padding: 0.5rem; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +.p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: rgba(97, 97, 97, 0.9); +} +.p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: rgba(97, 97, 97, 0.9); +} +.p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: rgba(97, 97, 97, 0.9); +} +.p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: rgba(97, 97, 97, 0.9); +} + +.p-fileupload .p-fileupload-buttonbar { + background: #ffffff; + padding: 0.75rem; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + border-bottom: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; +} +.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-fileupload .p-fileupload-content { + background: #ffffff; + padding: 2rem 1rem; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-fileupload .p-progressbar { + height: 4px; +} +.p-fileupload .p-fileupload-row > div { + padding: 0.75rem 0.75rem; +} +.p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; +} + +.p-fileupload-choose:not(.p-disabled):hover { + background: rgba(33, 150, 243, 0.92); + color: #ffffff; + border-color: transparent; +} +.p-fileupload-choose:not(.p-disabled):active { + background: rgba(33, 150, 243, 0.68); + color: #ffffff; + border-color: transparent; +} + +.p-breadcrumb { + background: #ffffff; + border: 1px solid #e5e5e5; + border-radius: 4px; + padding: 0.75rem; +} +.p-breadcrumb ul li .p-menuitem-link { + transition: none; + border-radius: 4px; +} +.p-breadcrumb ul li .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-breadcrumb ul li.p-breadcrumb-chevron { + margin: 0 0.5rem 0 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +.p-breadcrumb ul li:last-child .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-breadcrumb ul li:last-child .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} + +.p-contextmenu { + padding: 0.5rem 0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + width: 12.5rem; +} +.p-contextmenu .p-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-contextmenu .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-contextmenu .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; +} +.p-contextmenu .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-contextmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-contextmenu .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +.p-contextmenu .p-menuitem { + margin: 0; +} +.p-contextmenu .p-menuitem:last-child { + margin: 0; +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: rgba(0, 0, 0, 0.04); +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-contextmenu .p-menu-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; +} +.p-contextmenu .p-submenu-icon { + font-size: 0.875rem; +} + +.p-dock .p-dock-list { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; +} +.p-dock .p-dock-item { + padding: 0.5rem; +} +.p-dock .p-dock-action { + width: 4rem; + height: 4rem; +} +.p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; +} +.p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; +} +.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; +} +.p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; +} +.p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; +} +.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; +} + +.p-megamenu { + padding: 0.75rem; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e5e5e5; + border-radius: 4px; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 4px; + transition: none; + user-select: none; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); + margin-left: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-megamenu .p-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-megamenu .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-megamenu .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; +} +.p-megamenu .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-megamenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-megamenu .p-megamenu-panel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +.p-megamenu .p-megamenu-submenu-header { + margin: 0; + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); + background: #ffffff; + font-weight: 400; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-megamenu .p-megamenu-submenu { + padding: 0.5rem 0; + width: 12.5rem; +} +.p-megamenu .p-megamenu-submenu .p-menu-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; +} +.p-megamenu .p-megamenu-submenu .p-menuitem { + margin: 0; +} +.p-megamenu .p-megamenu-submenu .p-menuitem:last-child { + margin: 0; +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: rgba(0, 0, 0, 0.04); +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.5rem 0; +} +.p-megamenu.p-megamenu-vertical .p-menuitem { + margin: 0; +} +.p-megamenu.p-megamenu-vertical .p-menuitem:last-child { + margin: 0; +} + +.p-menu { + padding: 0.5rem 0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e5e5e5; + border-radius: 4px; + width: 12.5rem; +} +.p-menu .p-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-menu .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-menu .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; +} +.p-menu .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-menu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-menu.p-menu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +.p-menu .p-submenu-header { + margin: 0; + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); + background: #ffffff; + font-weight: 400; + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.p-menu .p-menu-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; +} +.p-menu .p-menuitem { + margin: 0; +} +.p-menu .p-menuitem:last-child { + margin: 0; +} + +.p-menubar { + padding: 0.75rem; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e5e5e5; + border-radius: 4px; +} +.p-menubar .p-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-menubar .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-menubar .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; +} +.p-menubar .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-menubar .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 4px; + transition: none; + user-select: none; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); + margin-left: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-menubar .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + width: 12.5rem; +} +.p-menubar .p-submenu-list .p-menu-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; +} +.p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; +} +.p-menubar .p-submenu-list .p-menuitem { + margin: 0; +} +.p-menubar .p-submenu-list .p-menuitem:last-child { + margin: 0; +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: rgba(0, 0, 0, 0.04); +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} + +@media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: rgba(0, 0, 0, 0.6); + background: rgba(0, 0, 0, 0.04); + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menu-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: none; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list ul li a { + padding-left: 2.25rem; + } + .p-menubar .p-menubar-root-list ul li ul li a { + padding-left: 3.75rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.25rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 6.75rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 8.25rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } +} +.p-panelmenu .p-panelmenu-header > a { + padding: 1.25rem; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + font-weight: 400; + border-radius: 4px; + transition: none; +} +.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-header > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + background: #f6f6f6; + border-color: transparent; + color: rgba(0, 0, 0, 0.87); +} +.p-panelmenu .p-panelmenu-header.p-highlight { + margin-bottom: 0; +} +.p-panelmenu .p-panelmenu-header.p-highlight > a { + background: #ffffff; + border-color: transparent; + color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + border-color: transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +.p-panelmenu .p-panelmenu-content { + padding: 0.5rem 0; + border: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + margin-bottom: 0; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) { + padding: 0 0 0 1rem; +} +.p-panelmenu .p-panelmenu-panel { + margin-bottom: 0; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { + border-radius: 0; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-content { + border-radius: 0; +} +.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { + border-top: 0 none; +} +.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { + border-top: 0 none; +} +.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +.p-slidemenu { + padding: 0.5rem 0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e5e5e5; + border-radius: 4px; + width: 12.5rem; +} +.p-slidemenu .p-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-slidemenu .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-slidemenu .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; +} +.p-slidemenu .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-slidemenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-slidemenu.p-slidemenu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +.p-slidemenu .p-slidemenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { + background: rgba(0, 0, 0, 0.04); +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { + color: rgba(0, 0, 0, 0.87); +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-slidemenu .p-slidemenu-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; +} +.p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; +} +.p-slidemenu .p-slidemenu-backward { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); +} + +.p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: none; + border-radius: 4px; + background: transparent; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: rgba(0, 0, 0, 0.87); + border: 1px solid transparent; + background: transparent; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: rgba(0, 0, 0, 0.87); +} +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(33, 150, 243, 0.12); + color: #2196F3; +} +.p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 500; + color: rgba(0, 0, 0, 0.87); +} +.p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid rgba(0, 0, 0, 0.12); + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; +} + +.p-tabmenu .p-tabmenu-nav { + background: #ffffff; + border: solid rgba(0, 0, 0, 0.12); + border-width: 0 0 1px 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: none; + border-width: 0 0 0 0; + border-color: transparent transparent transparent transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + padding: 0.75rem 1.25rem; + font-weight: 500; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + transition: none; + margin: 0 0 0 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: rgba(33, 150, 243, 0.04); + border-color: transparent; + color: rgba(0, 0, 0, 0.6); +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #ffffff; + border-color: transparent; + color: #2196F3; +} + +.p-tieredmenu { + padding: 0.5rem 0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e5e5e5; + border-radius: 4px; + width: 12.5rem; +} +.p-tieredmenu .p-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-tieredmenu .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-tieredmenu .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; +} +.p-tieredmenu .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-tieredmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +.p-tieredmenu .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +.p-tieredmenu .p-menuitem { + margin: 0; +} +.p-tieredmenu .p-menuitem:last-child { + margin: 0; +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: rgba(0, 0, 0, 0.04); +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-tieredmenu .p-menu-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; +} +.p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; +} + +.p-inline-message { + padding: 0.75rem 0.75rem; + margin: 0; + border-radius: 4px; +} +.p-inline-message.p-inline-message-info { + background: #B3E5FC; + border: solid transparent; + border-width: 1px; + color: #01579B; +} +.p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #01579B; +} +.p-inline-message.p-inline-message-success { + background: #C8E6C9; + border: solid transparent; + border-width: 1px; + color: #1B5E20; +} +.p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #1B5E20; +} +.p-inline-message.p-inline-message-warn { + background: #FFECB3; + border: solid transparent; + border-width: 1px; + color: #7f6003; +} +.p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #7f6003; +} +.p-inline-message.p-inline-message-error { + background: #FFCDD2; + border: solid transparent; + border-width: 1px; + color: #B71C1C; +} +.p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #B71C1C; +} +.p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; +} +.p-inline-message .p-inline-message-text { + font-size: 1rem; +} +.p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; +} + +.p-message { + margin: 0.75rem 0; + border-radius: 4px; +} +.p-message .p-message-wrapper { + padding: 1rem 1.25rem; +} +.p-message .p-message-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.3); +} +.p-message .p-message-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-message.p-message-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 0; + color: #01579B; +} +.p-message.p-message-info .p-message-icon { + color: #01579B; +} +.p-message.p-message-info .p-message-close { + color: #01579B; +} +.p-message.p-message-success { + background: #C8E6C9; + border: solid transparent; + border-width: 0 0 0 0; + color: #1B5E20; +} +.p-message.p-message-success .p-message-icon { + color: #1B5E20; +} +.p-message.p-message-success .p-message-close { + color: #1B5E20; +} +.p-message.p-message-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 0; + color: #7f6003; +} +.p-message.p-message-warn .p-message-icon { + color: #7f6003; +} +.p-message.p-message-warn .p-message-close { + color: #7f6003; +} +.p-message.p-message-error { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 0; + color: #B71C1C; +} +.p-message.p-message-error .p-message-icon { + color: #B71C1C; +} +.p-message.p-message-error .p-message-close { + color: #B71C1C; +} +.p-message .p-message-text { + font-size: 1rem; + font-weight: 500; +} +.p-message .p-message-icon { + font-size: 1.5rem; + margin-right: 0.5rem; +} +.p-message .p-message-summary { + font-weight: 700; +} +.p-message .p-message-detail { + margin-left: 0.5rem; +} + +.p-toast { + opacity: 0.9; +} +.p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +.p-toast .p-toast-message .p-toast-message-content { + padding: 1.25rem; + border-width: 0 0 0 0; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 1rem; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 2rem; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 700; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; +} +.p-toast .p-toast-message .p-toast-icon-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.3); +} +.p-toast .p-toast-message .p-toast-icon-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-toast .p-toast-message.p-toast-message-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 0; + color: #01579B; +} +.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #01579B; +} +.p-toast .p-toast-message.p-toast-message-success { + background: #C8E6C9; + border: solid transparent; + border-width: 0 0 0 0; + color: #1B5E20; +} +.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #1B5E20; +} +.p-toast .p-toast-message.p-toast-message-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 0; + color: #7f6003; +} +.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #7f6003; +} +.p-toast .p-toast-message.p-toast-message-error { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 0; + color: #B71C1C; +} +.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #B71C1C; +} + +.p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: rgba(255, 255, 255, 0.87); + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; +} +.p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +.p-galleria .p-galleria-item-nav { + background: transparent; + color: #f6f6f6; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + margin: 0 0.5rem; +} +.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; +} +.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +.p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: rgba(255, 255, 255, 0.87); + padding: 1rem; +} +.p-galleria .p-galleria-indicators { + padding: 1rem; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #dcdcdc; + width: 1.25rem; + height: 1.25rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #ececec; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(33, 150, 243, 0.12); + color: #2196F3; +} +.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; +} +.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(33, 150, 243, 0.12); + color: #2196F3; +} +.p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: rgba(255, 255, 255, 0.87); + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-galleria-mask.p-component-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +.p-avatar { + background-color: rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +.p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +.p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; +} +.p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +.p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; +} + +.p-avatar-group .p-avatar { + border: 2px solid #ffffff; +} + +.p-badge { + background: #2196F3; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +.p-badge.p-badge-secondary { + background-color: #f37f21; + color: #212121; +} +.p-badge.p-badge-success { + background-color: #689F38; + color: #ffffff; +} +.p-badge.p-badge-info { + background-color: #2196F3; + color: #ffffff; +} +.p-badge.p-badge-warning { + background-color: #FBC02D; + color: #212529; +} +.p-badge.p-badge-danger { + background-color: #D32F2F; + color: #ffffff; +} +.p-badge.p-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +.p-badge.p-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} + +.p-blockui.p-component-overlay { + background: rgba(0, 0, 0, 0.32); +} + +.p-chip { + background-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + border-radius: 16px; + padding: 0 0.75rem; +} +.p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; +} +.p-chip .p-chip-icon { + margin-right: 0.5rem; +} +.p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; +} +.p-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; +} +.p-chip .pi-chip-remove-icon { + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-inplace .p-inplace-display { + padding: 1rem 1rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +.p-inplace .p-inplace-display:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +.p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-progressbar { + border: 0 none; + height: 4px; + background: rgba(33, 150, 243, 0.32); + border-radius: 4px; +} +.p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #2196F3; +} +.p-progressbar .p-progressbar-label { + color: rgba(0, 0, 0, 0.87); + line-height: 4px; +} + +.p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-scrolltop.p-link { + background: #f37f21; +} +.p-scrolltop.p-link:hover { + background: rgba(243, 127, 33, 0.92); +} +.p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: #212121; +} + +.p-skeleton { + background-color: rgba(0, 0, 0, 0.08); + border-radius: 4px; +} +.p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); +} + +.p-tag { + background: #2196F3; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 4px; +} +.p-tag.p-tag-success { + background-color: #689F38; + color: #ffffff; +} +.p-tag.p-tag-info { + background-color: #2196F3; + color: #ffffff; +} +.p-tag.p-tag-warning { + background-color: #FBC02D; + color: #212529; +} +.p-tag.p-tag-danger { + background-color: #D32F2F; + color: #ffffff; +} +.p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +.p-terminal { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e0e0e0; + padding: 0.75rem; +} +.p-terminal .p-terminal-input { + font-size: 1rem; + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; +} + +.p-accordion .p-accordion-tab { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + margin-bottom: 0; + border-radius: 0; + position: relative; + transition: margin-bottom 225ms; +} +.p-accordion .p-accordion-tab:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +.p-accordion .p-accordion-tab:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +.p-accordion .p-accordion-tab .p-accordion-toggle-icon { + order: 1; + margin-left: auto; + transition: transform 0.2s; +} +.p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-header-link:focus { + background: #f6f6f6; +} +.p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-toggle-icon { + transform: rotate(-270deg); +} +.p-accordion .p-accordion-tab.p-accordion-tab-active { + margin-bottom: 1rem; +} +.p-accordion .p-accordion-tab.p-accordion-tab-active .p-accordion-toggle-icon { + transform: rotate(-180deg); +} +.p-accordion .p-accordion-tab .p-accordion-header.p-disabled { + opacity: 1; +} +.p-accordion .p-accordion-tab .p-accordion-header.p-disabled .p-accordion-header-link > * { + opacity: 0.38; +} + +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #2196F3, inset 0 0 0 1px #2196F3, inset 0 0 0 1px #2196F3, inset 0 0 0 1px #2196F3; +} + +.p-input-filled .p-autocomplete .p-autocomplete-multiple-container { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #2196F3, #2196F3), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +.p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext { + background-image: none; + background-color: transparent; +} +.p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #2196F3, #2196F3), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +.p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} + +.p-float-label .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 1rem; +} + +.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding-top: 0; + padding-bottom: 0; +} +.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + font-size: 75%; +} +.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0; +} +.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext:enabled:focus { + box-shadow: none; + border-color: transparent; +} +.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + box-shadow: none; + border-color: transparent; +} + +p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext:enabled:focus { + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} + +.p-button { + font-weight: 500; + min-width: 4rem; +} +.p-button.p-button-icon-only { + min-width: auto; +} +.p-button:enabled:focus { + background: rgba(33, 150, 243, 0.76); +} +.p-button:enabled:active { + background: rgba(33, 150, 243, 0.68); +} +.p-button .p-ink { + background-color: rgba(255, 255, 255, 0.32); +} +.p-button.p-button-outlined { + box-shadow: inset 0 0 0 1px; +} +.p-button.p-button-outlined:enabled:focus { + box-shadow: inset 0 0 0 1px; +} +.p-button.p-button-outlined:enabled:active { + box-shadow: inset 0 0 0 1px; +} +.p-button.p-button-text:enabled:focus, .p-button.p-button-outlined:enabled:focus { + background: rgba(33, 150, 243, 0.12); +} +.p-button.p-button-text:enabled:active, .p-button.p-button-outlined:enabled:active { + background: rgba(33, 150, 243, 0.16); +} +.p-button.p-button-text .p-ink, .p-button.p-button-outlined .p-ink { + background-color: rgba(33, 150, 243, 0.16); +} +.p-button:disabled { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(0, 0, 0, 0.38) !important; + opacity: 1; +} +.p-button:disabled.p-button-text { + background-color: transparent !important; + color: rgba(0, 0, 0, 0.38) !important; +} +.p-button:disabled.p-button-outlined { + background-color: transparent !important; + color: rgba(0, 0, 0, 0.38) !important; + border-color: rgba(0, 0, 0, 0.38) !important; +} +.p-button.p-button-raised:enabled:focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + background: rgba(243, 127, 33, 0.76); +} +.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + background: rgba(243, 127, 33, 0.68); +} +.p-button.p-button-secondary.p-button-text:enabled:focus, .p-button.p-button-secondary.p-button-outlined:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:focus { + background: rgba(243, 127, 33, 0.12); +} +.p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + background: rgba(243, 127, 33, 0.16); +} +.p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink { + background-color: rgba(243, 127, 33, 0.16); +} + +.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + background: rgba(33, 150, 243, 0.76); +} +.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + background: rgba(33, 150, 243, 0.68); +} +.p-button.p-button-info.p-button-text:enabled:focus, .p-button.p-button-info.p-button-outlined:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:focus { + background: rgba(33, 150, 243, 0.12); +} +.p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + background: rgba(33, 150, 243, 0.16); +} +.p-button.p-button-info.p-button-text .p-ink, .p-button.p-button-info.p-button-outlined .p-ink, .p-buttonset.p-button-info > .p-button.p-button-text .p-ink, .p-buttonset.p-button-info > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-outlined .p-ink { + background-color: rgba(33, 150, 243, 0.16); +} + +.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + background: rgba(104, 159, 56, 0.76); +} +.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + background: rgba(104, 159, 56, 0.68); +} +.p-button.p-button-success.p-button-text:enabled:focus, .p-button.p-button-success.p-button-outlined:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:focus { + background: rgba(104, 159, 56, 0.12); +} +.p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + background: rgba(104, 159, 56, 0.16); +} +.p-button.p-button-success.p-button-text .p-ink, .p-button.p-button-success.p-button-outlined .p-ink, .p-buttonset.p-button-success > .p-button.p-button-text .p-ink, .p-buttonset.p-button-success > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-outlined .p-ink { + background-color: rgba(104, 159, 56, 0.16); +} + +.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + background: rgba(251, 192, 45, 0.76); +} +.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + background: rgba(251, 192, 45, 0.68); +} +.p-button.p-button-warning.p-button-text:enabled:focus, .p-button.p-button-warning.p-button-outlined:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:focus { + background: rgba(251, 192, 45, 0.12); +} +.p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + background: rgba(251, 192, 45, 0.16); +} +.p-button.p-button-warning.p-button-text .p-ink, .p-button.p-button-warning.p-button-outlined .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-text .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-outlined .p-ink { + background-color: rgba(251, 192, 45, 0.16); +} + +.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + background: rgba(156, 39, 176, 0.76); +} +.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + background: rgba(156, 39, 176, 0.68); +} +.p-button.p-button-help.p-button-text:enabled:focus, .p-button.p-button-help.p-button-outlined:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:focus { + background: rgba(156, 39, 176, 0.12); +} +.p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + background: rgba(156, 39, 176, 0.16); +} +.p-button.p-button-help.p-button-text .p-ink, .p-button.p-button-help.p-button-outlined .p-ink, .p-buttonset.p-button-help > .p-button.p-button-text .p-ink, .p-buttonset.p-button-help > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-outlined .p-ink { + background-color: rgba(156, 39, 176, 0.16); +} + +.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + background: rgba(211, 47, 47, 0.76); +} +.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + background: rgba(211, 47, 47, 0.68); +} +.p-button.p-button-danger.p-button-text:enabled:focus, .p-button.p-button-danger.p-button-outlined:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:focus { + background: rgba(211, 47, 47, 0.12); +} +.p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + background: rgba(211, 47, 47, 0.16); +} +.p-button.p-button-danger.p-button-text .p-ink, .p-button.p-button-danger.p-button-outlined .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-text .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-outlined .p-ink { + background-color: rgba(211, 47, 47, 0.16); +} + +.p-calendar-w-btn { + border: 1px solid rgba(0, 0, 0, 0.38); + background: #ffffff; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +.p-calendar-w-btn .p-inputtext { + background-image: none; + background-color: transparent; + border: 0 none; +} +.p-calendar-w-btn .p-inputtext:enabled:focus { + box-shadow: none; +} +.p-calendar-w-btn .p-datepicker-trigger.p-button { + background-color: transparent; + border: 0 none; +} +.p-calendar-w-btn .p-datepicker-trigger.p-button span { + color: rgba(0, 0, 0, 0.6); +} +.p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:hover { + background: rgba(0, 0, 0, 0.04); +} +.p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:active, .p-calendar-w-btn .p-datepicker-trigger.p-button:focus { + background: rgba(0, 0, 0, 0.12); +} +.p-calendar-w-btn:not(.p-disabled):hover { + border-color: rgba(0, 0, 0, 0.87); +} +.p-calendar-w-btn:not(.p-disabled).p-focus { + border-color: #2196F3; + box-shadow: inset 0 0 0 1px #2196F3, inset 0 0 0 1px #2196F3, inset 0 0 0 1px #2196F3, inset 0 0 0 1px #2196F3; +} + +.p-datepicker .p-datepicker-header { + border-bottom: 0 none; +} +.p-datepicker .p-datepicker-header .p-datepicker-title { + margin: 0 auto 0 0; + order: 1; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev { + order: 2; +} +.p-datepicker .p-datepicker-header .p-datepicker-next { + order: 3; +} +.p-datepicker table th { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.38); + font-weight: 400; + font-size: 0.875rem; +} +.p-datepicker table td.p-datepicker-today > span { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.38); +} +.p-datepicker table td.p-datepicker-today.p-highlight { + box-shadow: 0 0 0 1px rgba(33, 150, 243, 0.12); +} + +p-calendar.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn { + border-color: #B00020; +} +p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn .p-inputtext:enabled:focus { + box-shadow: none; +} +p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} + +.p-input-filled .p-calendar-w-btn { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #2196F3, #2196F3), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +.p-input-filled .p-calendar-w-btn .p-inputtext { + background-image: none; + background-color: transparent; +} +.p-input-filled .p-calendar-w-btn:not(.p-disabled):hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #2196F3, #2196F3), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +.p-input-filled .p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled .p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-calendar-w-btn .p-inputtext:enabled:hover, .p-input-filled .p-calendar-w-btn .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} +.p-input-filled .p-calendar-w-btn .p-inputtext { + border: 0 none; +} +.p-input-filled p-calendar.ng-dirty.ng-invalid .p-inputtext { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-calendar.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: none; + border-color: transparent; +} +.p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-focus { + box-shadow: none; + border-color: transparent; +} +.p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn .p-inputtext { + border: 0 none; + background-image: none; +} + +.p-cascadeselect .p-inputtext, .p-cascadeselect .p-cascadeselect-trigger { + background-image: none; + background: transparent; +} +.p-cascadeselect .p-inputtext { + border: 0 none; +} +.p-cascadeselect:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #2196F3, inset 0 0 0 1px #2196F3, inset 0 0 0 1px #2196F3, inset 0 0 0 1px #2196F3; +} + +.p-cascadeselect-item .p-ink { + background-color: rgba(33, 150, 243, 0.16); +} + +.p-input-filled .p-cascadeselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #2196F3, #2196F3), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +.p-input-filled .p-cascadeselect .p-inputtext { + background-image: none; + background-color: transparent; +} +.p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #2196F3, #2196F3), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-cascadeselect .p-inputtext:enabled:hover, .p-input-filled .p-cascadeselect .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} +.p-input-filled .p-cascadeselect .p-inputtext { + border: 0 none; +} +.p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-focus { + box-shadow: none; + border-color: transparent; +} + +p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} + +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #f37f21; + color: #212121; +} + +.p-checkbox { + border-radius: 50%; + transition: box-shadow 0.2s; +} +.p-checkbox .p-checkbox-box { + border-color: #757575; + border-radius: 2px; + position: relative; +} +.p-checkbox .p-checkbox-box:not(.p-disabled):hover { + border-color: #757575; +} +.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus { + border-color: #757575; +} +.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus { + border-color: #2196F3; +} +.p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon.pi-check:before { + content: ""; + position: absolute; + top: 6px; + left: 1px; + border-right: 2px solid transparent; + border-bottom: 2px solid transparent; + transform: rotate(45deg); + transform-origin: 0% 100%; + animation: checkbox-check 125ms 50ms linear forwards; +} +.p-checkbox:not(.p-checkbox-disabled):hover { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); +} +.p-checkbox:not(.p-checkbox-disabled).p-checkbox-focused { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12); +} +.p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled):hover { + box-shadow: 0 0 1px 10px rgba(33, 150, 243, 0.04); +} +.p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled).p-checkbox-focused { + box-shadow: 0 0 1px 10px rgba(33, 150, 243, 0.12); +} + +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: #ffffff; +} +.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { + background-color: #ffffff; +} + +@keyframes checkbox-check { + 0% { + width: 0; + height: 0; + border-color: #ffffff; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 33% { + width: 4px; + height: 0; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 100% { + width: 4px; + height: 10px; + border-color: #ffffff; + transform: translate3d(0, -10px, 0) rotate(45deg); + } +} +.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #2196F3, inset 0 0 0 1px #2196F3, inset 0 0 0 1px #2196F3, inset 0 0 0 1px #2196F3; +} + +.p-input-filled .p-chips-multiple-container { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #2196F3, #2196F3), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +.p-input-filled .p-chips-multiple-container .p-inputtext { + background-image: none; + background-color: transparent; +} +.p-input-filled .p-chips-multiple-container:not(.p-disabled):hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #2196F3, #2196F3), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +.p-input-filled .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-chips-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-chips-multiple-container .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} + +.p-float-label .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 1rem; +} + +.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token { + padding-top: 0; + padding-bottom: 0; +} +.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + font-size: 75%; +} +.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0; +} +.p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + box-shadow: none; + border-color: transparent; +} + +p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} + +.p-datatable .p-sortable-column { + outline: 0 none; +} +.p-datatable .p-sortable-column:focus { + background-color: rgba(0, 0, 0, 0.03); +} +.p-datatable .p-datatable-tbody > tr { + outline: 0 none; +} +.p-datatable .p-datatable-tbody > tr:not(.p-highlight):focus { + background-color: rgba(0, 0, 0, 0.03); +} + +.p-dropdown .p-inputtext, .p-dropdown .p-dropdown-trigger { + background-image: none; + background: transparent; +} +.p-dropdown .p-inputtext { + border: 0 none; +} +.p-dropdown:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #2196F3, inset 0 0 0 1px #2196F3, inset 0 0 0 1px #2196F3, inset 0 0 0 1px #2196F3; +} + +.p-dropdown-item .p-ink { + background-color: rgba(33, 150, 243, 0.16); +} + +.p-input-filled .p-dropdown { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #2196F3, #2196F3), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +.p-input-filled .p-dropdown .p-inputtext { + background-image: none; + background-color: transparent; +} +.p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #2196F3, #2196F3), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus, .p-input-filled .p-dropdown:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-dropdown .p-inputtext:enabled:hover, .p-input-filled .p-dropdown .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} +.p-input-filled .p-dropdown .p-inputtext { + border: 0 none; +} +.p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-focus { + box-shadow: none; + border-color: transparent; +} + +p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} + +.p-galleria .p-galleria-indicators { + padding: 1rem; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #f37f21; + color: #212121; +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(243, 127, 33, 0.68); + color: #212121; +} + +.p-inputtext:enabled:focus { + box-shadow: inset 0 0 0 1px #2196F3, inset 0 0 0 1px #2196F3, inset 0 0 0 1px #2196F3, inset 0 0 0 1px #2196F3; +} +.p-inputtext:enabled:focus.ng-invalid.ng-dirty { + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} + +.p-input-filled .p-inputtext { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #2196F3, #2196F3), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +.p-input-filled .p-inputtext:enabled:hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #2196F3, #2196F3), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +.p-input-filled .p-inputtext:enabled:focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-inputtext.ng-invalid.ng-dirty { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled .p-inputtext.ng-invalid.ng-dirty:enabled:focus { + box-shadow: none; + border-color: transparent; +} + +.p-input-filled .p-inputgroup .p-inputgroup-addon { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #2196F3, #2196F3), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +.p-input-filled .p-inputgroup .p-inputgroup-addon:last-child { + border-right-color: transparent; +} +.p-input-filled .p-inputgroup-addon:first-child, +.p-input-filled .p-inputgroup button:first-child, +.p-input-filled .p-inputgroup input:first-child { + border-bottom-left-radius: 0; +} +.p-input-filled .p-inputgroup .p-float-label:first-child input { + border-bottom-left-radius: 0; +} +.p-input-filled .p-inputgroup-addon:last-child, +.p-input-filled .p-inputgroup button:last-child, +.p-input-filled .p-inputgroup input:last-child { + border-bottom-right-radius: 0; +} +.p-input-filled .p-inputgroup .p-float-label:last-child input { + border-bottom-right-radius: 0; +} + +p-inputmask.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} + +.p-input-filled p-inputmask.ng-dirty.ng-invalid .p-inputtext { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-inputmask.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: none; + border-color: transparent; +} + +p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} + +.p-input-filled p-inputnumber.ng-dirty.ng-invalid .p-inputtext { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: none; + border-color: transparent; +} + +.p-inputswitch .p-inputswitch-slider:before { + transition-property: box-shadow transform; + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} +.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider:before { + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12), 0 0 1px 10px rgba(0, 0, 0, 0.04); +} +.p-inputswitch.p-inputswitch-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-focus:not(.p-disabled):hover .p-inputswitch-slider:before { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} +.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider:before { + box-shadow: 0 0 1px 10px rgba(33, 150, 243, 0.04), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} +.p-inputswitch.p-inputswitch-checked.p-inputswitch-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-checked.p-inputswitch-focus:not(.p-disabled):hover .p-inputswitch-slider:before { + box-shadow: 0 0 1px 10px rgba(33, 150, 243, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} + +.p-fieldset .p-fieldset-legend { + border: 0 none; +} + +.p-float-label input:focus ~ label, +.p-float-label input.p-filled ~ label, +.p-float-label textarea:focus ~ label, +.p-float-label textarea.p-filled ~ label, +.p-float-label .p-inputwrapper-focus ~ label, +.p-float-label .p-inputwrapper-filled ~ label { + top: -0.5rem !important; + background-color: #ffffff; + padding: 2px 4px; + margin-left: -4px; + margin-top: 0; +} + +.p-float-label textarea ~ label { + margin-top: 0; +} + +.p-float-label input:focus ~ label, +.p-float-label .p-inputwrapper-focus ~ label { + color: #2196F3; +} + +.p-input-filled .p-float-label .p-inputtext { + padding-top: 1.25rem; + padding-bottom: 0.25rem; +} +.p-input-filled .p-float-label input:focus ~ label, +.p-input-filled .p-float-label input.p-filled ~ label, +.p-input-filled .p-float-label textarea:focus ~ label, +.p-input-filled .p-float-label textarea.p-filled ~ label, +.p-input-filled .p-float-label .p-inputwrapper-focus ~ label, +.p-input-filled .p-float-label .p-inputwrapper-filled ~ label { + top: 0.25rem !important; + margin-top: 0; + background: transparent; +} + +.p-listbox-item .p-ink { + background-color: rgba(33, 150, 243, 0.16); +} + +.p-multiselect .p-multiselect-label, .p-multiselect .p-multiselect-trigger { + background-image: none; + background: transparent; +} +.p-multiselect .p-multiselect-label { + border: 0 none; +} +.p-multiselect:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #2196F3, inset 0 0 0 1px #2196F3, inset 0 0 0 1px #2196F3, inset 0 0 0 1px #2196F3; +} + +.p-multiselect-item .p-ink { + background-color: rgba(33, 150, 243, 0.16); +} + +.p-input-filled .p-multiselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #2196F3, #2196F3), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +.p-input-filled .p-multiselect .p-inputtext { + background-image: none; + background-color: transparent; +} +.p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #2196F3, #2196F3), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +.p-input-filled .p-multiselect:not(.p-disabled).p-focus, .p-input-filled .p-multiselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-multiselect .p-inputtext:enabled:hover, .p-input-filled .p-multiselect .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} +.p-input-filled .p-multiselect .p-multiselect-label:hover { + background-image: none; + background: transparent; +} + +.p-float-label .p-multiselect-label .p-multiselect-token { + padding: 0.25rem 1rem; + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} + +.p-input-filled .p-float-label .p-multiselect .p-multiselect-label { + padding-top: 1.25rem; + padding-bottom: 0.25rem; +} +.p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect .p-multiselect-label { + padding-top: 1.25rem; + padding-bottom: 0.25rem; +} +.p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding-top: 0; + padding-bottom: 0; + margin-top: 0; + margin-bottom: 0; +} +.p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + font-size: 75%; +} +.p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-focus { + box-shadow: none; + border-color: transparent; +} + +p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} + +.p-overlaypanel .p-overlaypanel-content { + padding: 1.5rem; +} + +.p-paginator { + justify-content: flex-end; +} + +.p-panel { + border-radius: 4px; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); +} +.p-panel .p-panel-header, +.p-panel .p-panel-content, +.p-panel .p-panel-footer { + border: 0 none; +} +.p-panel .p-panel-content { + padding-top: 0; +} +.p-panel .p-panel-title { + font-size: 1.25rem; +} + +.p-panelmenu .p-panelmenu-panel { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + margin-bottom: 0; + border-radius: 0; + position: relative; + transition: margin-bottom 225ms; +} +.p-panelmenu .p-panelmenu-panel:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +.p-panelmenu .p-panelmenu-panel:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-icon { + order: 1; + margin-left: auto; + margin-right: 0; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled { + opacity: 1; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled .p-panelmenu-header-link > * { + opacity: 0.38; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-link:focus { + background: #f6f6f6; +} + +.p-progressbar { + border-radius: 0; +} +.p-progressbar .p-progressbar-label { + display: none; +} + +.p-radiobutton { + border-radius: 50%; + transition: box-shadow 0.2s; +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border: 2px solid #757575; +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + border: 2px solid #757575; +} +.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus { + border-color: #2196F3; +} +.p-radiobutton:not(.p-radiobutton-disabled):hover { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); +} +.p-radiobutton:not(.p-radiobutton-disabled).p-radiobutton-focused { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12); +} +.p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled):hover { + box-shadow: 0 0 1px 10px rgba(33, 150, 243, 0.04); +} +.p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled).p-radiobutton-focused { + box-shadow: 0 0 1px 10px rgba(33, 150, 243, 0.12); +} + +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #ffffff; +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #ffffff; +} + +.p-selectbutton .p-button:focus { + background: #e0e0e1; + border-color: #e0e0e1; +} +.p-selectbutton .p-button:focus.p-highlight { + background: #d9d8d9; + border-color: #d9d8d9; +} + +.p-slider .p-slider-handle { + transition: transform 0.2s, box-shadow 0.2s; + transform: scale(0.7); +} +.p-slider .p-slider-handle:focus { + box-shadow: 0 0 1px 10px rgba(243, 127, 33, 0.2); +} +.p-slider.p-slider-sliding .p-slider-handle { + transform: scale(1); +} + +.p-steps { + padding: 1rem 0; +} +.p-steps .p-steps-item { + justify-content: flex-start; + flex-direction: row-reverse; + align-items: center; +} +.p-steps .p-steps-item:before { + position: static; + left: auto; + top: auto; + margin-top: 0; +} +.p-steps .p-steps-item:last-child { + flex-grow: 0; +} +.p-steps .p-steps-item:last-child:before { + display: none; +} +.p-steps .p-steps-item .p-menuitem-link { + flex-direction: row; + flex: 1 1 auto; + overflow: visible; + padding: 0 0.5rem; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-number { + background-color: #9e9d9e; + color: #ffffff; + font-size: 0.857rem; + min-width: 1.714rem; + height: 1.714rem; + line-height: 1.714rem; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin: 0; + padding-left: 0.5rem; +} +.p-steps .p-steps-item.p-highlight .p-steps-number { + background-color: #2196F3; + color: #ffffff; +} +.p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 600; + color: rgba(0, 0, 0, 0.87); +} +.p-steps .p-steps-item.p-disabled { + opacity: 1; +} + +.p-tabview .p-tabview-nav { + position: relative; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s; + border-radius: 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link > .p-ink { + background-color: rgba(33, 150, 243, 0.16); +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link:focus { + background-color: rgba(33, 150, 243, 0.12); +} +.p-tabview .p-tabview-nav .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 2px; + background-color: #2196F3; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); +} + +.p-toolbar { + border: 0 none; +} + +.p-tooltip .p-tooltip-text { + box-shadow: none; + font-size: 0.875rem; +} +.p-tooltip .p-tooltip-arrow { + display: none; +} + +.p-treetable .p-sortable-column { + outline: 0 none; +} +.p-treetable .p-sortable-column:focus { + background-color: rgba(0, 0, 0, 0.03); +} +.p-treetable .p-treetable-tbody > tr { + outline: 0 none; +} +.p-treetable .p-treetable-tbody > tr:not(.p-highlight):focus { + background-color: rgba(0, 0, 0, 0.03); +} + +.p-tabmenu .p-tabmenu-nav { + position: relative; +} +.p-tabmenu .p-tabmenu-nav li .p-menuitem-link { + transition: background-color 0.2s; + border-radius: 0; +} +.p-tabmenu .p-tabmenu-nav li .p-menuitem-link > .p-ink { + background-color: rgba(33, 150, 243, 0.16); +} +.p-tabmenu .p-tabmenu-nav li .p-menuitem-link:focus { + background-color: rgba(33, 150, 243, 0.12); +} +.p-tabmenu .p-tabmenu-nav .p-tabmenu-ink-bar { + display: block; + position: absolute; + bottom: 0; + height: 2px; + background-color: #2196F3; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); +} + +.p-timeline.p-timeline-vertical .p-timeline-event-connector { + margin: 0.5rem 0; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-connector { + margin: 0 0.5rem; +} + +.p-togglebutton.p-button:focus { + background: #e0e0e1; + border-color: #e0e0e1; +} +.p-togglebutton.p-button:focus.p-highlight { + background: #d9d8d9; + border-color: #d9d8d9; +} + +/* Add your customizations of the theme here */ diff --git a/src/assets/theme/blue/theme-light.scss b/src/assets/theme/blue/theme-light.scss new file mode 100644 index 00000000..44b77132 --- /dev/null +++ b/src/assets/theme/blue/theme-light.scss @@ -0,0 +1,8 @@ +$primaryColor:#2196F3; +$primaryLightestColor: #E3F2FD; +$primaryMenuTextColor: $primaryColor; +$primaryTextColor:#ffffff; +$accentColor:#f37f21; +$accentTextColor:#212121; + +@import '../../sass/theme/theme_light'; diff --git a/src/assets/theme/bluegrey/theme-dark.css b/src/assets/theme/bluegrey/theme-dark.css new file mode 100644 index 00000000..11532672 --- /dev/null +++ b/src/assets/theme/bluegrey/theme-dark.css @@ -0,0 +1,6663 @@ +@charset "UTF-8"; +:root { + --surface-a:#1e1e1e; + --surface-b:#121212; + --surface-c:hsla(0,0%,100%,.04); + --surface-d:hsla(0,0%,100%,.12); + --surface-e:#1e1e1e; + --surface-f:#262626; + --text-color:rgba(255, 255, 255, 0.87); + --text-color-secondary:rgba(255, 255, 255, 0.6); + --primary-color:#90A4AE; + --primary-lightest-color:#ECEFF1; + --primary-color-text:#212121; + --font-family:Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; +} + +/* Add your variable customizations of theme here */ +* { + box-sizing: border-box; +} + +.p-component { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + font-weight: normal; +} + +.p-component-overlay { + background-color: rgba(0, 0, 0, 0.32); + transition-duration: 0.2s; +} + +.p-disabled, .p-component:disabled { + opacity: 0.38; +} + +.p-error { + color: #f44435; +} + +.p-text-secondary { + color: rgba(255, 255, 255, 0.6); +} + +.pi { + font-size: 1rem; +} + +.p-link { + font-size: 1rem; + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + border-radius: 4px; +} +.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +:root { + --blue-50:#f4fafe; + --blue-100:#cae6fc; + --blue-200:#a0d2fa; + --blue-300:#75bef8; + --blue-400:#4baaf5; + --blue-500:#2196f3; + --blue-600:#1c80cf; + --blue-700:#1769aa; + --blue-800:#125386; + --blue-900:#0d3c61; + --green-50:#f7faf5; + --green-100:#dbe8cf; + --green-200:#bed6a9; + --green-300:#a1c384; + --green-400:#85b15e; + --green-500:#689f38; + --green-600:#588730; + --green-700:#496f27; + --green-800:#39571f; + --green-900:#2a4016; + --yellow-50:#fffcf5; + --yellow-100:#fef0cd; + --yellow-200:#fde4a5; + --yellow-300:#fdd87d; + --yellow-400:#fccc55; + --yellow-500:#fbc02d; + --yellow-600:#d5a326; + --yellow-700:#b08620; + --yellow-800:#8a6a19; + --yellow-900:#644d12; + --cyan-50:#f2fcfd; + --cyan-100:#c2eff5; + --cyan-200:#91e2ed; + --cyan-300:#61d5e4; + --cyan-400:#30c9dc; + --cyan-500:#00bcd4; + --cyan-600:#00a0b4; + --cyan-700:#008494; + --cyan-800:#006775; + --cyan-900:#004b55; + --pink-50:#fef4f7; + --pink-100:#fac9da; + --pink-200:#f69ebc; + --pink-300:#f1749e; + --pink-400:#ed4981; + --pink-500:#e91e63; + --pink-600:#c61a54; + --pink-700:#a31545; + --pink-800:#801136; + --pink-900:#5d0c28; + --indigo-50:#f6f7fc; + --indigo-100:#d5d9ef; + --indigo-200:#b3bae2; + --indigo-300:#919cd5; + --indigo-400:#707dc8; + --indigo-500:#4e5fbb; + --indigo-600:#42519f; + --indigo-700:#374383; + --indigo-800:#2b3467; + --indigo-900:#1f264b; + --teal-50:#f2faf9; + --teal-100:#c2e6e2; + --teal-200:#91d2cc; + --teal-300:#61beb5; + --teal-400:#30aa9f; + --teal-500:#009688; + --teal-600:#008074; + --teal-700:#00695f; + --teal-800:#00534b; + --teal-900:#003c36; + --orange-50:#fffaf2; + --orange-100:#ffe6c2; + --orange-200:#ffd391; + --orange-300:#ffbf61; + --orange-400:#ffac30; + --orange-500:#ff9800; + --orange-600:#d98100; + --orange-700:#b36a00; + --orange-800:#8c5400; + --orange-900:#663d00; + --bluegray-50:#f7f9f9; + --bluegray-100:#d9e0e3; + --bluegray-200:#bbc7cd; + --bluegray-300:#9caeb7; + --bluegray-400:#7e96a1; + --bluegray-500:#607d8b; + --bluegray-600:#526a76; + --bluegray-700:#435861; + --bluegray-800:#35454c; + --bluegray-900:#263238; + --purple-50:#faf4fb; + --purple-100:#e7cbec; + --purple-200:#d4a2dd; + --purple-300:#c279ce; + --purple-400:#af50bf; + --purple-500:#9c27b0; + --purple-600:#852196; + --purple-700:#6d1b7b; + --purple-800:#561561; + --purple-900:#3e1046; +} + +.p-autocomplete .p-autocomplete-loader { + right: 0.75rem; +} +.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.5rem; +} +.p-autocomplete .p-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; +} +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + border-color: rgba(255, 255, 255, 0.6); +} +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #90A4AE; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.375rem 0; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: rgba(144, 164, 174, 0.16); + color: #90A4AE; + border-radius: 4px; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; +} + +p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #f44435; +} + +.p-autocomplete-panel { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +.p-autocomplete-panel .p-autocomplete-items:not(.p-autocomplete-virtualscroll) { + padding: 0; +} +.p-autocomplete-panel .p-autocomplete-items.p-autocomplete-virtualscroll .cdk-virtual-scroll-content-wrapper { + padding: 0; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0; + padding: 0.75rem 0.75rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: none; + border-radius: 0; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: #90A4AE; + background: rgba(144, 164, 174, 0.16); +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); + background: transparent; + font-weight: 400; +} + +p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #f44435; +} + +.p-datepicker { + padding: 0.5rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.3); + border-radius: 4px; +} +.p-datepicker:not(.p-datepicker-inline) { + background: #2b2b2b; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #2b2b2b; +} +.p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 500; + margin: 0; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 2rem; +} +.p-datepicker .p-datepicker-header .p-datepicker-title select { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +.p-datepicker .p-datepicker-header .p-datepicker-title select:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #90A4AE; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; +} +.p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0; +} +.p-datepicker table th { + padding: 0.5rem; +} +.p-datepicker table th > span { + width: 2.25rem; + height: 2.25rem; +} +.p-datepicker table td { + padding: 0.5rem; +} +.p-datepicker table td > span { + width: 2.25rem; + height: 2.25rem; + border-radius: 50%; + transition: none; + border: 1px solid transparent; +} +.p-datepicker table td > span.p-highlight { + color: #90A4AE; + background: rgba(144, 164, 174, 0.16); +} +.p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-datepicker table td.p-datepicker-today > span { + background: transparent; + color: rgba(255, 255, 255, 0.87); + border-color: rgba(255, 255, 255, 0.5); +} +.p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #90A4AE; + background: rgba(144, 164, 174, 0.16); +} +.p-datepicker .p-datepicker-buttonbar { + padding: 0.75rem 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} +.p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; +} +.p-datepicker .p-timepicker { + border-top: 1px solid rgba(255, 255, 255, 0.12); + padding: 0.5rem; +} +.p-datepicker .p-timepicker button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datepicker .p-timepicker button:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.p-datepicker .p-timepicker button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; +} +.p-datepicker .p-timepicker span { + font-size: 1.25rem; +} +.p-datepicker .p-timepicker > div { + padding: 0 0.5rem; +} +.p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; +} +.p-datepicker .p-monthpicker { + margin: 0.5rem 0; +} +.p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.5rem; + transition: none; + border-radius: 4px; +} +.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #90A4AE; + background: rgba(144, 164, 174, 0.16); +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-right: 1px solid rgba(255, 255, 255, 0.12); + padding-right: 0.5rem; + padding-left: 0.5rem; + padding-top: 0; + padding-bottom: 0; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; + border-right: 0 none; +} +.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +@media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } +} +.p-cascadeselect { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.3); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +.p-cascadeselect:not(.p-disabled):hover { + border-color: rgba(255, 255, 255, 0.6); +} +.p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #90A4AE; +} +.p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; +} +.p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +.p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.p-cascadeselect-panel { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +.p-cascadeselect-panel .p-cascadeselect-items { + padding: 0; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: none; + border-radius: 0; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.75rem 0.75rem; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: #90A4AE; + background: rgba(144, 164, 174, 0.16); +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; +} + +p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #f44435; +} + +.p-input-filled .p-cascadeselect { + background: rgba(255, 255, 255, 0.06); +} +.p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); +} +.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.p-checkbox { + width: 18px; + height: 18px; +} +.p-checkbox .p-checkbox-box { + border: 2px solid rgba(255, 255, 255, 0.7); + background: #1e1e1e; + width: 18px; + height: 18px; + color: rgba(255, 255, 255, 0.87); + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +.p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #212121; + font-size: 14px; +} +.p-checkbox .p-checkbox-box.p-highlight { + border-color: #90A4AE; + background: #90A4AE; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: rgba(255, 255, 255, 0.6); +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #90A4AE; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #90A4AE; + background: #90A4AE; + color: #212121; +} + +p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #f44435; +} + +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: rgba(255, 255, 255, 0.06); +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #90A4AE; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: rgba(255, 255, 255, 0.08); +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #90A4AE; +} + +.p-checkbox-label { + margin-left: 0.5rem; +} + +.p-chips .p-chips-multiple-container { + padding: 0.375rem 0.75rem; +} +.p-chips .p-chips-multiple-container:not(.p-disabled):hover { + border-color: rgba(255, 255, 255, 0.6); +} +.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #90A4AE; +} +.p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: rgba(144, 164, 174, 0.16); + color: #90A4AE; + border-radius: 4px; +} +.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; +} +.p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.375rem 0; +} +.p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; +} + +p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #f44435; +} + +.p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 2rem; + height: 2rem; +} + +.p-colorpicker-panel { + background: #2b2b2b; + border-color: #1e1e1e; +} +.p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; +} + +.p-colorpicker-overlay-panel { + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} + +.p-dropdown { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.3); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +.p-dropdown:not(.p-disabled):hover { + border-color: rgba(255, 255, 255, 0.6); +} +.p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #90A4AE; +} +.p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; +} +.p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; +} +.p-dropdown .p-dropdown-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +.p-dropdown .p-dropdown-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.p-dropdown .p-dropdown-clear-icon { + color: rgba(255, 255, 255, 0.6); + right: 2.75rem; +} + +.p-dropdown-panel { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +.p-dropdown-panel .p-dropdown-header { + padding: 0.75rem; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + background: #2b2b2b; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; +} +.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +.p-dropdown-panel .p-dropdown-items:not(.p-dropdown-virtualscroll) { + padding: 0; +} +.p-dropdown-panel .p-dropdown-items.p-dropdown-virtualscroll .cdk-virtual-scroll-content-wrapper { + padding: 0; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0; + padding: 0.75rem 0.75rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: none; + border-radius: 0; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: #90A4AE; + background: rgba(144, 164, 174, 0.16); +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); + background: transparent; + font-weight: 400; +} + +p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #f44435; +} + +.p-input-filled .p-dropdown { + background: rgba(255, 255, 255, 0.06); +} +.p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.p-editor-container .p-editor-toolbar { + background: #1e1e1e; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid rgba(255, 255, 255, 0.12); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #2b2b2b; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; + padding: 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 0.75rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid rgba(255, 255, 255, 0.12); +} +.p-editor-container .p-editor-content .ql-editor { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #90A4AE; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #90A4AE; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #90A4AE; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #90A4AE; +} + +.p-inputgroup-addon { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + border-top: 1px solid rgba(255, 255, 255, 0.3); + border-left: 1px solid rgba(255, 255, 255, 0.3); + border-bottom: 1px solid rgba(255, 255, 255, 0.3); + padding: 0.75rem 0.75rem; + min-width: 2.75rem; +} +.p-inputgroup-addon:last-child { + border-right: 1px solid rgba(255, 255, 255, 0.3); +} + +.p-inputgroup > .p-component, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; +} +.p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; +} +.p-inputgroup > .p-component:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; +} +.p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { + z-index: 1; +} + +.p-inputgroup-addon:first-child, +.p-inputgroup button:first-child, +.p-inputgroup input:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} + +.p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} + +.p-inputgroup-addon:last-child, +.p-inputgroup button:last-child, +.p-inputgroup input:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.p-fluid .p-inputgroup .p-button { + width: auto; +} +.p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 2.75rem; +} + +p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #f44435; +} + +p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #f44435; +} + +.p-inputswitch { + width: 2.75rem; + height: 1rem; +} +.p-inputswitch .p-inputswitch-slider { + background: rgba(255, 255, 255, 0.3); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0.5rem; +} +.p-inputswitch .p-inputswitch-slider:before { + background: #bdbdbd; + width: 1.5rem; + height: 1.5rem; + left: -1px; + margin-top: -0.75rem; + border-radius: 50%; + transition-duration: 0.2s; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1.5rem); +} +.p-inputswitch.p-focus .p-inputswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: rgba(255, 255, 255, 0.3); +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: rgba(144, 164, 174, 0.5); +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #90A4AE; +} +.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: rgba(144, 164, 174, 0.5); +} + +p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + border-color: #f44435; +} + +.p-inputtext { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + padding: 0.75rem 0.75rem; + border: 1px solid rgba(255, 255, 255, 0.3); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + appearance: none; + border-radius: 4px; +} +.p-inputtext:enabled:hover { + border-color: rgba(255, 255, 255, 0.6); +} +.p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #90A4AE; +} +.p-inputtext.ng-dirty.ng-invalid { + border-color: #f44435; +} +.p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; +} +.p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; +} + +.p-float-label > label { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + transition-duration: 0.2s; +} + +.p-float-label > .ng-invalid.ng-dirty + label { + color: #f44435; +} + +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} + +.p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; +} + +.p-input-icon-left.p-float-label > label { + left: 2.5rem; +} + +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} + +.p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; +} + +::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.6); +} + +:-moz-placeholder { + color: rgba(255, 255, 255, 0.6); +} + +::-moz-placeholder { + color: rgba(255, 255, 255, 0.6); +} + +:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.6); +} + +.p-input-filled .p-inputtext { + background-color: rgba(255, 255, 255, 0.06); +} +.p-input-filled .p-inputtext:enabled:hover { + background-color: rgba(255, 255, 255, 0.08); +} +.p-input-filled .p-inputtext:enabled:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; +} + +.p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; +} + +.p-listbox { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.3); + border-radius: 4px; +} +.p-listbox .p-listbox-header { + padding: 0.75rem; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; +} +.p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +.p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; +} +.p-listbox .p-listbox-list { + padding: 0; +} +.p-listbox .p-listbox-list .p-listbox-item { + margin: 0; + padding: 0.75rem 0.75rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + transition: none; + border-radius: 0; +} +.p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: #90A4AE; + background: rgba(144, 164, 174, 0.16); +} +.p-listbox .p-listbox-list .p-listbox-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; +} +.p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); + background: transparent; + font-weight: 400; +} +.p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} +.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); +} + +p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #f44435; +} + +.p-multiselect { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.3); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +.p-multiselect:not(.p-disabled):hover { + border-color: rgba(255, 255, 255, 0.6); +} +.p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #90A4AE; +} +.p-multiselect .p-multiselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +.p-multiselect .p-multiselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: rgba(144, 164, 174, 0.16); + color: #90A4AE; + border-radius: 4px; +} +.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; +} +.p-multiselect .p-multiselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.375rem 0.75rem; +} + +.p-multiselect-panel { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +.p-multiselect-panel .p-multiselect-header { + padding: 0.75rem; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + background: #2b2b2b; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.75rem; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +.p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-multiselect-panel .p-multiselect-items:not(.p-multiselect-virtualscroll) { + padding: 0; +} +.p-multiselect-panel .p-multiselect-items.p-multiselect-virtualscroll .cdk-virtual-scroll-content-wrapper { + padding: 0; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0; + padding: 0.75rem 0.75rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: none; + border-radius: 0; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: #90A4AE; + background: rgba(144, 164, 174, 0.16); +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); + background: transparent; + font-weight: 400; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} + +p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #f44435; +} + +.p-input-filled .p-multiselect { + background: rgba(255, 255, 255, 0.06); +} +.p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); +} +.p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.p-password.p-invalid.p-component > .p-inputtext { + border-color: #f44435; +} + +.p-password-panel { + padding: 0.75rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +.p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: rgba(144, 164, 174, 0.32); +} +.p-password-panel .p-password-meter .p-password-strength.weak { + background: #EF9A9A; +} +.p-password-panel .p-password-meter .p-password-strength.medium { + background: #FFF59D; +} +.p-password-panel .p-password-meter .p-password-strength.strong { + background: #C5E1A5; +} + +.p-radiobutton { + width: 20px; + height: 20px; +} +.p-radiobutton .p-radiobutton-box { + border: 2px solid rgba(255, 255, 255, 0.7); + background: #1e1e1e; + width: 20px; + height: 20px; + color: rgba(255, 255, 255, 0.87); + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: rgba(255, 255, 255, 0.6); +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #90A4AE; +} +.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 10px; + height: 10px; + transition-duration: 0.2s; + background-color: #90A4AE; +} +.p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #90A4AE; + background: #212121; +} +.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #90A4AE; + background: #212121; + color: #90A4AE; +} + +p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #f44435; +} + +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: rgba(255, 255, 255, 0.06); +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #212121; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #212121; +} + +.p-radiobutton-label { + margin-left: 0.5rem; +} + +.p-rating .p-rating-icon { + color: #90A4AE; + margin-left: 0.5rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + font-size: 1rem; +} +.p-rating .p-rating-icon.p-rating-cancel { + color: #f44435; +} +.p-rating .p-rating-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-rating .p-rating-icon:first-child { + margin-left: 0; +} +.p-rating .p-rating-icon.pi-star { + color: #90A4AE; +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + color: #90A4AE; +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + color: #f44435; +} + +.p-selectbutton .p-button { + background: #2f2f2f; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +.p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #373737; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-selectbutton .p-button.p-highlight { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-selectbutton .p-button.p-highlight:hover { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} + +p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #f44435; +} + +.p-slider { + background: rgba(255, 255, 255, 0.3); + border: 0 none; + border-radius: 4px; +} +.p-slider.p-slider-horizontal { + height: 2px; +} +.p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -10px; + margin-left: -10px; +} +.p-slider.p-slider-vertical { + width: 2px; +} +.p-slider.p-slider-vertical .p-slider-handle { + margin-left: -10px; + margin-bottom: -10px; +} +.p-slider .p-slider-handle { + height: 20px; + width: 20px; + background: #90A4AE; + border: 0 none; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +.p-slider .p-slider-handle:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-slider .p-slider-range { + background: #90A4AE; +} +.p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #90A4AE; + border-color: 0 none; +} +.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), left 0.2s; +} +.p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { + transition: width 0.2s; +} +.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), bottom 0.2s; +} +.p-slider.p-slider-animate.p-slider-vertical .p-slider-range { + transition: height 0.2s; +} + +.p-togglebutton.p-button { + background: #2f2f2f; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +.p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #373737; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-togglebutton.p-button.p-highlight { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} +.p-togglebutton.p-button.p-highlight:hover { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: rgba(255, 255, 255, 0.6); +} + +p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #f44435; +} + +.p-treeselect { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.3); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +.p-treeselect:not(.p-disabled):hover { + border-color: rgba(255, 255, 255, 0.6); +} +.p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #90A4AE; +} +.p-treeselect .p-treeselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +.p-treeselect .p-treeselect-label.p-placeholder { + color: rgba(255, 255, 255, 0.6); +} +.p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; +} +.p-treeselect .p-treeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.p-treeselect.p-invalid.p-component { + border-color: #f44435; +} + +.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.375rem 0.75rem; +} + +.p-treeselect-panel { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +.p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; +} +.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + background: transparent; +} + +.p-input-filled .p-treeselect { + background: rgba(255, 255, 255, 0.06); +} +.p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); +} +.p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.p-button { + color: #212121; + background: #90A4AE; + border: 0 none; + padding: 0.643rem 0.75rem; + font-size: 1rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +.p-button:enabled:hover { + background: rgba(144, 164, 174, 0.92); + color: #212121; + border-color: transparent; +} +.p-button:enabled:active { + background: rgba(144, 164, 174, 0.68); + color: #212121; + border-color: transparent; +} +.p-button.p-button-outlined { + background-color: transparent; + color: #90A4AE; + border: 0 none; +} +.p-button.p-button-outlined:enabled:hover { + background: rgba(144, 164, 174, 0.04); + color: #90A4AE; + border: 0 none; +} +.p-button.p-button-outlined:enabled:active { + background: rgba(144, 164, 174, 0.16); + color: #90A4AE; + border: 0 none; +} +.p-button.p-button-outlined.p-button-plain { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-text { + background-color: transparent; + color: #90A4AE; + border-color: transparent; +} +.p-button.p-button-text:enabled:hover { + background: rgba(144, 164, 174, 0.04); + color: #90A4AE; + border-color: transparent; +} +.p-button.p-button-text:enabled:active { + background: rgba(144, 164, 174, 0.16); + color: #90A4AE; + border-color: transparent; +} +.p-button.p-button-text.p-button-plain { + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-text.p-button-plain:enabled:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} +.p-button.p-button-text.p-button-plain:enabled:active { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +.p-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-button .p-button-icon-left { + margin-right: 0.5rem; +} +.p-button .p-button-icon-right { + margin-left: 0.5rem; +} +.p-button .p-button-icon-bottom { + margin-top: 0.5rem; +} +.p-button .p-button-icon-top { + margin-bottom: 0.5rem; +} +.p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #90A4AE; + background-color: #212121; +} +.p-button.p-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +.p-button.p-button-rounded { + border-radius: 2rem; +} +.p-button.p-button-icon-only { + width: 2.75rem; + padding: 0.643rem; +} +.p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; +} +.p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 2.75rem; +} +.p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.562625rem 0.65625rem; +} +.p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; +} +.p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.80375rem 0.9375rem; +} +.p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; +} +.p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; +} +.p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; +} + +.p-fluid .p-button { + width: 100%; +} +.p-fluid .p-button-icon-only { + width: 2.75rem; +} +.p-fluid .p-buttonset { + display: flex; +} +.p-fluid .p-buttonset .p-button { + flex: 1; +} + +.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + color: #212121; + background: #ae9a90; + border: 0 none; +} +.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + background: rgba(174, 154, 144, 0.92); + color: #212121; + border-color: transparent; +} +.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + box-shadow: none; +} +.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + background: rgba(174, 154, 144, 0.68); + color: #212121; + border-color: transparent; +} +.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + background-color: transparent; + color: #ae9a90; + border: 0 none; +} +.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + background: rgba(174, 154, 144, 0.04); + color: #ae9a90; + border: 0 none; +} +.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + background: rgba(174, 154, 144, 0.16); + color: #ae9a90; + border: 0 none; +} +.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + background-color: transparent; + color: #ae9a90; + border-color: transparent; +} +.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + background: rgba(174, 154, 144, 0.04); + border-color: transparent; + color: #ae9a90; +} +.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + background: rgba(174, 154, 144, 0.16); + border-color: transparent; + color: #ae9a90; +} + +.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #212121; + background: #90CAF9; + border: 0 none; +} +.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { + background: rgba(144, 202, 249, 0.92); + color: #212121; + border-color: transparent; +} +.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + box-shadow: none; +} +.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + background: rgba(144, 202, 249, 0.68); + color: #212121; + border-color: transparent; +} +.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + background-color: transparent; + color: #90CAF9; + border: 0 none; +} +.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + background: rgba(144, 202, 249, 0.04); + color: #90CAF9; + border: 0 none; +} +.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + background: rgba(144, 202, 249, 0.16); + color: #90CAF9; + border: 0 none; +} +.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + background-color: transparent; + color: #90CAF9; + border-color: transparent; +} +.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + background: rgba(144, 202, 249, 0.04); + border-color: transparent; + color: #90CAF9; +} +.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + background: rgba(144, 202, 249, 0.16); + border-color: transparent; + color: #90CAF9; +} + +.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #212121; + background: #C5E1A5; + border: 0 none; +} +.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { + background: rgba(197, 225, 165, 0.92); + color: #212121; + border-color: transparent; +} +.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + box-shadow: none; +} +.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + background: rgba(197, 225, 165, 0.68); + color: #212121; + border-color: transparent; +} +.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + background-color: transparent; + color: #C5E1A5; + border: 0 none; +} +.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + background: rgba(197, 225, 165, 0.04); + color: #C5E1A5; + border: 0 none; +} +.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + background: rgba(197, 225, 165, 0.16); + color: #C5E1A5; + border: 0 none; +} +.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + background-color: transparent; + color: #C5E1A5; + border-color: transparent; +} +.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + background: rgba(197, 225, 165, 0.04); + border-color: transparent; + color: #C5E1A5; +} +.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + background: rgba(197, 225, 165, 0.16); + border-color: transparent; + color: #C5E1A5; +} + +.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #212121; + background: #FFF59D; + border: 0 none; +} +.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { + background: rgba(255, 245, 157, 0.92); + color: #212121; + border-color: transparent; +} +.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + box-shadow: none; +} +.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + background: rgba(255, 245, 157, 0.68); + color: #212121; + border-color: transparent; +} +.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + background-color: transparent; + color: #FFF59D; + border: 0 none; +} +.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + background: rgba(255, 245, 157, 0.04); + color: #FFF59D; + border: 0 none; +} +.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + background: rgba(255, 245, 157, 0.16); + color: #FFF59D; + border: 0 none; +} +.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + background-color: transparent; + color: #FFF59D; + border-color: transparent; +} +.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + background: rgba(255, 245, 157, 0.04); + border-color: transparent; + color: #FFF59D; +} +.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + background: rgba(255, 245, 157, 0.16); + border-color: transparent; + color: #FFF59D; +} + +.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #212121; + background: #CE93D8; + border: 0 none; +} +.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { + background: rgba(206, 147, 216, 0.92); + color: #212121; + border-color: transparent; +} +.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + box-shadow: none; +} +.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + background: rgba(206, 147, 216, 0.68); + color: #212121; + border-color: transparent; +} +.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + background-color: transparent; + color: #CE93D8; + border: 0 none; +} +.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + background: rgba(206, 147, 216, 0.04); + color: #CE93D8; + border: 0 none; +} +.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + border: 0 none; +} +.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + background-color: transparent; + color: #CE93D8; + border-color: transparent; +} +.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + background: rgba(206, 147, 216, 0.04); + border-color: transparent; + color: #CE93D8; +} +.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + background: rgba(206, 147, 216, 0.16); + border-color: transparent; + color: #CE93D8; +} + +.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #212121; + background: #EF9A9A; + border: 0 none; +} +.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { + background: rgba(239, 154, 154, 0.92); + color: #212121; + border-color: transparent; +} +.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + box-shadow: none; +} +.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + background: rgba(239, 154, 154, 0.68); + color: #212121; + border-color: transparent; +} +.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + background-color: transparent; + color: #EF9A9A; + border: 0 none; +} +.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + background: rgba(239, 154, 154, 0.04); + color: #EF9A9A; + border: 0 none; +} +.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + background: rgba(239, 154, 154, 0.16); + color: #EF9A9A; + border: 0 none; +} +.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + background-color: transparent; + color: #EF9A9A; + border-color: transparent; +} +.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + background: rgba(239, 154, 154, 0.04); + border-color: transparent; + color: #EF9A9A; +} +.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + background: rgba(239, 154, 154, 0.16); + border-color: transparent; + color: #EF9A9A; +} + +.p-button.p-button-link { + color: #90A4AE; + background: transparent; + border: transparent; +} +.p-button.p-button-link:enabled:hover { + background: transparent; + color: #90A4AE; + border-color: transparent; +} +.p-button.p-button-link:enabled:hover .p-button-label { + text-decoration: underline; +} +.p-button.p-button-link:enabled:focus { + background: transparent; + box-shadow: none; + border-color: transparent; +} +.p-button.p-button-link:enabled:active { + background: transparent; + color: #90A4AE; + border-color: transparent; +} + +.p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; +} +.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 2rem; +} + +.p-speeddial-action { + width: 3rem; + height: 3rem; + background: #ae9a90; + color: #212121; +} +.p-speeddial-action:hover { + background: rgba(174, 154, 144, 0.92); + color: #212121; +} + +.p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; +} + +.p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; +} + +.p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; +} + +.p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; +} + +.p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; +} +.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; +} + +.p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.32); +} + +.p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin: 0.5rem; +} +.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.p-carousel .p-carousel-content .p-carousel-prev:focus, +.p-carousel .p-carousel-content .p-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-carousel .p-carousel-indicators { + padding: 1rem; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: rgba(255, 255, 255, 0.3); + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: rgba(144, 164, 174, 0.16); + color: #90A4AE; +} + +.p-datatable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-datatable .p-datatable-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +.p-datatable .p-datatable-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +.p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; + font-weight: 500; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + transition: none; +} +.p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 0.75rem; + border: 1px solid 3404040; + border-width: 0 0 1px 0; + font-weight: 500; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; +} +.p-datatable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #90A4AE; + background: rgba(144, 164, 174, 0.16); + margin-left: 0.5rem; +} +.p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-datatable .p-sortable-column.p-highlight { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-sortable-column:focus { + box-shadow: none; + outline: 0 none; +} +.p-datatable .p-datatable-tbody > tr { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + transition: none; + outline-color: transparent; +} +.p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; +} +.p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(144, 164, 174, 0.16); + color: #90A4AE; +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(144, 164, 174, 0.16); +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(144, 164, 174, 0.16); +} +.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-datatable .p-column-resizer-helper { + background: #90A4AE; +} +.p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #1e1e1e; +} +.p-datatable .p-datatable-loading-icon { + font-size: 2rem; +} +.p-datatable.p-datatable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-footer { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-paginator-top { + border-width: 0 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-paginator-bottom { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { + border-width: 1px 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { + border-width: 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { + border-width: 1px; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { + background: rgba(255, 255, 255, 0.02); +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(144, 164, 174, 0.16); + color: #90A4AE; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #90A4AE; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #90A4AE; +} +.p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.375rem 0.375rem; +} +.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.375rem 0.375rem; +} +.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.375rem 0.375rem; +} +.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +.p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.375rem 0.375rem; +} +.p-datatable.p-datatable-lg .p-datatable-header { + padding: 0.9375rem 0.9375rem; +} +.p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 0.9375rem 0.9375rem; +} +.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +.p-datatable.p-datatable-lg .p-datatable-footer { + padding: 0.9375rem 0.9375rem; +} + +.p-dataview .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-dataview .p-dataview-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +.p-dataview .p-dataview-content { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0.75rem; +} +.p-dataview.p-dataview-list .p-dataview-content > .grid > div { + border: solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; +} +.p-dataview .p-dataview-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +.p-dataview .p-dataview-loading-icon { + font-size: 2rem; +} +.p-dataview .p-dataview-emptymessage { + padding: 0.75rem; +} + +.p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; +} + +.p-column-filter-menu-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-column-filter-menu-button:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} +.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: rgba(144, 164, 174, 0.16); + color: #90A4AE; +} +.p-column-filter-menu-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-column-filter-clear-button:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.p-column-filter-clear-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-column-filter-overlay { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + min-width: 12.5rem; +} +.p-column-filter-overlay .p-column-filter-row-items { + padding: 0; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 0.75rem 0.75rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: none; + border-radius: 0; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: #90A4AE; + background: rgba(144, 164, 174, 0.16); +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; +} + +.p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.75rem; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + background: #2b2b2b; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0.75rem; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} +.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; +} +.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; +} +.p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; +} +.p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0.75rem 0.75rem; +} +.p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0.75rem; +} + +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-view-container th { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-unthemed .fc-view-container td.fc-widget-content { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-unthemed .fc-view-container td.fc-head-container { + border: 1px solid rgba(255, 255, 255, 0.12); +} +.fc.fc-unthemed .fc-view-container .fc-row { + border-right: 1px solid rgba(255, 255, 255, 0.12); +} +.fc.fc-unthemed .fc-view-container .fc-event { + background: rgba(144, 164, 174, 0.16); + border: 1px solid rgba(144, 164, 174, 0.16); + color: #90A4AE; +} +.fc.fc-unthemed .fc-view-container .fc-divider { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); +} +.fc.fc-unthemed .fc-toolbar .fc-button { + color: #212121; + background: #90A4AE; + border: 0 none; + font-size: 1rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + display: flex; + align-items: center; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { + background: rgba(144, 164, 174, 0.92); + color: #212121; + border-color: transparent; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { + background: rgba(144, 164, 174, 0.68); + color: #212121; + border-color: transparent; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: ""; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: ""; +} +.fc.fc-unthemed .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #2f2f2f; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: #373737; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + z-index: 1; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { + border-color: rgba(255, 255, 255, 0.12); +} +.fc.fc-theme-standard .fc-view-harness th { + background: #1e1e1e; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness td { + color: rgba(255, 255, 255, 0.87); + border-color: rgba(255, 255, 255, 0.12); +} +.fc.fc-theme-standard .fc-view-harness .fc-view { + background: #1e1e1e; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover { + background: none; + border: 0 none; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0.75rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { + opacity: 1; + display: flex; + align-items: center; + justify-content: center; + overflow: hidden; + font-family: "PrimeIcons" !important; + font-size: 1rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { + content: ""; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { + padding: 0.75rem; + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-top: 0 none; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { + color: #90A4AE; + background: rgba(144, 164, 174, 0.16); + border-color: rgba(144, 164, 174, 0.16); +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { + color: #90A4AE; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { + background: rgba(144, 164, 174, 0.16); + border-color: rgba(144, 164, 174, 0.16); +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { + background: #1e1e1e; +} +.fc.fc-theme-standard .fc-toolbar .fc-button { + color: #212121; + background: #90A4AE; + border: 0 none; + font-size: 1rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { + background: rgba(144, 164, 174, 0.92); + color: #212121; + border-color: transparent; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { + background: rgba(144, 164, 174, 0.68); + color: #212121; + border-color: transparent; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { + opacity: 0.38; + color: #212121; + background: #90A4AE; + border: 0 none; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: ""; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: ""; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #2f2f2f; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: #373737; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + z-index: 1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.fc.fc-theme-standard a { + color: rgba(255, 255, 255, 0.87); +} + +.p-orderlist .p-orderlist-controls { + padding: 0.75rem; +} +.p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; +} +.p-orderlist .p-orderlist-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0.75rem; + border-bottom: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 500; +} +.p-orderlist .p-orderlist-filter-container { + padding: 0.75rem; + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 0 none; +} +.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; +} +.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +.p-orderlist .p-orderlist-list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: none; +} +.p-orderlist .p-orderlist-list .p-orderlist-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #90A4AE; + background: rgba(144, 164, 174, 0.16); +} +.p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); +} +.p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} + +.p-orderlist-item.cdk-drag-preview { + padding: 0.75rem 0.75rem; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + margin: 0; +} + +.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(144, 164, 174, 0.16); + color: #90A4AE; +} +.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(80, 100, 110, 0.16); +} +.p-organizationchart .p-organizationchart-line-down { + background: rgba(255, 255, 255, 0.12); +} +.p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid rgba(255, 255, 255, 0.12); + border-color: rgba(255, 255, 255, 0.12); +} +.p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-color: rgba(255, 255, 255, 0.12); +} +.p-organizationchart .p-organizationchart-node-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +.p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; +} +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-paginator { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: solid #404040; + border-width: 0; + padding: 0.375rem 0.75rem; + border-radius: 4px; +} +.p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: none; + border-radius: 50%; +} +.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: rgba(255, 255, 255, 0.6); +} +.p-paginator .p-paginator-first { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-paginator .p-paginator-last { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 3rem; +} +.p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; +} +.p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + padding: 0 0.5rem; +} +.p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: rgba(255, 255, 255, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: none; + border-radius: 50%; +} +.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(144, 164, 174, 0.16); + border-color: rgba(144, 164, 174, 0.16); + color: #90A4AE; +} +.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: rgba(255, 255, 255, 0.6); +} + +.p-picklist .p-picklist-buttons { + padding: 0.75rem; +} +.p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; +} +.p-picklist .p-picklist-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0.75rem; + border-bottom: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-picklist .p-picklist-header .p-picklist-title { + font-weight: 500; +} +.p-picklist .p-picklist-filter-container { + padding: 0.75rem; + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 0 none; +} +.p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; +} +.p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +.p-picklist .p-picklist-list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-picklist .p-picklist-list .p-picklist-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: none; +} +.p-picklist .p-picklist-list .p-picklist-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #90A4AE; + background: rgba(144, 164, 174, 0.16); +} +.p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); +} +.p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} + +.p-picklist-item.cdk-drag-preview { + padding: 0.75rem 0.75rem; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + margin: 0; +} + +.p-timeline .p-timeline-event-marker { + border: 0 none; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #bdbdbd; +} +.p-timeline .p-timeline-event-connector { + background-color: #bdbdbd; +} +.p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; +} +.p-timeline.p-timeline-vertical .p-timeline-event-connector { + width: 2px; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-opposite, +.p-timeline.p-timeline-horizontal .p-timeline-event-content { + padding: 1rem 0; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; +} + +.p-tree { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-radius: 4px; +} +.p-tree .p-tree-container .p-treenode { + padding: 0.25rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 4px; + transition: none; + padding: 0.571rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(144, 164, 174, 0.16); + color: #90A4AE; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #90A4AE; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: #90A4AE; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; +} +.p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; +} +.p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +.p-tree .p-treenode-children { + padding: 0 0 0 1rem; +} +.p-tree .p-tree-loading-icon { + font-size: 2rem; +} +.p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: rgba(107, 134, 147, 0.16); +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 4px; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.571rem; + transition: none; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(144, 164, 174, 0.16); + color: #90A4AE; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #90A4AE; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-treetable .p-treetable-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +.p-treetable .p-treetable-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +.p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; + font-weight: 500; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + transition: none; +} +.p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 0.75rem; + border: 1px solid 3404040; + border-width: 0 0 1px 0; + font-weight: 500; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; +} +.p-treetable .p-sortable-column { + outline-color: transparent; +} +.p-treetable .p-sortable-column .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #90A4AE; + background: rgba(144, 164, 174, 0.16); + margin-left: 0.5rem; +} +.p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-treetable .p-sortable-column.p-highlight { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-treetable-tbody > tr { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + transition: none; + outline-color: transparent; +} +.p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; +} +.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(144, 164, 174, 0.16); + color: #90A4AE; +} +.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #90A4AE; +} +.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #90A4AE; +} +.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: rgba(255, 255, 255, 0.87); +} +.p-treetable .p-column-resizer-helper { + background: #90A4AE; +} +.p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #1e1e1e; +} +.p-treetable .p-treetable-loading-icon { + font-size: 2rem; +} +.p-treetable.p-treetable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-footer { + border-width: 0 1px 1px 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-top { + border-width: 0 1px 0 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-bottom { + border-width: 0 1px 1px 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { + border-width: 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { + border-width: 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { + border-width: 1px; +} +.p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.65625rem 0.65625rem; +} +.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.375rem 0.375rem; +} +.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.375rem 0.375rem; +} +.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +.p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.375rem 0.375rem; +} +.p-treetable.p-treetable-lg .p-treetable-header { + padding: 0.9375rem 0.9375rem; +} +.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 0.9375rem 0.9375rem; +} +.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +.p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.9375rem 0.9375rem; +} + +.p-virtualscroller .p-virtualscroller-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +.p-virtualscroller .p-virtualscroller-content { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0.75rem; +} +.p-virtualscroller .p-virtualscroller-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} + +.p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 400; + border-radius: 4px; + transition: none; +} +.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; +} +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); +} +.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #1e1e1e; + border-color: transparent; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-accordion .p-accordion-content { + padding: 0.75rem 1.25rem; + border: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 0; +} +.p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { + border-radius: 0; +} +.p-accordion p-accordiontab .p-accordion-content { + border-radius: 0; +} +.p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { + border-top: 0 none; +} +.p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-top: 0 none; +} +.p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-accordion p-accordiontab:last-child .p-accordion-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +.p-card { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +.p-card .p-card-body { + padding: 0.75rem; +} +.p-card .p-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +.p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-card .p-card-content { + padding: 0.75rem 0; +} +.p-card .p-card-footer { + padding: 0.75rem 0 0 0; +} + +.p-divider .p-divider-content { + background-color: #1e1e1e; +} +.p-divider.p-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; +} +.p-divider.p-divider-horizontal:before { + border-top: 1px rgba(255, 255, 255, 0.12); +} +.p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; +} +.p-divider.p-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; +} +.p-divider.p-divider-vertical:before { + border-left: 1px rgba(255, 255, 255, 0.12); +} +.p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; +} + +.p-fieldset { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-radius: 4px; +} +.p-fieldset .p-fieldset-legend { + padding: 0.75rem; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 500; + border-radius: 4px; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 0.75rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 4px; + transition: none; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(255, 255, 255, 0.04); + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +.p-fieldset .p-fieldset-content { + padding: 0.75rem; +} + +.p-panel .p-panel-header { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0.75rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-panel .p-panel-header .p-panel-title { + font-weight: 500; +} +.p-panel .p-panel-header .p-panel-header-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.p-panel .p-panel-header .p-panel-header-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-panel.p-panel-toggleable .p-panel-header { + padding: 0.5rem 1rem; +} +.p-panel .p-panel-content { + padding: 0.75rem; + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + border-top: 0 none; +} +.p-panel .p-panel-footer { + padding: 0.75rem 0.75rem; + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-top: 0 none; +} + +.p-scrollpanel .p-scrollpanel-bar { + background: rgba(255, 255, 255, 0.12); + border: 0 none; +} + +.p-splitter { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + border-radius: 4px; + color: rgba(255, 255, 255, 0.87); +} +.p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + background: rgba(255, 255, 255, 0.04); +} +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: rgba(255, 255, 255, 0.12); +} +.p-splitter .p-splitter-gutter-resizing { + background: rgba(255, 255, 255, 0.12); +} + +.p-tabview .p-tabview-nav { + background: transparent; + border: solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; +} +.p-tabview .p-tabview-nav li { + margin-right: 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: none; + border-width: 0 0 0 0; + border-color: transparent transparent transparent transparent; + background: transparent; + color: rgba(255, 255, 255, 0.6); + padding: 0.75rem 1.25rem; + font-weight: 500; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + transition: none; + margin: 0 0 0 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: rgba(144, 164, 174, 0.04); + border-color: transparent; + color: rgba(255, 255, 255, 0.6); +} +.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: transparent; + border-color: transparent; + color: #90A4AE; +} +.p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; +} +.p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; +} +.p-tabview .p-tabview-close { + margin-left: 0.5rem; +} +.p-tabview .p-tabview-panels { + background: transparent; + padding: 0.75rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +.p-toolbar { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0.75rem; + border-radius: 4px; +} +.p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; +} + +.p-confirm-popup { + background: #262626; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +.p-confirm-popup .p-confirm-popup-content { + padding: 0.75rem; +} +.p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0.75rem 0.75rem; +} +.p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +.p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; +} +.p-confirm-popup:after { + border: solid transparent; + border-color: rgba(38, 38, 38, 0); + border-bottom-color: #262626; +} +.p-confirm-popup:before { + border: solid transparent; + border-color: rgba(38, 38, 38, 0); + border-bottom-color: #262626; +} +.p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #262626; +} +.p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #262626; +} +.p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; +} +.p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; +} + +.p-dialog { + border-radius: 4px; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; +} +.p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #262626; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-dialog .p-dialog-header .p-dialog-title { + font-weight: 500; + font-size: 1.25rem; +} +.p-dialog .p-dialog-header .p-dialog-header-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.p-dialog .p-dialog-header .p-dialog-header-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; +} +.p-dialog .p-dialog-content { + background: #262626; + color: rgba(255, 255, 255, 0.87); + padding: 0 1.25rem 1.25rem 1.25rem; +} +.p-dialog .p-dialog-footer { + border-top: 0 none; + background: #262626; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + text-align: right; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +.p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; +} +.p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; +} + +.p-dialog-mask.p-component-overlay { + background-color: rgba(0, 0, 0, 0.32); +} + +.p-overlaypanel { + background: #262626; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +.p-overlaypanel .p-overlaypanel-content { + padding: 0.75rem; +} +.p-overlaypanel .p-overlaypanel-close { + background: #90A4AE; + color: #212121; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + position: absolute; + top: -1rem; + right: -1rem; +} +.p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: rgba(144, 164, 174, 0.92); + color: #212121; +} +.p-overlaypanel:after { + border: solid transparent; + border-color: rgba(38, 38, 38, 0); + border-bottom-color: #262626; +} +.p-overlaypanel:before { + border: solid transparent; + border-color: rgba(38, 38, 38, 0); + border-bottom-color: #262626; +} +.p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #262626; +} +.p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #262626; +} + +.p-sidebar { + background: #262626; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +.p-sidebar .p-sidebar-header { + padding: 0.75rem; +} +.p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: rgba(255, 255, 255, 0.6); + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.p-sidebar .p-sidebar-header .p-sidebar-close:focus, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; +} +.p-sidebar .p-sidebar-content { + padding: 0.75rem; +} + +.p-sidebar-mask.p-component-overlay { + background: rgba(0, 0, 0, 0.32); +} + +.p-tooltip .p-tooltip-text { + background: #444444; + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +.p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #444444; +} +.p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #444444; +} +.p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #444444; +} +.p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #444444; +} + +.p-fileupload .p-fileupload-buttonbar { + background: #1e1e1e; + padding: 0.75rem; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + border-bottom: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; +} +.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-fileupload .p-fileupload-content { + background: #1e1e1e; + padding: 2rem 1rem; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-fileupload .p-progressbar { + height: 4px; +} +.p-fileupload .p-fileupload-row > div { + padding: 0.75rem 0.75rem; +} +.p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; +} + +.p-fileupload-choose:not(.p-disabled):hover { + background: rgba(144, 164, 174, 0.92); + color: #212121; + border-color: transparent; +} +.p-fileupload-choose:not(.p-disabled):active { + background: rgba(144, 164, 174, 0.68); + color: #212121; + border-color: transparent; +} + +.p-breadcrumb { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + padding: 0.75rem; +} +.p-breadcrumb ul li .p-menuitem-link { + transition: none; + border-radius: 4px; +} +.p-breadcrumb ul li .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-breadcrumb ul li.p-breadcrumb-chevron { + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +.p-breadcrumb ul li:last-child .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-breadcrumb ul li:last-child .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} + +.p-contextmenu { + padding: 0.5rem 0; + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + width: 12.5rem; +} +.p-contextmenu .p-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-contextmenu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-contextmenu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-contextmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-contextmenu .p-submenu-list { + padding: 0.5rem 0; + background: #2b2b2b; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +.p-contextmenu .p-menuitem { + margin: 0; +} +.p-contextmenu .p-menuitem:last-child { + margin: 0; +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: rgba(255, 255, 255, 0.04); +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-contextmenu .p-menu-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; +} +.p-contextmenu .p-submenu-icon { + font-size: 0.875rem; +} + +.p-dock .p-dock-list { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; +} +.p-dock .p-dock-item { + padding: 0.5rem; +} +.p-dock .p-dock-action { + width: 4rem; + height: 4rem; +} +.p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; +} +.p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; +} +.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; +} +.p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; +} +.p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; +} +.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; +} + +.p-megamenu { + padding: 0.75rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 4px; + transition: none; + user-select: none; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-megamenu .p-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-megamenu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-megamenu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-megamenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-megamenu .p-megamenu-panel { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +.p-megamenu .p-megamenu-submenu-header { + margin: 0; + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); + background: transparent; + font-weight: 400; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-megamenu .p-megamenu-submenu { + padding: 0.5rem 0; + width: 12.5rem; +} +.p-megamenu .p-megamenu-submenu .p-menu-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; +} +.p-megamenu .p-megamenu-submenu .p-menuitem { + margin: 0; +} +.p-megamenu .p-megamenu-submenu .p-menuitem:last-child { + margin: 0; +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: rgba(255, 255, 255, 0.04); +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.5rem 0; +} +.p-megamenu.p-megamenu-vertical .p-menuitem { + margin: 0; +} +.p-megamenu.p-megamenu-vertical .p-menuitem:last-child { + margin: 0; +} + +.p-menu { + padding: 0.5rem 0; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + width: 12.5rem; +} +.p-menu .p-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-menu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-menu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-menu.p-menu-overlay { + background: #2b2b2b; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +.p-menu .p-submenu-header { + margin: 0; + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); + background: transparent; + font-weight: 400; + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.p-menu .p-menu-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; +} +.p-menu .p-menuitem { + margin: 0; +} +.p-menu .p-menuitem:last-child { + margin: 0; +} + +.p-menubar { + padding: 0.75rem; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; +} +.p-menubar .p-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-menubar .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-menubar .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menubar .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 4px; + transition: none; + user-select: none; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-menubar .p-submenu-list { + padding: 0.5rem 0; + background: #2b2b2b; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + width: 12.5rem; +} +.p-menubar .p-submenu-list .p-menu-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; +} +.p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; +} +.p-menubar .p-submenu-list .p-menuitem { + margin: 0; +} +.p-menubar .p-submenu-list .p-menuitem:last-child { + margin: 0; +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: rgba(255, 255, 255, 0.04); +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} + +@media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: rgba(255, 255, 255, 0.6); + background: rgba(255, 255, 255, 0.04); + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.5rem 0; + background: #2b2b2b; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menu-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: none; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list ul li a { + padding-left: 2.25rem; + } + .p-menubar .p-menubar-root-list ul li ul li a { + padding-left: 3.75rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.25rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 6.75rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 8.25rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } +} +.p-panelmenu .p-panelmenu-header > a { + padding: 1.25rem; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + font-weight: 400; + border-radius: 4px; + transition: none; +} +.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-header > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-header.p-highlight { + margin-bottom: 0; +} +.p-panelmenu .p-panelmenu-header.p-highlight > a { + background: #1e1e1e; + border-color: transparent; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content { + padding: 0.5rem 0; + border: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + margin-bottom: 0; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) { + padding: 0 0 0 1rem; +} +.p-panelmenu .p-panelmenu-panel { + margin-bottom: 0; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { + border-radius: 0; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-content { + border-radius: 0; +} +.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { + border-top: 0 none; +} +.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { + border-top: 0 none; +} +.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +.p-slidemenu { + padding: 0.5rem 0; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + width: 12.5rem; +} +.p-slidemenu .p-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-slidemenu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-slidemenu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-slidemenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-slidemenu.p-slidemenu-overlay { + background: #2b2b2b; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +.p-slidemenu .p-slidemenu-list { + padding: 0.5rem 0; + background: #2b2b2b; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { + background: rgba(255, 255, 255, 0.04); +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { + color: rgba(255, 255, 255, 0.87); +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-slidemenu .p-slidemenu-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; +} +.p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; +} +.p-slidemenu .p-slidemenu-backward { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); +} + +.p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: none; + border-radius: 4px; + background: transparent; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: rgba(255, 255, 255, 0.87); + border: 1px solid transparent; + background: transparent; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: rgba(255, 255, 255, 0.87); +} +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(144, 164, 174, 0.16); + color: #90A4AE; +} +.p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 500; + color: rgba(255, 255, 255, 0.87); +} +.p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid rgba(255, 255, 255, 0.12); + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; +} + +.p-tabmenu .p-tabmenu-nav { + background: transparent; + border: solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: none; + border-width: 0 0 0 0; + border-color: transparent transparent transparent transparent; + background: transparent; + color: rgba(255, 255, 255, 0.6); + padding: 0.75rem 1.25rem; + font-weight: 500; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + transition: none; + margin: 0 0 0 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: rgba(144, 164, 174, 0.04); + border-color: transparent; + color: rgba(255, 255, 255, 0.6); +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: transparent; + border-color: transparent; + color: #90A4AE; +} + +.p-tieredmenu { + padding: 0.5rem 0; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + width: 12.5rem; +} +.p-tieredmenu .p-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-tieredmenu .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-tieredmenu .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-tieredmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-tieredmenu.p-tieredmenu-overlay { + background: #2b2b2b; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +.p-tieredmenu .p-submenu-list { + padding: 0.5rem 0; + background: #2b2b2b; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +.p-tieredmenu .p-menuitem { + margin: 0; +} +.p-tieredmenu .p-menuitem:last-child { + margin: 0; +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: rgba(255, 255, 255, 0.04); +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} +.p-tieredmenu .p-menu-separator { + border-top: 1px solid rgba(255, 255, 255, 0.12); + margin: 0.5rem 0; +} +.p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; +} + +.p-inline-message { + padding: 0.75rem 0.75rem; + margin: 0; + border-radius: 4px; +} +.p-inline-message.p-inline-message-info { + background: #B3E5FC; + border: solid transparent; + border-width: 1px; + color: #01579B; +} +.p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #01579B; +} +.p-inline-message.p-inline-message-success { + background: #C8E6C9; + border: solid transparent; + border-width: 1px; + color: #1B5E20; +} +.p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #1B5E20; +} +.p-inline-message.p-inline-message-warn { + background: #FFECB3; + border: solid transparent; + border-width: 1px; + color: #7f6003; +} +.p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #7f6003; +} +.p-inline-message.p-inline-message-error { + background: #FFCDD2; + border: solid transparent; + border-width: 1px; + color: #B71C1C; +} +.p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #B71C1C; +} +.p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; +} +.p-inline-message .p-inline-message-text { + font-size: 1rem; +} +.p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; +} + +.p-message { + margin: 0.75rem 0; + border-radius: 4px; +} +.p-message .p-message-wrapper { + padding: 1rem 1.25rem; +} +.p-message .p-message-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.3); +} +.p-message .p-message-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-message.p-message-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 0; + color: #01579B; +} +.p-message.p-message-info .p-message-icon { + color: #01579B; +} +.p-message.p-message-info .p-message-close { + color: #01579B; +} +.p-message.p-message-success { + background: #C8E6C9; + border: solid transparent; + border-width: 0 0 0 0; + color: #1B5E20; +} +.p-message.p-message-success .p-message-icon { + color: #1B5E20; +} +.p-message.p-message-success .p-message-close { + color: #1B5E20; +} +.p-message.p-message-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 0; + color: #7f6003; +} +.p-message.p-message-warn .p-message-icon { + color: #7f6003; +} +.p-message.p-message-warn .p-message-close { + color: #7f6003; +} +.p-message.p-message-error { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 0; + color: #B71C1C; +} +.p-message.p-message-error .p-message-icon { + color: #B71C1C; +} +.p-message.p-message-error .p-message-close { + color: #B71C1C; +} +.p-message .p-message-text { + font-size: 1rem; + font-weight: 500; +} +.p-message .p-message-icon { + font-size: 1.5rem; + margin-right: 0.5rem; +} +.p-message .p-message-summary { + font-weight: 700; +} +.p-message .p-message-detail { + margin-left: 0.5rem; +} + +.p-toast { + opacity: 0.9; +} +.p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +.p-toast .p-toast-message .p-toast-message-content { + padding: 1.25rem; + border-width: 0 0 0 0; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 1rem; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 2rem; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 700; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; +} +.p-toast .p-toast-message .p-toast-icon-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.3); +} +.p-toast .p-toast-message .p-toast-icon-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-toast .p-toast-message.p-toast-message-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 0; + color: #01579B; +} +.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #01579B; +} +.p-toast .p-toast-message.p-toast-message-success { + background: #C8E6C9; + border: solid transparent; + border-width: 0 0 0 0; + color: #1B5E20; +} +.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #1B5E20; +} +.p-toast .p-toast-message.p-toast-message-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 0; + color: #7f6003; +} +.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #7f6003; +} +.p-toast .p-toast-message.p-toast-message-error { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 0; + color: #B71C1C; +} +.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #B71C1C; +} + +.p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: rgba(255, 255, 255, 0.87); + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; +} +.p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +.p-galleria .p-galleria-item-nav { + background: transparent; + color: rgba(255, 255, 255, 0.87); + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + margin: 0 0.5rem; +} +.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; +} +.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +.p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: rgba(255, 255, 255, 0.87); + padding: 1rem; +} +.p-galleria .p-galleria-indicators { + padding: 1rem; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: rgba(255, 255, 255, 0.3); + width: 1.25rem; + height: 1.25rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(144, 164, 174, 0.16); + color: #90A4AE; +} +.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; +} +.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.3); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(144, 164, 174, 0.16); + color: #90A4AE; +} +.p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: rgba(255, 255, 255, 0.87); + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-galleria-mask.p-component-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +.p-avatar { + background-color: rgba(255, 255, 255, 0.12); + border-radius: 4px; +} +.p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +.p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; +} +.p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +.p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; +} + +.p-avatar-group .p-avatar { + border: 2px solid #1e1e1e; +} + +.p-badge { + background: #90A4AE; + color: #212121; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +.p-badge.p-badge-secondary { + background-color: #ae9a90; + color: #212121; +} +.p-badge.p-badge-success { + background-color: #C5E1A5; + color: #212121; +} +.p-badge.p-badge-info { + background-color: #90CAF9; + color: #212121; +} +.p-badge.p-badge-warning { + background-color: #FFF59D; + color: #212121; +} +.p-badge.p-badge-danger { + background-color: #EF9A9A; + color: #212121; +} +.p-badge.p-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +.p-badge.p-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} + +.p-blockui.p-component-overlay { + background: rgba(0, 0, 0, 0.32); +} + +.p-chip { + background-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + border-radius: 16px; + padding: 0 0.75rem; +} +.p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; +} +.p-chip .p-chip-icon { + margin-right: 0.5rem; +} +.p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; +} +.p-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; +} +.p-chip .pi-chip-remove-icon { + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-inplace .p-inplace-display { + padding: 1rem 1rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +.p-inplace .p-inplace-display:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-progressbar { + border: 0 none; + height: 4px; + background: rgba(144, 164, 174, 0.32); + border-radius: 4px; +} +.p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #90A4AE; +} +.p-progressbar .p-progressbar-label { + color: rgba(255, 255, 255, 0.87); + line-height: 4px; +} + +.p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-scrolltop.p-link { + background: #ae9a90; +} +.p-scrolltop.p-link:hover { + background: rgba(174, 154, 144, 0.92); +} +.p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: #212121; +} + +.p-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 4px; +} +.p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); +} + +.p-tag { + background: #90A4AE; + color: #212121; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 4px; +} +.p-tag.p-tag-success { + background-color: #C5E1A5; + color: #212121; +} +.p-tag.p-tag-info { + background-color: #90CAF9; + color: #212121; +} +.p-tag.p-tag-warning { + background-color: #FFF59D; + color: #212121; +} +.p-tag.p-tag-danger { + background-color: #EF9A9A; + color: #212121; +} +.p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +.p-terminal { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0.75rem; +} +.p-terminal .p-terminal-input { + font-size: 1rem; + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; +} + +.p-accordion .p-accordion-tab { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + margin-bottom: 0; + border-radius: 0; + position: relative; + transition: margin-bottom 225ms; +} +.p-accordion .p-accordion-tab:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +.p-accordion .p-accordion-tab:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +.p-accordion .p-accordion-tab .p-accordion-toggle-icon { + order: 1; + margin-left: auto; + transition: transform 0.2s; +} +.p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-header-link:focus { + background: rgba(255, 255, 255, 0.04); +} +.p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-toggle-icon { + transform: rotate(-270deg); +} +.p-accordion .p-accordion-tab.p-accordion-tab-active { + margin-bottom: 1rem; +} +.p-accordion .p-accordion-tab.p-accordion-tab-active .p-accordion-toggle-icon { + transform: rotate(-180deg); +} +.p-accordion .p-accordion-tab .p-accordion-header.p-disabled { + opacity: 1; +} +.p-accordion .p-accordion-tab .p-accordion-header.p-disabled .p-accordion-header-link > * { + opacity: 0.38; +} + +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #90A4AE, inset 0 0 0 1px #90A4AE, inset 0 0 0 1px #90A4AE, inset 0 0 0 1px #90A4AE; +} + +.p-input-filled .p-autocomplete .p-autocomplete-multiple-container { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #90A4AE, #90A4AE), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +.p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext { + background-image: none; + background-color: transparent; +} +.p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #90A4AE, #90A4AE), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); +} +.p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} + +.p-float-label .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 1rem; +} + +.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding-top: 0; + padding-bottom: 0; +} +.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + font-size: 75%; +} +.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0; +} +.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext:enabled:focus { + box-shadow: none; + border-color: transparent; +} +.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + box-shadow: none; + border-color: transparent; +} + +p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext:enabled:focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} + +.p-button { + font-weight: 500; + min-width: 4rem; +} +.p-button.p-button-icon-only { + min-width: auto; +} +.p-button:enabled:focus { + background: rgba(144, 164, 174, 0.76); +} +.p-button:enabled:active { + background: rgba(144, 164, 174, 0.68); +} +.p-button .p-ink { + background-color: rgba(255, 255, 255, 0.32); +} +.p-button.p-button-outlined { + box-shadow: inset 0 0 0 1px; +} +.p-button.p-button-outlined:enabled:focus { + box-shadow: inset 0 0 0 1px; +} +.p-button.p-button-outlined:enabled:active { + box-shadow: inset 0 0 0 1px; +} +.p-button.p-button-text:enabled:focus, .p-button.p-button-outlined:enabled:focus { + background: rgba(144, 164, 174, 0.12); +} +.p-button.p-button-text:enabled:active, .p-button.p-button-outlined:enabled:active { + background: rgba(144, 164, 174, 0.16); +} +.p-button.p-button-text .p-ink, .p-button.p-button-outlined .p-ink { + background-color: rgba(144, 164, 174, 0.16); +} +.p-button:disabled { + background-color: rgba(255, 255, 255, 0.12) !important; + color: rgba(255, 255, 255, 0.38) !important; + opacity: 1; +} +.p-button:disabled.p-button-text { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.38) !important; +} +.p-button:disabled.p-button-outlined { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.38) !important; + border-color: rgba(255, 255, 255, 0.38) !important; +} +.p-button.p-button-raised:enabled:focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + background: rgba(174, 154, 144, 0.76); +} +.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + background: rgba(174, 154, 144, 0.68); +} +.p-button.p-button-secondary.p-button-text:enabled:focus, .p-button.p-button-secondary.p-button-outlined:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:focus { + background: rgba(174, 154, 144, 0.12); +} +.p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + background: rgba(174, 154, 144, 0.16); +} +.p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink { + background-color: rgba(174, 154, 144, 0.16); +} + +.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + background: rgba(144, 202, 249, 0.76); +} +.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + background: rgba(144, 202, 249, 0.68); +} +.p-button.p-button-info.p-button-text:enabled:focus, .p-button.p-button-info.p-button-outlined:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:focus { + background: rgba(144, 202, 249, 0.12); +} +.p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + background: rgba(144, 202, 249, 0.16); +} +.p-button.p-button-info.p-button-text .p-ink, .p-button.p-button-info.p-button-outlined .p-ink, .p-buttonset.p-button-info > .p-button.p-button-text .p-ink, .p-buttonset.p-button-info > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-outlined .p-ink { + background-color: rgba(144, 202, 249, 0.16); +} + +.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + background: rgba(197, 225, 165, 0.76); +} +.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + background: rgba(197, 225, 165, 0.68); +} +.p-button.p-button-success.p-button-text:enabled:focus, .p-button.p-button-success.p-button-outlined:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:focus { + background: rgba(197, 225, 165, 0.12); +} +.p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + background: rgba(197, 225, 165, 0.16); +} +.p-button.p-button-success.p-button-text .p-ink, .p-button.p-button-success.p-button-outlined .p-ink, .p-buttonset.p-button-success > .p-button.p-button-text .p-ink, .p-buttonset.p-button-success > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-outlined .p-ink { + background-color: rgba(197, 225, 165, 0.16); +} + +.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + background: rgba(255, 245, 157, 0.76); +} +.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + background: rgba(255, 245, 157, 0.68); +} +.p-button.p-button-warning.p-button-text:enabled:focus, .p-button.p-button-warning.p-button-outlined:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:focus { + background: rgba(255, 245, 157, 0.12); +} +.p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + background: rgba(255, 245, 157, 0.16); +} +.p-button.p-button-warning.p-button-text .p-ink, .p-button.p-button-warning.p-button-outlined .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-text .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-outlined .p-ink { + background-color: rgba(255, 245, 157, 0.16); +} + +.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + background: rgba(206, 147, 216, 0.76); +} +.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + background: rgba(206, 147, 216, 0.68); +} +.p-button.p-button-help.p-button-text:enabled:focus, .p-button.p-button-help.p-button-outlined:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:focus { + background: rgba(206, 147, 216, 0.12); +} +.p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + background: rgba(206, 147, 216, 0.16); +} +.p-button.p-button-help.p-button-text .p-ink, .p-button.p-button-help.p-button-outlined .p-ink, .p-buttonset.p-button-help > .p-button.p-button-text .p-ink, .p-buttonset.p-button-help > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-outlined .p-ink { + background-color: rgba(206, 147, 216, 0.16); +} + +.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + background: rgba(239, 154, 154, 0.76); +} +.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + background: rgba(239, 154, 154, 0.68); +} +.p-button.p-button-danger.p-button-text:enabled:focus, .p-button.p-button-danger.p-button-outlined:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:focus { + background: rgba(239, 154, 154, 0.12); +} +.p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + background: rgba(239, 154, 154, 0.16); +} +.p-button.p-button-danger.p-button-text .p-ink, .p-button.p-button-danger.p-button-outlined .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-text .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-outlined .p-ink { + background-color: rgba(239, 154, 154, 0.16); +} + +.p-calendar-w-btn { + border: 1px solid rgba(255, 255, 255, 0.3); + background: #1e1e1e; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +.p-calendar-w-btn .p-inputtext { + background-image: none; + background-color: transparent; + border: 0 none; +} +.p-calendar-w-btn .p-inputtext:enabled:focus { + box-shadow: none; +} +.p-calendar-w-btn .p-datepicker-trigger.p-button { + background-color: transparent; + border: 0 none; +} +.p-calendar-w-btn .p-datepicker-trigger.p-button span { + color: rgba(255, 255, 255, 0.6); +} +.p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:hover { + background: rgba(255, 255, 255, 0.04); +} +.p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:active, .p-calendar-w-btn .p-datepicker-trigger.p-button:focus { + background: rgba(255, 255, 255, 0.12); +} +.p-calendar-w-btn:not(.p-disabled):hover { + border-color: rgba(255, 255, 255, 0.6); +} +.p-calendar-w-btn:not(.p-disabled).p-focus { + border-color: #90A4AE; + box-shadow: inset 0 0 0 1px #90A4AE, inset 0 0 0 1px #90A4AE, inset 0 0 0 1px #90A4AE, inset 0 0 0 1px #90A4AE; +} + +.p-datepicker .p-datepicker-header { + border-bottom: 0 none; +} +.p-datepicker .p-datepicker-header .p-datepicker-title { + margin: 0 auto 0 0; + order: 1; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev { + order: 2; +} +.p-datepicker .p-datepicker-header .p-datepicker-next { + order: 3; +} +.p-datepicker table th { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.38); + font-weight: 400; + font-size: 0.875rem; +} +.p-datepicker table td.p-datepicker-today > span { + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.38); +} +.p-datepicker table td.p-datepicker-today.p-highlight { + box-shadow: 0 0 0 1px rgba(144, 164, 174, 0.16); +} + +p-calendar.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn { + border-color: #f44435; +} +p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn .p-inputtext:enabled:focus { + box-shadow: none; +} +p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} + +.p-input-filled .p-calendar-w-btn { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #90A4AE, #90A4AE), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +.p-input-filled .p-calendar-w-btn .p-inputtext { + background-image: none; + background-color: transparent; +} +.p-input-filled .p-calendar-w-btn:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #90A4AE, #90A4AE), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); +} +.p-input-filled .p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled .p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-calendar-w-btn .p-inputtext:enabled:hover, .p-input-filled .p-calendar-w-btn .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} +.p-input-filled .p-calendar-w-btn .p-inputtext { + border: 0 none; +} +.p-input-filled p-calendar.ng-dirty.ng-invalid .p-inputtext { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-calendar.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: none; + border-color: transparent; +} +.p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-focus { + box-shadow: none; + border-color: transparent; +} +.p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn .p-inputtext { + border: 0 none; + background-image: none; +} + +.p-cascadeselect .p-inputtext, .p-cascadeselect .p-cascadeselect-trigger { + background-image: none; + background: transparent; +} +.p-cascadeselect .p-inputtext { + border: 0 none; +} +.p-cascadeselect:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #90A4AE, inset 0 0 0 1px #90A4AE, inset 0 0 0 1px #90A4AE, inset 0 0 0 1px #90A4AE; +} + +.p-cascadeselect-item .p-ink { + background-color: rgba(144, 164, 174, 0.16); +} + +.p-input-filled .p-cascadeselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #90A4AE, #90A4AE), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +.p-input-filled .p-cascadeselect .p-inputtext { + background-image: none; + background-color: transparent; +} +.p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #90A4AE, #90A4AE), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); +} +.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-cascadeselect .p-inputtext:enabled:hover, .p-input-filled .p-cascadeselect .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} +.p-input-filled .p-cascadeselect .p-inputtext { + border: 0 none; +} +.p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-focus { + box-shadow: none; + border-color: transparent; +} + +p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} + +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #ae9a90; + color: #212121; +} + +.p-checkbox { + border-radius: 50%; + transition: box-shadow 0.2s; +} +.p-checkbox .p-checkbox-box { + border-color: rgba(255, 255, 255, 0.7); + border-radius: 2px; + position: relative; +} +.p-checkbox .p-checkbox-box:not(.p-disabled):hover { + border-color: rgba(255, 255, 255, 0.7); +} +.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus { + border-color: rgba(255, 255, 255, 0.7); +} +.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus { + border-color: #90A4AE; +} +.p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon.pi-check:before { + content: ""; + position: absolute; + top: 6px; + left: 1px; + border-right: 2px solid transparent; + border-bottom: 2px solid transparent; + transform: rotate(45deg); + transform-origin: 0% 100%; + animation: checkbox-check 125ms 50ms linear forwards; +} +.p-checkbox:not(.p-checkbox-disabled):hover { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04); +} +.p-checkbox:not(.p-checkbox-disabled).p-checkbox-focused { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12); +} +.p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled):hover { + box-shadow: 0 0 1px 10px rgba(144, 164, 174, 0.04); +} +.p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled).p-checkbox-focused { + box-shadow: 0 0 1px 10px rgba(144, 164, 174, 0.12); +} + +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: #1e1e1e; +} +.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { + background-color: #1e1e1e; +} + +@keyframes checkbox-check { + 0% { + width: 0; + height: 0; + border-color: #212121; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 33% { + width: 4px; + height: 0; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 100% { + width: 4px; + height: 10px; + border-color: #212121; + transform: translate3d(0, -10px, 0) rotate(45deg); + } +} +.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #90A4AE, inset 0 0 0 1px #90A4AE, inset 0 0 0 1px #90A4AE, inset 0 0 0 1px #90A4AE; +} + +.p-input-filled .p-chips-multiple-container { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #90A4AE, #90A4AE), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +.p-input-filled .p-chips-multiple-container .p-inputtext { + background-image: none; + background-color: transparent; +} +.p-input-filled .p-chips-multiple-container:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #90A4AE, #90A4AE), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); +} +.p-input-filled .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-chips-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-chips-multiple-container .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} + +.p-float-label .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 1rem; +} + +.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token { + padding-top: 0; + padding-bottom: 0; +} +.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + font-size: 75%; +} +.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0; +} +.p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + box-shadow: none; + border-color: transparent; +} + +p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} + +.p-datatable .p-sortable-column { + outline: 0 none; +} +.p-datatable .p-sortable-column:focus { + background-color: rgba(255, 255, 255, 0.03); +} +.p-datatable .p-datatable-tbody > tr { + outline: 0 none; +} +.p-datatable .p-datatable-tbody > tr:not(.p-highlight):focus { + background-color: rgba(255, 255, 255, 0.03); +} + +.p-dropdown .p-inputtext, .p-dropdown .p-dropdown-trigger { + background-image: none; + background: transparent; +} +.p-dropdown .p-inputtext { + border: 0 none; +} +.p-dropdown:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #90A4AE, inset 0 0 0 1px #90A4AE, inset 0 0 0 1px #90A4AE, inset 0 0 0 1px #90A4AE; +} + +.p-dropdown-item .p-ink { + background-color: rgba(144, 164, 174, 0.16); +} + +.p-input-filled .p-dropdown { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #90A4AE, #90A4AE), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +.p-input-filled .p-dropdown .p-inputtext { + background-image: none; + background-color: transparent; +} +.p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #90A4AE, #90A4AE), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus, .p-input-filled .p-dropdown:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-dropdown .p-inputtext:enabled:hover, .p-input-filled .p-dropdown .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} +.p-input-filled .p-dropdown .p-inputtext { + border: 0 none; +} +.p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-focus { + box-shadow: none; + border-color: transparent; +} + +p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} + +.p-galleria .p-galleria-indicators { + padding: 1rem; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #ae9a90; + color: #212121; +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(174, 154, 144, 0.68); + color: #212121; +} + +.p-inputtext:enabled:focus { + box-shadow: inset 0 0 0 1px #90A4AE, inset 0 0 0 1px #90A4AE, inset 0 0 0 1px #90A4AE, inset 0 0 0 1px #90A4AE; +} +.p-inputtext:enabled:focus.ng-invalid.ng-dirty { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} + +.p-input-filled .p-inputtext { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #90A4AE, #90A4AE), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +.p-input-filled .p-inputtext:enabled:hover { + background-color: rgba(255, 255, 255, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #90A4AE, #90A4AE), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)); +} +.p-input-filled .p-inputtext:enabled:focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-inputtext.ng-invalid.ng-dirty { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled .p-inputtext.ng-invalid.ng-dirty:enabled:focus { + box-shadow: none; + border-color: transparent; +} + +.p-input-filled .p-inputgroup .p-inputgroup-addon { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #90A4AE, #90A4AE), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +.p-input-filled .p-inputgroup .p-inputgroup-addon:last-child { + border-right-color: transparent; +} +.p-input-filled .p-inputgroup-addon:first-child, +.p-input-filled .p-inputgroup button:first-child, +.p-input-filled .p-inputgroup input:first-child { + border-bottom-left-radius: 0; +} +.p-input-filled .p-inputgroup .p-float-label:first-child input { + border-bottom-left-radius: 0; +} +.p-input-filled .p-inputgroup-addon:last-child, +.p-input-filled .p-inputgroup button:last-child, +.p-input-filled .p-inputgroup input:last-child { + border-bottom-right-radius: 0; +} +.p-input-filled .p-inputgroup .p-float-label:last-child input { + border-bottom-right-radius: 0; +} + +p-inputmask.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} + +.p-input-filled p-inputmask.ng-dirty.ng-invalid .p-inputtext { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-inputmask.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: none; + border-color: transparent; +} + +p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} + +.p-input-filled p-inputnumber.ng-dirty.ng-invalid .p-inputtext { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: none; + border-color: transparent; +} + +.p-inputswitch .p-inputswitch-slider:before { + transition-property: box-shadow transform; + box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); +} +.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider:before { + box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12), 0 0 1px 10px rgba(255, 255, 255, 0.04); +} +.p-inputswitch.p-inputswitch-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-focus:not(.p-disabled):hover .p-inputswitch-slider:before { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); +} +.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider:before { + box-shadow: 0 0 1px 10px rgba(144, 164, 174, 0.04), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); +} +.p-inputswitch.p-inputswitch-checked.p-inputswitch-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-checked.p-inputswitch-focus:not(.p-disabled):hover .p-inputswitch-slider:before { + box-shadow: 0 0 1px 10px rgba(144, 164, 174, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); +} + +.p-fieldset .p-fieldset-legend { + border: 0 none; +} + +.p-float-label input:focus ~ label, +.p-float-label input.p-filled ~ label, +.p-float-label textarea:focus ~ label, +.p-float-label textarea.p-filled ~ label, +.p-float-label .p-inputwrapper-focus ~ label, +.p-float-label .p-inputwrapper-filled ~ label { + top: -0.5rem !important; + background-color: #1e1e1e; + padding: 2px 4px; + margin-left: -4px; + margin-top: 0; +} + +.p-float-label textarea ~ label { + margin-top: 0; +} + +.p-float-label input:focus ~ label, +.p-float-label .p-inputwrapper-focus ~ label { + color: #90A4AE; +} + +.p-input-filled .p-float-label .p-inputtext { + padding-top: 1.25rem; + padding-bottom: 0.25rem; +} +.p-input-filled .p-float-label input:focus ~ label, +.p-input-filled .p-float-label input.p-filled ~ label, +.p-input-filled .p-float-label textarea:focus ~ label, +.p-input-filled .p-float-label textarea.p-filled ~ label, +.p-input-filled .p-float-label .p-inputwrapper-focus ~ label, +.p-input-filled .p-float-label .p-inputwrapper-filled ~ label { + top: 0.25rem !important; + margin-top: 0; + background: transparent; +} + +.p-listbox-item .p-ink { + background-color: rgba(144, 164, 174, 0.16); +} + +.p-multiselect .p-multiselect-label, .p-multiselect .p-multiselect-trigger { + background-image: none; + background: transparent; +} +.p-multiselect .p-multiselect-label { + border: 0 none; +} +.p-multiselect:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #90A4AE, inset 0 0 0 1px #90A4AE, inset 0 0 0 1px #90A4AE, inset 0 0 0 1px #90A4AE; +} + +.p-multiselect-item .p-ink { + background-color: rgba(144, 164, 174, 0.16); +} + +.p-input-filled .p-multiselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: rgba(255, 255, 255, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #90A4AE, #90A4AE), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +.p-input-filled .p-multiselect .p-inputtext { + background-image: none; + background-color: transparent; +} +.p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #90A4AE, #90A4AE), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); +} +.p-input-filled .p-multiselect:not(.p-disabled).p-focus, .p-input-filled .p-multiselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-multiselect .p-inputtext:enabled:hover, .p-input-filled .p-multiselect .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} +.p-input-filled .p-multiselect .p-multiselect-label:hover { + background-image: none; + background: transparent; +} + +.p-float-label .p-multiselect-label .p-multiselect-token { + padding: 0.25rem 1rem; + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} + +.p-input-filled .p-float-label .p-multiselect .p-multiselect-label { + padding-top: 1.25rem; + padding-bottom: 0.25rem; +} +.p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect .p-multiselect-label { + padding-top: 1.25rem; + padding-bottom: 0.25rem; +} +.p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding-top: 0; + padding-bottom: 0; + margin-top: 0; + margin-bottom: 0; +} +.p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + font-size: 75%; +} +.p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +.p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-focus { + box-shadow: none; + border-color: transparent; +} + +p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} + +.p-overlaypanel .p-overlaypanel-content { + padding: 1.5rem; +} + +.p-paginator { + justify-content: flex-end; +} + +.p-panel { + border-radius: 4px; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); +} +.p-panel .p-panel-header, +.p-panel .p-panel-content, +.p-panel .p-panel-footer { + border: 0 none; +} +.p-panel .p-panel-content { + padding-top: 0; +} +.p-panel .p-panel-title { + font-size: 1.25rem; +} + +.p-panelmenu .p-panelmenu-panel { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + margin-bottom: 0; + border-radius: 0; + position: relative; + transition: margin-bottom 225ms; +} +.p-panelmenu .p-panelmenu-panel:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +.p-panelmenu .p-panelmenu-panel:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-icon { + order: 1; + margin-left: auto; + margin-right: 0; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled { + opacity: 1; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled .p-panelmenu-header-link > * { + opacity: 0.38; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-link:focus { + background: rgba(255, 255, 255, 0.04); +} + +.p-progressbar { + border-radius: 0; +} +.p-progressbar .p-progressbar-label { + display: none; +} + +.p-radiobutton { + border-radius: 50%; + transition: box-shadow 0.2s; +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border: 2px solid rgba(255, 255, 255, 0.7); +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + border: 2px solid rgba(255, 255, 255, 0.7); +} +.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus { + border-color: #90A4AE; +} +.p-radiobutton:not(.p-radiobutton-disabled):hover { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04); +} +.p-radiobutton:not(.p-radiobutton-disabled).p-radiobutton-focused { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12); +} +.p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled):hover { + box-shadow: 0 0 1px 10px rgba(144, 164, 174, 0.04); +} +.p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled).p-radiobutton-focused { + box-shadow: 0 0 1px 10px rgba(144, 164, 174, 0.12); +} + +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #1e1e1e; +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #1e1e1e; +} + +.p-selectbutton .p-button:focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} +.p-selectbutton .p-button:focus.p-highlight { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); +} + +.p-slider .p-slider-handle { + transition: transform 0.2s, box-shadow 0.2s; + transform: scale(0.7); +} +.p-slider .p-slider-handle:focus { + box-shadow: 0 0 1px 10px rgba(174, 154, 144, 0.2); +} +.p-slider.p-slider-sliding .p-slider-handle { + transform: scale(1); +} + +.p-steps { + padding: 1rem 0; +} +.p-steps .p-steps-item { + justify-content: flex-start; + flex-direction: row-reverse; + align-items: center; +} +.p-steps .p-steps-item:before { + position: static; + left: auto; + top: auto; + margin-top: 0; +} +.p-steps .p-steps-item:last-child { + flex-grow: 0; +} +.p-steps .p-steps-item:last-child:before { + display: none; +} +.p-steps .p-steps-item .p-menuitem-link { + flex-direction: row; + flex: 1 1 auto; + overflow: visible; + padding: 0 0.5rem; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-number { + background-color: #9e9d9e; + color: #ffffff; + font-size: 0.857rem; + min-width: 1.714rem; + height: 1.714rem; + line-height: 1.714rem; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin: 0; + padding-left: 0.5rem; +} +.p-steps .p-steps-item.p-highlight .p-steps-number { + background-color: #90A4AE; + color: #212121; +} +.p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 600; + color: rgba(255, 255, 255, 0.87); +} +.p-steps .p-steps-item.p-disabled { + opacity: 1; +} + +.p-tabview .p-tabview-nav { + position: relative; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s; + border-radius: 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link > .p-ink { + background-color: rgba(144, 164, 174, 0.16); +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link:focus { + background-color: rgba(144, 164, 174, 0.12); +} +.p-tabview .p-tabview-nav .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 2px; + background-color: #90A4AE; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); +} + +.p-toolbar { + border: 0 none; +} + +.p-tooltip .p-tooltip-text { + box-shadow: none; + font-size: 0.875rem; +} +.p-tooltip .p-tooltip-arrow { + display: none; +} + +.p-treetable .p-sortable-column { + outline: 0 none; +} +.p-treetable .p-sortable-column:focus { + background-color: rgba(255, 255, 255, 0.03); +} +.p-treetable .p-treetable-tbody > tr { + outline: 0 none; +} +.p-treetable .p-treetable-tbody > tr:not(.p-highlight):focus { + background-color: rgba(255, 255, 255, 0.03); +} + +.p-tabmenu .p-tabmenu-nav { + position: relative; +} +.p-tabmenu .p-tabmenu-nav li .p-menuitem-link { + transition: background-color 0.2s; + border-radius: 0; +} +.p-tabmenu .p-tabmenu-nav li .p-menuitem-link > .p-ink { + background-color: rgba(144, 164, 174, 0.16); +} +.p-tabmenu .p-tabmenu-nav li .p-menuitem-link:focus { + background-color: rgba(144, 164, 174, 0.12); +} +.p-tabmenu .p-tabmenu-nav .p-tabmenu-ink-bar { + display: block; + position: absolute; + bottom: 0; + height: 2px; + background-color: #90A4AE; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); +} + +.p-timeline.p-timeline-vertical .p-timeline-event-connector { + margin: 0.5rem 0; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-connector { + margin: 0 0.5rem; +} + +.p-togglebutton.p-button:focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} +.p-togglebutton.p-button:focus.p-highlight { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); +} + +/* Add your customizations of the theme here */ diff --git a/src/assets/theme/bluegrey/theme-dark.scss b/src/assets/theme/bluegrey/theme-dark.scss new file mode 100644 index 00000000..99d0f7bb --- /dev/null +++ b/src/assets/theme/bluegrey/theme-dark.scss @@ -0,0 +1,7 @@ +$primaryColor:#90A4AE; +$primaryLightestColor: #ECEFF1; +$primaryTextColor:#212121; +$accentColor:#ae9a90; +$accentTextColor:#212121; + +@import '../../sass/theme/theme_dark'; diff --git a/src/assets/theme/bluegrey/theme-light.css b/src/assets/theme/bluegrey/theme-light.css new file mode 100644 index 00000000..46cd055c --- /dev/null +++ b/src/assets/theme/bluegrey/theme-light.css @@ -0,0 +1,6664 @@ +@charset "UTF-8"; +:root { + --surface-a:#ffffff; + --surface-b:#fafafa; + --surface-c:rgba(0,0,0,.04); + --surface-d:rgba(0,0,0,.12); + --surface-e:#ffffff; + --surface-f:#ffffff; + --text-color:rgba(0, 0, 0, 0.87); + --text-color-secondary:rgba(0, 0, 0, 0.6); + --primary-color:#607D8B; + --primary-menu-text-color:#607D8B; + --primary-lightest-color:#ECEFF1; + --primary-color-text:#ffffff; + --font-family:Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; +} + +/* Add your variable customizations of theme here */ +* { + box-sizing: border-box; +} + +.p-component { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + font-weight: normal; +} + +.p-component-overlay { + background-color: rgba(0, 0, 0, 0.32); + transition-duration: 0.2s; +} + +.p-disabled, .p-component:disabled { + opacity: 0.38; +} + +.p-error { + color: #B00020; +} + +.p-text-secondary { + color: rgba(0, 0, 0, 0.6); +} + +.pi { + font-size: 1rem; +} + +.p-link { + font-size: 1rem; + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + border-radius: 4px; +} +.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +:root { + --blue-50:#f4fafe; + --blue-100:#cae6fc; + --blue-200:#a0d2fa; + --blue-300:#75bef8; + --blue-400:#4baaf5; + --blue-500:#2196f3; + --blue-600:#1c80cf; + --blue-700:#1769aa; + --blue-800:#125386; + --blue-900:#0d3c61; + --green-50:#f7faf5; + --green-100:#dbe8cf; + --green-200:#bed6a9; + --green-300:#a1c384; + --green-400:#85b15e; + --green-500:#689f38; + --green-600:#588730; + --green-700:#496f27; + --green-800:#39571f; + --green-900:#2a4016; + --yellow-50:#fffcf5; + --yellow-100:#fef0cd; + --yellow-200:#fde4a5; + --yellow-300:#fdd87d; + --yellow-400:#fccc55; + --yellow-500:#fbc02d; + --yellow-600:#d5a326; + --yellow-700:#b08620; + --yellow-800:#8a6a19; + --yellow-900:#644d12; + --cyan-50:#f2fcfd; + --cyan-100:#c2eff5; + --cyan-200:#91e2ed; + --cyan-300:#61d5e4; + --cyan-400:#30c9dc; + --cyan-500:#00bcd4; + --cyan-600:#00a0b4; + --cyan-700:#008494; + --cyan-800:#006775; + --cyan-900:#004b55; + --pink-50:#fef4f7; + --pink-100:#fac9da; + --pink-200:#f69ebc; + --pink-300:#f1749e; + --pink-400:#ed4981; + --pink-500:#e91e63; + --pink-600:#c61a54; + --pink-700:#a31545; + --pink-800:#801136; + --pink-900:#5d0c28; + --indigo-50:#f6f7fc; + --indigo-100:#d5d9ef; + --indigo-200:#b3bae2; + --indigo-300:#919cd5; + --indigo-400:#707dc8; + --indigo-500:#4e5fbb; + --indigo-600:#42519f; + --indigo-700:#374383; + --indigo-800:#2b3467; + --indigo-900:#1f264b; + --teal-50:#f2faf9; + --teal-100:#c2e6e2; + --teal-200:#91d2cc; + --teal-300:#61beb5; + --teal-400:#30aa9f; + --teal-500:#009688; + --teal-600:#008074; + --teal-700:#00695f; + --teal-800:#00534b; + --teal-900:#003c36; + --orange-50:#fffaf2; + --orange-100:#ffe6c2; + --orange-200:#ffd391; + --orange-300:#ffbf61; + --orange-400:#ffac30; + --orange-500:#ff9800; + --orange-600:#d98100; + --orange-700:#b36a00; + --orange-800:#8c5400; + --orange-900:#663d00; + --bluegray-50:#f7f9f9; + --bluegray-100:#d9e0e3; + --bluegray-200:#bbc7cd; + --bluegray-300:#9caeb7; + --bluegray-400:#7e96a1; + --bluegray-500:#607d8b; + --bluegray-600:#526a76; + --bluegray-700:#435861; + --bluegray-800:#35454c; + --bluegray-900:#263238; + --purple-50:#faf4fb; + --purple-100:#e7cbec; + --purple-200:#d4a2dd; + --purple-300:#c279ce; + --purple-400:#af50bf; + --purple-500:#9c27b0; + --purple-600:#852196; + --purple-700:#6d1b7b; + --purple-800:#561561; + --purple-900:#3e1046; +} + +.p-autocomplete .p-autocomplete-loader { + right: 0.75rem; +} +.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 3.5rem; +} +.p-autocomplete .p-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; +} +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + border-color: rgba(0, 0, 0, 0.87); +} +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #607D8B; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.375rem 0; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(0, 0, 0, 0.87); + padding: 0; + margin: 0; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: rgba(96, 125, 139, 0.12); + color: #607D8B; + border-radius: 4px; +} +.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; +} + +p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #B00020; +} + +.p-autocomplete-panel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +.p-autocomplete-panel .p-autocomplete-items:not(.p-autocomplete-virtualscroll) { + padding: 0; +} +.p-autocomplete-panel .p-autocomplete-items.p-autocomplete-virtualscroll .cdk-virtual-scroll-content-wrapper { + padding: 0; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0; + padding: 0.75rem 0.75rem; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: none; + border-radius: 0; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: #607D8B; + background: rgba(96, 125, 139, 0.12); +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + background: transparent; +} +.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); + background: #ffffff; + font-weight: 400; +} + +p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #B00020; +} + +.p-datepicker { + padding: 0.5rem; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid rgba(0, 0, 0, 0.38); + border-radius: 4px; +} +.p-datepicker:not(.p-datepicker-inline) { + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #ffffff; +} +.p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + font-weight: 500; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev, +.p-datepicker .p-datepicker-header .p-datepicker-next { + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, +.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 2rem; +} +.p-datepicker .p-datepicker-header .p-datepicker-title select { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +.p-datepicker .p-datepicker-header .p-datepicker-title select:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #607D8B; +} +.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + margin-right: 0.5rem; +} +.p-datepicker table { + font-size: 1rem; + margin: 0.5rem 0; +} +.p-datepicker table th { + padding: 0.5rem; +} +.p-datepicker table th > span { + width: 2.25rem; + height: 2.25rem; +} +.p-datepicker table td { + padding: 0.5rem; +} +.p-datepicker table td > span { + width: 2.25rem; + height: 2.25rem; + border-radius: 50%; + transition: none; + border: 1px solid transparent; +} +.p-datepicker table td > span.p-highlight { + color: #607D8B; + background: rgba(96, 125, 139, 0.12); +} +.p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-datepicker table td.p-datepicker-today > span { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-color: black; +} +.p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #607D8B; + background: rgba(96, 125, 139, 0.12); +} +.p-datepicker .p-datepicker-buttonbar { + padding: 0.75rem 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} +.p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; +} +.p-datepicker .p-timepicker { + border-top: 1px solid rgba(0, 0, 0, 0.12); + padding: 0.5rem; +} +.p-datepicker .p-timepicker button { + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datepicker .p-timepicker button:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.p-datepicker .p-timepicker button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; +} +.p-datepicker .p-timepicker span { + font-size: 1.25rem; +} +.p-datepicker .p-timepicker > div { + padding: 0 0.5rem; +} +.p-datepicker.p-datepicker-timeonly .p-timepicker { + border-top: 0 none; +} +.p-datepicker .p-monthpicker { + margin: 0.5rem 0; +} +.p-datepicker .p-monthpicker .p-monthpicker-month { + padding: 0.5rem; + transition: none; + border-radius: 4px; +} +.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #607D8B; + background: rgba(96, 125, 139, 0.12); +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-right: 1px solid rgba(0, 0, 0, 0.12); + padding-right: 0.5rem; + padding-left: 0.5rem; + padding-top: 0; + padding-bottom: 0; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { + padding-left: 0; +} +.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; + border-right: 0 none; +} +.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +@media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } +} +.p-cascadeselect { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.38); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +.p-cascadeselect:not(.p-disabled):hover { + border-color: rgba(0, 0, 0, 0.87); +} +.p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #607D8B; +} +.p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; +} +.p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: rgba(0, 0, 0, 0.6); +} +.p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +.p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: rgba(0, 0, 0, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.p-cascadeselect-panel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +.p-cascadeselect-panel .p-cascadeselect-items { + padding: 0; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 0; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: none; + border-radius: 0; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.75rem 0.75rem; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: #607D8B; + background: rgba(96, 125, 139, 0.12); +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} +.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; +} + +p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #B00020; +} + +.p-input-filled .p-cascadeselect { + background: #f5f5f5; +} +.p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #ececec; +} +.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #dcdcdc; +} + +.p-checkbox { + width: 18px; + height: 18px; +} +.p-checkbox .p-checkbox-box { + border: 2px solid #757575; + background: #ffffff; + width: 18px; + height: 18px; + color: rgba(0, 0, 0, 0.87); + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +.p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #ffffff; + font-size: 14px; +} +.p-checkbox .p-checkbox-box.p-highlight { + border-color: #607D8B; + background: #607D8B; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: rgba(0, 0, 0, 0.87); +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #607D8B; +} +.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #607D8B; + background: #607D8B; + color: #ffffff; +} + +p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #B00020; +} + +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: #f5f5f5; +} +.p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #607D8B; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #ececec; +} +.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #607D8B; +} + +.p-checkbox-label { + margin-left: 0.5rem; +} + +.p-chips .p-chips-multiple-container { + padding: 0.375rem 0.75rem; +} +.p-chips .p-chips-multiple-container:not(.p-disabled):hover { + border-color: rgba(0, 0, 0, 0.87); +} +.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #607D8B; +} +.p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: rgba(96, 125, 139, 0.12); + color: #607D8B; + border-radius: 4px; +} +.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + margin-left: 0.5rem; +} +.p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0.375rem 0; +} +.p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(0, 0, 0, 0.87); + padding: 0; + margin: 0; +} + +p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #B00020; +} + +.p-colorpicker-preview, +.p-fluid .p-colorpicker-preview.p-inputtext { + width: 2rem; + height: 2rem; +} + +.p-colorpicker-panel { + background: #323232; + border-color: #191919; +} +.p-colorpicker-panel .p-colorpicker-color-handle, +.p-colorpicker-panel .p-colorpicker-hue-handle { + border-color: #ffffff; +} + +.p-colorpicker-overlay-panel { + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} + +.p-dropdown { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.38); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +.p-dropdown:not(.p-disabled):hover { + border-color: rgba(0, 0, 0, 0.87); +} +.p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #607D8B; +} +.p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.75rem; +} +.p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; +} +.p-dropdown .p-dropdown-label.p-placeholder { + color: rgba(0, 0, 0, 0.6); +} +.p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +.p-dropdown .p-dropdown-trigger { + background: transparent; + color: rgba(0, 0, 0, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.p-dropdown .p-dropdown-clear-icon { + color: rgba(0, 0, 0, 0.6); + right: 2.75rem; +} + +.p-dropdown-panel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +.p-dropdown-panel .p-dropdown-header { + padding: 0.75rem; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.75rem; +} +.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} +.p-dropdown-panel .p-dropdown-items:not(.p-dropdown-virtualscroll) { + padding: 0; +} +.p-dropdown-panel .p-dropdown-items.p-dropdown-virtualscroll .cdk-virtual-scroll-content-wrapper { + padding: 0; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0; + padding: 0.75rem 0.75rem; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: none; + border-radius: 0; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: #607D8B; + background: rgba(96, 125, 139, 0.12); +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + background: transparent; +} +.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); + background: #ffffff; + font-weight: 400; +} + +p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #B00020; +} + +.p-input-filled .p-dropdown { + background: #f5f5f5; +} +.p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #ececec; +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #dcdcdc; +} + +.p-editor-container .p-editor-toolbar { + background: #ffffff; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #e0e0e0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(0, 0, 0, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: rgba(0, 0, 0, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(0, 0, 0, 0.6); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; + padding: 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(0, 0, 0, 0.87); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 0.75rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #e0e0e0; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: rgba(0, 0, 0, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #607D8B; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #607D8B; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #607D8B; +} +.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #607D8B; +} + +.p-inputgroup-addon { + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + border-top: 1px solid rgba(0, 0, 0, 0.38); + border-left: 1px solid rgba(0, 0, 0, 0.38); + border-bottom: 1px solid rgba(0, 0, 0, 0.38); + padding: 0.75rem 0.75rem; + min-width: 2.75rem; +} +.p-inputgroup-addon:last-child { + border-right: 1px solid rgba(0, 0, 0, 0.38); +} + +.p-inputgroup > .p-component, +.p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; +} +.p-inputgroup > .p-component + .p-inputgroup-addon, +.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { + border-left: 0 none; +} +.p-inputgroup > .p-component:focus, +.p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; +} +.p-inputgroup > .p-component:focus ~ label, +.p-inputgroup > .p-float-label > .p-component:focus ~ label { + z-index: 1; +} + +.p-inputgroup-addon:first-child, +.p-inputgroup button:first-child, +.p-inputgroup input:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} + +.p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} + +.p-inputgroup-addon:last-child, +.p-inputgroup button:last-child, +.p-inputgroup input:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.p-fluid .p-inputgroup .p-button { + width: auto; +} +.p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 2.75rem; +} + +p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #B00020; +} + +p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #B00020; +} + +.p-inputswitch { + width: 2.75rem; + height: 1rem; +} +.p-inputswitch .p-inputswitch-slider { + background: rgba(0, 0, 0, 0.38); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0.5rem; +} +.p-inputswitch .p-inputswitch-slider:before { + background: #ffffff; + width: 1.5rem; + height: 1.5rem; + left: -1px; + margin-top: -0.75rem; + border-radius: 50%; + transition-duration: 0.2s; +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1.5rem); +} +.p-inputswitch.p-focus .p-inputswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: rgba(0, 0, 0, 0.38); +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: rgba(96, 125, 139, 0.5); +} +.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #607D8B; +} +.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: rgba(96, 125, 139, 0.5); +} + +p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { + border-color: #B00020; +} + +.p-inputtext { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + padding: 0.75rem 0.75rem; + border: 1px solid rgba(0, 0, 0, 0.38); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + appearance: none; + border-radius: 4px; +} +.p-inputtext:enabled:hover { + border-color: rgba(0, 0, 0, 0.87); +} +.p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #607D8B; +} +.p-inputtext.ng-dirty.ng-invalid { + border-color: #B00020; +} +.p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; +} +.p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; +} + +.p-float-label > label { + left: 0.75rem; + color: rgba(0, 0, 0, 0.6); + transition-duration: 0.2s; +} + +.p-float-label > .ng-invalid.ng-dirty + label { + color: #B00020; +} + +.p-input-icon-left > i:first-of-type { + left: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} + +.p-input-icon-left > .p-inputtext { + padding-left: 2.5rem; +} + +.p-input-icon-left.p-float-label > label { + left: 2.5rem; +} + +.p-input-icon-right > i:last-of-type { + right: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} + +.p-input-icon-right > .p-inputtext { + padding-right: 2.5rem; +} + +::-webkit-input-placeholder { + color: rgba(0, 0, 0, 0.6); +} + +:-moz-placeholder { + color: rgba(0, 0, 0, 0.6); +} + +::-moz-placeholder { + color: rgba(0, 0, 0, 0.6); +} + +:-ms-input-placeholder { + color: rgba(0, 0, 0, 0.6); +} + +.p-input-filled .p-inputtext { + background-color: #f5f5f5; +} +.p-input-filled .p-inputtext:enabled:hover { + background-color: #ececec; +} +.p-input-filled .p-inputtext:enabled:focus { + background-color: #dcdcdc; +} + +.p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.65625rem 0.65625rem; +} + +.p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.9375rem 0.9375rem; +} + +.p-listbox { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid rgba(0, 0, 0, 0.38); + border-radius: 4px; +} +.p-listbox .p-listbox-header { + padding: 0.75rem; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.75rem; +} +.p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} +.p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; +} +.p-listbox .p-listbox-list { + padding: 0; +} +.p-listbox .p-listbox-list .p-listbox-item { + margin: 0; + padding: 0.75rem 0.75rem; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + transition: none; + border-radius: 0; +} +.p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: #607D8B; + background: rgba(96, 125, 139, 0.12); +} +.p-listbox .p-listbox-list .p-listbox-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-listbox .p-listbox-list .p-listbox-item .p-checkbox { + margin-right: 0.5rem; +} +.p-listbox .p-listbox-list .p-listbox-item-group { + margin: 0; + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); + background: #ffffff; + font-weight: 400; +} +.p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + background: transparent; +} +.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} + +p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #B00020; +} + +.p-multiselect { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.38); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +.p-multiselect:not(.p-disabled):hover { + border-color: rgba(0, 0, 0, 0.87); +} +.p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #607D8B; +} +.p-multiselect .p-multiselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +.p-multiselect .p-multiselect-label.p-placeholder { + color: rgba(0, 0, 0, 0.6); +} +.p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: rgba(96, 125, 139, 0.12); + color: #607D8B; + border-radius: 4px; +} +.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; +} +.p-multiselect .p-multiselect-trigger { + background: transparent; + color: rgba(0, 0, 0, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.375rem 0.75rem; +} + +.p-multiselect-panel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +.p-multiselect-panel .p-multiselect-header { + padding: 0.75rem; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.75rem; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} +.p-multiselect-panel .p-multiselect-header .p-checkbox { + margin-right: 0.5rem; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close { + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-multiselect-panel .p-multiselect-items:not(.p-multiselect-virtualscroll) { + padding: 0; +} +.p-multiselect-panel .p-multiselect-items.p-multiselect-virtualscroll .cdk-virtual-scroll-content-wrapper { + padding: 0; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0; + padding: 0.75rem 0.75rem; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: none; + border-radius: 0; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: #607D8B; + background: rgba(96, 125, 139, 0.12); +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { + margin-right: 0.5rem; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { + margin: 0; + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); + background: #ffffff; + font-weight: 400; +} +.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + background: transparent; +} + +p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #B00020; +} + +.p-input-filled .p-multiselect { + background: #f5f5f5; +} +.p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #ececec; +} +.p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #dcdcdc; +} + +.p-password.p-invalid.p-component > .p-inputtext { + border-color: #B00020; +} + +.p-password-panel { + padding: 0.75rem; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +.p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: rgba(96, 125, 139, 0.32); +} +.p-password-panel .p-password-meter .p-password-strength.weak { + background: #D32F2F; +} +.p-password-panel .p-password-meter .p-password-strength.medium { + background: #FBC02D; +} +.p-password-panel .p-password-meter .p-password-strength.strong { + background: #689F38; +} + +.p-radiobutton { + width: 20px; + height: 20px; +} +.p-radiobutton .p-radiobutton-box { + border: 2px solid #757575; + background: #ffffff; + width: 20px; + height: 20px; + color: rgba(0, 0, 0, 0.87); + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: rgba(0, 0, 0, 0.87); +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #607D8B; +} +.p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 10px; + height: 10px; + transition-duration: 0.2s; + background-color: #607D8B; +} +.p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #607D8B; + background: #ffffff; +} +.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #607D8B; + background: #ffffff; + color: #607D8B; +} + +p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #B00020; +} + +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #f5f5f5; +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #ececec; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #ffffff; +} +.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #ffffff; +} + +.p-radiobutton-label { + margin-left: 0.5rem; +} + +.p-rating .p-rating-icon { + color: #607D8B; + margin-left: 0.5rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + font-size: 1rem; +} +.p-rating .p-rating-icon.p-rating-cancel { + color: #B00020; +} +.p-rating .p-rating-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-rating .p-rating-icon:first-child { + margin-left: 0; +} +.p-rating .p-rating-icon.pi-star { + color: #607D8B; +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { + color: #607D8B; +} +.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { + color: #B00020; +} + +.p-selectbutton .p-button { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +.p-selectbutton .p-button .p-button-icon-left, +.p-selectbutton .p-button .p-button-icon-right { + color: rgba(0, 0, 0, 0.6); +} +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f6f6f6; + border-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); +} +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(0, 0, 0, 0.6); +} +.p-selectbutton .p-button.p-highlight { + background: #e0e0e1; + border-color: #e0e0e1; + color: rgba(0, 0, 0, 0.87); +} +.p-selectbutton .p-button.p-highlight .p-button-icon-left, +.p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: rgba(0, 0, 0, 0.6); +} +.p-selectbutton .p-button.p-highlight:hover { + background: #d9d8d9; + border-color: #d9d8d9; + color: rgba(0, 0, 0, 0.87); +} +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, +.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: rgba(0, 0, 0, 0.6); +} + +p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #B00020; +} + +.p-slider { + background: #c1c1c1; + border: 0 none; + border-radius: 4px; +} +.p-slider.p-slider-horizontal { + height: 2px; +} +.p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -10px; + margin-left: -10px; +} +.p-slider.p-slider-vertical { + width: 2px; +} +.p-slider.p-slider-vertical .p-slider-handle { + margin-left: -10px; + margin-bottom: -10px; +} +.p-slider .p-slider-handle { + height: 20px; + width: 20px; + background: #607D8B; + border: 0 none; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +.p-slider .p-slider-handle:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-slider .p-slider-range { + background: #607D8B; +} +.p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #607D8B; + border-color: 0 none; +} +.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), left 0.2s; +} +.p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { + transition: width 0.2s; +} +.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), bottom 0.2s; +} +.p-slider.p-slider-animate.p-slider-vertical .p-slider-range { + transition: height 0.2s; +} + +.p-togglebutton.p-button { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +.p-togglebutton.p-button .p-button-icon-left, +.p-togglebutton.p-button .p-button-icon-right { + color: rgba(0, 0, 0, 0.6); +} +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #f6f6f6; + border-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); +} +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, +.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { + color: rgba(0, 0, 0, 0.6); +} +.p-togglebutton.p-button.p-highlight { + background: #e0e0e1; + border-color: #e0e0e1; + color: rgba(0, 0, 0, 0.87); +} +.p-togglebutton.p-button.p-highlight .p-button-icon-left, +.p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: rgba(0, 0, 0, 0.6); +} +.p-togglebutton.p-button.p-highlight:hover { + background: #d9d8d9; + border-color: #d9d8d9; + color: rgba(0, 0, 0, 0.87); +} +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, +.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: rgba(0, 0, 0, 0.6); +} + +p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #B00020; +} + +.p-treeselect { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.38); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +.p-treeselect:not(.p-disabled):hover { + border-color: rgba(0, 0, 0, 0.87); +} +.p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + border-color: #607D8B; +} +.p-treeselect .p-treeselect-label { + padding: 0.75rem 0.75rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +.p-treeselect .p-treeselect-label.p-placeholder { + color: rgba(0, 0, 0, 0.6); +} +.p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.375rem 0.75rem; + margin-right: 0.5rem; + background: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + border-radius: 16px; +} +.p-treeselect .p-treeselect-trigger { + background: transparent; + color: rgba(0, 0, 0, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.p-treeselect.p-invalid.p-component { + border-color: #B00020; +} + +.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.375rem 0.75rem; +} + +.p-treeselect-panel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +.p-treeselect-panel .p-treeselect-items-wrapper .p-tree { + border: 0 none; +} +.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + background: transparent; +} + +.p-input-filled .p-treeselect { + background: #f5f5f5; +} +.p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #ececec; +} +.p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #dcdcdc; +} + +.p-button { + color: #ffffff; + background: #607D8B; + border: 0 none; + padding: 0.643rem 0.75rem; + font-size: 1rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +.p-button:enabled:hover { + background: rgba(96, 125, 139, 0.92); + color: #ffffff; + border-color: transparent; +} +.p-button:enabled:active { + background: rgba(96, 125, 139, 0.68); + color: #ffffff; + border-color: transparent; +} +.p-button.p-button-outlined { + background-color: transparent; + color: #607D8B; + border: 0 none; +} +.p-button.p-button-outlined:enabled:hover { + background: rgba(96, 125, 139, 0.04); + color: #607D8B; + border: 0 none; +} +.p-button.p-button-outlined:enabled:active { + background: rgba(96, 125, 139, 0.16); + color: #607D8B; + border: 0 none; +} +.p-button.p-button-outlined.p-button-plain { + color: rgba(0, 0, 0, 0.6); + border-color: rgba(0, 0, 0, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); +} +.p-button.p-button-outlined.p-button-plain:enabled:active { + background: rgba(0, 0, 0, 0.16); + color: rgba(0, 0, 0, 0.6); +} +.p-button.p-button-text { + background-color: transparent; + color: #607D8B; + border-color: transparent; +} +.p-button.p-button-text:enabled:hover { + background: rgba(96, 125, 139, 0.04); + color: #607D8B; + border-color: transparent; +} +.p-button.p-button-text:enabled:active { + background: rgba(96, 125, 139, 0.16); + color: #607D8B; + border-color: transparent; +} +.p-button.p-button-text.p-button-plain { + color: rgba(0, 0, 0, 0.6); +} +.p-button.p-button-text.p-button-plain:enabled:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); +} +.p-button.p-button-text.p-button-plain:enabled:active { + background: rgba(0, 0, 0, 0.16); + color: rgba(0, 0, 0, 0.6); +} +.p-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-button .p-button-icon-left { + margin-right: 0.5rem; +} +.p-button .p-button-icon-right { + margin-left: 0.5rem; +} +.p-button .p-button-icon-bottom { + margin-top: 0.5rem; +} +.p-button .p-button-icon-top { + margin-bottom: 0.5rem; +} +.p-button .p-badge { + margin-left: 0.5rem; + min-width: 1rem; + height: 1rem; + line-height: 1rem; + color: #607D8B; + background-color: #ffffff; +} +.p-button.p-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +.p-button.p-button-rounded { + border-radius: 2rem; +} +.p-button.p-button-icon-only { + width: 2.75rem; + padding: 0.643rem; +} +.p-button.p-button-icon-only .p-button-icon-left, +.p-button.p-button-icon-only .p-button-icon-right { + margin: 0; +} +.p-button.p-button-icon-only.p-button-rounded { + border-radius: 50%; + height: 2.75rem; +} +.p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.562625rem 0.65625rem; +} +.p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; +} +.p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.80375rem 0.9375rem; +} +.p-button.p-button-lg .p-button-icon { + font-size: 1.25rem; +} +.p-button.p-button-loading-label-only .p-button-label { + margin-left: 0.5rem; +} +.p-button.p-button-loading-label-only .p-button-loading-icon { + margin-right: 0; +} + +.p-fluid .p-button { + width: 100%; +} +.p-fluid .p-button-icon-only { + width: 2.75rem; +} +.p-fluid .p-buttonset { + display: flex; +} +.p-fluid .p-buttonset .p-button { + flex: 1; +} + +.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { + color: #ffffff; + background: #8b6e60; + border: 0 none; +} +.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { + background: rgba(139, 110, 96, 0.92); + color: #ffffff; + border-color: transparent; +} +.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + box-shadow: none; +} +.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + background: rgba(139, 110, 96, 0.68); + color: #ffffff; + border-color: transparent; +} +.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { + background-color: transparent; + color: #8b6e60; + border: 0 none; +} +.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { + background: rgba(139, 110, 96, 0.04); + color: #8b6e60; + border: 0 none; +} +.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + background: rgba(139, 110, 96, 0.16); + color: #8b6e60; + border: 0 none; +} +.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { + background-color: transparent; + color: #8b6e60; + border-color: transparent; +} +.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { + background: rgba(139, 110, 96, 0.04); + border-color: transparent; + color: #8b6e60; +} +.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { + background: rgba(139, 110, 96, 0.16); + border-color: transparent; + color: #8b6e60; +} + +.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { + color: #ffffff; + background: #2196F3; + border: 0 none; +} +.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { + background: rgba(33, 150, 243, 0.92); + color: #ffffff; + border-color: transparent; +} +.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + box-shadow: none; +} +.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + background: rgba(33, 150, 243, 0.68); + color: #ffffff; + border-color: transparent; +} +.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { + background-color: transparent; + color: #2196F3; + border: 0 none; +} +.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { + background: rgba(33, 150, 243, 0.04); + color: #2196F3; + border: 0 none; +} +.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + background: rgba(33, 150, 243, 0.16); + color: #2196F3; + border: 0 none; +} +.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { + background-color: transparent; + color: #2196F3; + border-color: transparent; +} +.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { + background: rgba(33, 150, 243, 0.04); + border-color: transparent; + color: #2196F3; +} +.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { + background: rgba(33, 150, 243, 0.16); + border-color: transparent; + color: #2196F3; +} + +.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { + color: #ffffff; + background: #689F38; + border: 0 none; +} +.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { + background: rgba(104, 159, 56, 0.92); + color: #ffffff; + border-color: transparent; +} +.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + box-shadow: none; +} +.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + background: rgba(104, 159, 56, 0.68); + color: #ffffff; + border-color: transparent; +} +.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { + background-color: transparent; + color: #689F38; + border: 0 none; +} +.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { + background: rgba(104, 159, 56, 0.04); + color: #689F38; + border: 0 none; +} +.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + background: rgba(104, 159, 56, 0.16); + color: #689F38; + border: 0 none; +} +.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { + background-color: transparent; + color: #689F38; + border-color: transparent; +} +.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { + background: rgba(104, 159, 56, 0.04); + border-color: transparent; + color: #689F38; +} +.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { + background: rgba(104, 159, 56, 0.16); + border-color: transparent; + color: #689F38; +} + +.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { + color: #212529; + background: #FBC02D; + border: 0 none; +} +.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { + background: rgba(251, 192, 45, 0.92); + color: #212529; + border-color: transparent; +} +.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + box-shadow: none; +} +.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + background: rgba(251, 192, 45, 0.68); + color: #212529; + border-color: transparent; +} +.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { + background-color: transparent; + color: #FBC02D; + border: 0 none; +} +.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { + background: rgba(251, 192, 45, 0.04); + color: #FBC02D; + border: 0 none; +} +.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + background: rgba(251, 192, 45, 0.16); + color: #FBC02D; + border: 0 none; +} +.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { + background-color: transparent; + color: #FBC02D; + border-color: transparent; +} +.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { + background: rgba(251, 192, 45, 0.04); + border-color: transparent; + color: #FBC02D; +} +.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { + background: rgba(251, 192, 45, 0.16); + border-color: transparent; + color: #FBC02D; +} + +.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { + color: #ffffff; + background: #9C27B0; + border: 0 none; +} +.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { + background: rgba(156, 39, 176, 0.92); + color: #ffffff; + border-color: transparent; +} +.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + box-shadow: none; +} +.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + background: rgba(156, 39, 176, 0.68); + color: #ffffff; + border-color: transparent; +} +.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { + background-color: transparent; + color: #9C27B0; + border: 0 none; +} +.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { + background: rgba(156, 39, 176, 0.04); + color: #9C27B0; + border: 0 none; +} +.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + background: rgba(156, 39, 176, 0.16); + color: #9C27B0; + border: 0 none; +} +.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { + background-color: transparent; + color: #9C27B0; + border-color: transparent; +} +.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { + background: rgba(156, 39, 176, 0.04); + border-color: transparent; + color: #9C27B0; +} +.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { + background: rgba(156, 39, 176, 0.16); + border-color: transparent; + color: #9C27B0; +} + +.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { + color: #ffffff; + background: #D32F2F; + border: 0 none; +} +.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { + background: rgba(211, 47, 47, 0.92); + color: #ffffff; + border-color: transparent; +} +.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + box-shadow: none; +} +.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + background: rgba(211, 47, 47, 0.68); + color: #ffffff; + border-color: transparent; +} +.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { + background-color: transparent; + color: #D32F2F; + border: 0 none; +} +.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { + background: rgba(211, 47, 47, 0.04); + color: #D32F2F; + border: 0 none; +} +.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + background: rgba(211, 47, 47, 0.16); + color: #D32F2F; + border: 0 none; +} +.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { + background-color: transparent; + color: #D32F2F; + border-color: transparent; +} +.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { + background: rgba(211, 47, 47, 0.04); + border-color: transparent; + color: #D32F2F; +} +.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { + background: rgba(211, 47, 47, 0.16); + border-color: transparent; + color: #D32F2F; +} + +.p-button.p-button-link { + color: #607D8B; + background: transparent; + border: transparent; +} +.p-button.p-button-link:enabled:hover { + background: transparent; + color: #607D8B; + border-color: transparent; +} +.p-button.p-button-link:enabled:hover .p-button-label { + text-decoration: underline; +} +.p-button.p-button-link:enabled:focus { + background: transparent; + box-shadow: none; + border-color: transparent; +} +.p-button.p-button-link:enabled:active { + background: transparent; + color: #607D8B; + border-color: transparent; +} + +.p-speeddial-button.p-button.p-button-icon-only { + width: 4rem; + height: 4rem; +} +.p-speeddial-button.p-button.p-button-icon-only .p-button-icon { + font-size: 2rem; +} + +.p-speeddial-action { + width: 3rem; + height: 3rem; + background: #8b6e60; + color: #fff; +} +.p-speeddial-action:hover { + background: rgba(139, 110, 96, 0.92); + color: #fff; +} + +.p-speeddial-direction-up .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-up .p-speeddial-item:first-child { + margin-bottom: 0.5rem; +} + +.p-speeddial-direction-down .p-speeddial-item { + margin: 0.25rem 0; +} +.p-speeddial-direction-down .p-speeddial-item:first-child { + margin-top: 0.5rem; +} + +.p-speeddial-direction-left .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-left .p-speeddial-item:first-child { + margin-right: 0.5rem; +} + +.p-speeddial-direction-right .p-speeddial-item { + margin: 0 0.25rem; +} +.p-speeddial-direction-right .p-speeddial-item:first-child { + margin-left: 0.5rem; +} + +.p-speeddial-circle .p-speeddial-item, +.p-speeddial-semi-circle .p-speeddial-item, +.p-speeddial-quarter-circle .p-speeddial-item { + margin: 0; +} +.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, +.p-speeddial-semi-circle .p-speeddial-item:first-child, +.p-speeddial-semi-circle .p-speeddial-item:last-child, +.p-speeddial-quarter-circle .p-speeddial-item:first-child, +.p-speeddial-quarter-circle .p-speeddial-item:last-child { + margin: 0; +} + +.p-speeddial-mask { + background-color: rgba(0, 0, 0, 0.32); +} + +.p-carousel .p-carousel-content .p-carousel-prev, +.p-carousel .p-carousel-content .p-carousel-next { + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin: 0.5rem; +} +.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, +.p-carousel .p-carousel-content .p-carousel-next:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.p-carousel .p-carousel-content .p-carousel-prev:focus, +.p-carousel .p-carousel-content .p-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-carousel .p-carousel-indicators { + padding: 1rem; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator button { + background-color: #dcdcdc; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 0; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { + background: #ececec; +} +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: rgba(96, 125, 139, 0.12); + color: #607D8B; +} + +.p-datatable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-datatable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-datatable .p-datatable-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +.p-datatable .p-datatable-footer { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +.p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + font-weight: 500; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + transition: none; +} +.p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + font-weight: 500; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; +} +.p-datatable .p-sortable-column .p-sortable-column-icon { + color: rgba(0, 0, 0, 0.6); + margin-left: 0.5rem; +} +.p-datatable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #607D8B; + background: rgba(96, 125, 139, 0.12); + margin-left: 0.5rem; +} +.p-datatable .p-sortable-column:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-datatable .p-sortable-column.p-highlight { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(0, 0, 0, 0.87); +} +.p-datatable .p-sortable-column.p-highlight:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: rgba(0, 0, 0, 0.87); +} +.p-datatable .p-sortable-column:focus { + box-shadow: none; + outline: 0 none; +} +.p-datatable .p-datatable-tbody > tr { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + transition: none; + outline-color: transparent; +} +.p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; +} +.p-datatable .p-datatable-tbody > tr.p-highlight { + background: rgba(96, 125, 139, 0.12); + color: #607D8B; +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 rgba(96, 125, 139, 0.12); +} +.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 rgba(96, 125, 139, 0.12); +} +.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +.p-datatable .p-column-resizer-helper { + background: #607D8B; +} +.p-datatable .p-datatable-scrollable-header, +.p-datatable .p-datatable-scrollable-footer { + background: #ffffff; +} +.p-datatable .p-datatable-loading-icon { + font-size: 2rem; +} +.p-datatable.p-datatable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-footer { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-paginator-top { + border-width: 0 1px 0 1px; +} +.p-datatable.p-datatable-gridlines .p-paginator-bottom { + border-width: 0 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { + border-width: 1px 1px 1px 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { + border-width: 1px; +} +.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { + border-width: 1px; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { + background: rgba(0, 0, 0, 0.02); +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: rgba(96, 125, 139, 0.12); + color: #607D8B; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #607D8B; +} +.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #607D8B; +} +.p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.375rem 0.375rem; +} +.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.375rem 0.375rem; +} +.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.375rem 0.375rem; +} +.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +.p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.375rem 0.375rem; +} +.p-datatable.p-datatable-lg .p-datatable-header { + padding: 0.9375rem 0.9375rem; +} +.p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 0.9375rem 0.9375rem; +} +.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +.p-datatable.p-datatable-lg .p-datatable-footer { + padding: 0.9375rem 0.9375rem; +} + +.p-dataview .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-dataview .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-dataview .p-dataview-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +.p-dataview .p-dataview-content { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + padding: 0.75rem; +} +.p-dataview.p-dataview-list .p-dataview-content > .grid > div { + border: solid rgba(0, 0, 0, 0.12); + border-width: 0 0 1px 0; +} +.p-dataview .p-dataview-footer { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +.p-dataview .p-dataview-loading-icon { + font-size: 2rem; +} +.p-dataview .p-dataview-emptymessage { + padding: 0.75rem; +} + +.p-column-filter-row .p-column-filter-menu-button, +.p-column-filter-row .p-column-filter-clear-button { + margin-left: 0.5rem; +} + +.p-column-filter-menu-button { + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-column-filter-menu-button:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); +} +.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: rgba(96, 125, 139, 0.12); + color: #607D8B; +} +.p-column-filter-menu-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-column-filter-clear-button:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.p-column-filter-clear-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-column-filter-overlay { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + min-width: 12.5rem; +} +.p-column-filter-overlay .p-column-filter-row-items { + padding: 0; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 0.75rem 0.75rem; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: none; + border-radius: 0; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: #607D8B; + background: rgba(96, 125, 139, 0.12); +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; +} + +.p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.75rem; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + margin: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 0.75rem; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} +.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { + margin-bottom: 0.5rem; +} +.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { + margin-top: 0.5rem; +} +.p-column-filter-overlay-menu .p-column-filter-constraint:last-child { + border-bottom: 0 none; +} +.p-column-filter-overlay-menu .p-column-filter-add-rule { + padding: 0.75rem 0.75rem; +} +.p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 0.75rem; +} + +.fc { + /* FullCalendar 4 */ + /* FullCalendar 5 */ +} +.fc.fc-unthemed .fc-view-container th { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-unthemed .fc-view-container td.fc-widget-content { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-unthemed .fc-view-container td.fc-head-container { + border: 1px solid #e0e0e0; +} +.fc.fc-unthemed .fc-view-container .fc-row { + border-right: 1px solid #e0e0e0; +} +.fc.fc-unthemed .fc-view-container .fc-event { + background: rgba(96, 125, 139, 0.12); + border: 1px solid rgba(96, 125, 139, 0.12); + color: #607D8B; +} +.fc.fc-unthemed .fc-view-container .fc-divider { + background: #ffffff; + border: 1px solid #e0e0e0; +} +.fc.fc-unthemed .fc-toolbar .fc-button { + color: #ffffff; + background: #607D8B; + border: 0 none; + font-size: 1rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + display: flex; + align-items: center; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { + background: rgba(96, 125, 139, 0.92); + color: #ffffff; + border-color: transparent; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { + background: rgba(96, 125, 139, 0.68); + color: #ffffff; + border-color: transparent; +} +.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: ""; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: ""; +} +.fc.fc-unthemed .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: #f6f6f6; + border-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #e0e0e1; + border-color: #e0e0e1; + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #d9d8d9; + border-color: #d9d8d9; + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + z-index: 1; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { + border-color: #e0e0e0; +} +.fc.fc-theme-standard .fc-view-harness th { + background: #ffffff; + border-color: #e0e0e0; + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-theme-standard .fc-view-harness td { + color: rgba(0, 0, 0, 0.87); + border-color: #e0e0e0; +} +.fc.fc-theme-standard .fc-view-harness .fc-view { + background: #ffffff; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover { + background: none; + border: 0 none; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { + border: 1px solid #e0e0e0; + padding: 0.75rem; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { + opacity: 1; + display: flex; + align-items: center; + justify-content: center; + overflow: hidden; + font-family: "PrimeIcons" !important; + font-size: 1rem; + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { + content: ""; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { + padding: 0.75rem; + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-top: 0 none; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { + color: #607D8B; + background: rgba(96, 125, 139, 0.12); + border-color: rgba(96, 125, 139, 0.12); +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { + color: #607D8B; +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { + background: rgba(96, 125, 139, 0.12); + border-color: rgba(96, 125, 139, 0.12); +} +.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { + background: #ffffff; +} +.fc.fc-theme-standard .fc-toolbar .fc-button { + color: #ffffff; + background: #607D8B; + border: 0 none; + font-size: 1rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { + background: rgba(96, 125, 139, 0.92); + color: #ffffff; + border-color: transparent; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { + background: rgba(96, 125, 139, 0.68); + color: #ffffff; + border-color: transparent; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:disabled { + opacity: 0.38; + color: #ffffff; + background: #607D8B; + border: 0 none; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { + content: ""; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { + font-family: "PrimeIcons" !important; + text-indent: 0; + font-size: 1rem; +} +.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { + content: ""; +} +.fc.fc-theme-standard .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { + background: #f6f6f6; + border-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { + background: #e0e0e1; + border-color: #e0e0e1; + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { + background: #d9d8d9; + border-color: #d9d8d9; + color: rgba(0, 0, 0, 0.87); +} +.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + z-index: 1; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { + border-radius: 0; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.fc.fc-theme-standard a { + color: rgba(0, 0, 0, 0.87); +} + +.p-orderlist .p-orderlist-controls { + padding: 0.75rem; +} +.p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; +} +.p-orderlist .p-orderlist-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e0e0e0; + padding: 0.75rem; + border-bottom: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 500; +} +.p-orderlist .p-orderlist-filter-container { + padding: 0.75rem; + background: #ffffff; + border: 1px solid #e0e0e0; + border-bottom: 0 none; +} +.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.75rem; +} +.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} +.p-orderlist .p-orderlist-list { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: none; +} +.p-orderlist .p-orderlist-list .p-orderlist-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #607D8B; + background: rgba(96, 125, 139, 0.12); +} +.p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); +} +.p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} + +.p-orderlist-item.cdk-drag-preview { + padding: 0.75rem 0.75rem; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + margin: 0; +} + +.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +.p-organizationchart .p-organizationchart-node-content.p-highlight { + background: rgba(96, 125, 139, 0.12); + color: #607D8B; +} +.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: rgba(44, 57, 64, 0.12); +} +.p-organizationchart .p-organizationchart-line-down { + background: rgba(0, 0, 0, 0.12); +} +.p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #e0e0e0; + border-color: rgba(0, 0, 0, 0.12); +} +.p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #e0e0e0; + border-color: rgba(0, 0, 0, 0.12); +} +.p-organizationchart .p-organizationchart-node-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +.p-organizationchart .p-organizationchart-node-content .p-node-toggler { + background: inherit; + color: inherit; + border-radius: 50%; +} +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-paginator { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: solid #e4e4e4; + border-width: 0; + padding: 0.375rem 0.75rem; + border-radius: 4px; +} +.p-paginator .p-paginator-first, +.p-paginator .p-paginator-prev, +.p-paginator .p-paginator-next, +.p-paginator .p-paginator-last { + background-color: transparent; + border: 0 none; + color: rgba(0, 0, 0, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: none; + border-radius: 50%; +} +.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, +.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + border-color: transparent; + color: rgba(0, 0, 0, 0.6); +} +.p-paginator .p-paginator-first { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-paginator .p-paginator-last { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 3rem; +} +.p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; +} +.p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: rgba(0, 0, 0, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + padding: 0 0.5rem; +} +.p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: rgba(0, 0, 0, 0.6); + min-width: 3rem; + height: 3rem; + margin: 0.143rem; + transition: none; + border-radius: 50%; +} +.p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: rgba(96, 125, 139, 0.12); + border-color: rgba(96, 125, 139, 0.12); + color: #607D8B; +} +.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + border-color: transparent; + color: rgba(0, 0, 0, 0.6); +} + +.p-picklist .p-picklist-buttons { + padding: 0.75rem; +} +.p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; +} +.p-picklist .p-picklist-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e0e0e0; + padding: 0.75rem; + border-bottom: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-picklist .p-picklist-header .p-picklist-title { + font-weight: 500; +} +.p-picklist .p-picklist-filter-container { + padding: 0.75rem; + background: #ffffff; + border: 1px solid #e0e0e0; + border-bottom: 0 none; +} +.p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.75rem; +} +.p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} +.p-picklist .p-picklist-list { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-picklist .p-picklist-list .p-picklist-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: none; +} +.p-picklist .p-picklist-list .p-picklist-item:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #607D8B; + background: rgba(96, 125, 139, 0.12); +} +.p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); +} +.p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} + +.p-picklist-item.cdk-drag-preview { + padding: 0.75rem 0.75rem; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + margin: 0; +} + +.p-timeline .p-timeline-event-marker { + border: 0 none; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #bdbdbd; +} +.p-timeline .p-timeline-event-connector { + background-color: #bdbdbd; +} +.p-timeline.p-timeline-vertical .p-timeline-event-opposite, +.p-timeline.p-timeline-vertical .p-timeline-event-content { + padding: 0 1rem; +} +.p-timeline.p-timeline-vertical .p-timeline-event-connector { + width: 2px; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-opposite, +.p-timeline.p-timeline-horizontal .p-timeline-event-content { + padding: 1rem 0; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-connector { + height: 2px; +} + +.p-tree { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-radius: 4px; +} +.p-tree .p-tree-container .p-treenode { + padding: 0.25rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 4px; + transition: none; + padding: 0.571rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(0, 0, 0, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: rgba(96, 125, 139, 0.12); + color: #607D8B; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #607D8B; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { + color: #607D8B; +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +.p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; +} +.p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.75rem; +} +.p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} +.p-tree .p-treenode-children { + padding: 0 0 0 1rem; +} +.p-tree .p-tree-loading-icon { + font-size: 2rem; +} +.p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: rgba(77, 100, 111, 0.12); +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 4px; + border: 1px solid #e0e0e0; + background-color: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.571rem; + transition: none; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: rgba(96, 125, 139, 0.12); + color: #607D8B; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #607D8B; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { + margin-right: 0.5rem; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { + background-color: inherit; + color: inherit; +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +.p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-treetable .p-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-treetable .p-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +.p-treetable .p-treetable-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +.p-treetable .p-treetable-footer { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +.p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + font-weight: 500; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + transition: none; +} +.p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + font-weight: 500; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; +} +.p-treetable .p-sortable-column { + outline-color: transparent; +} +.p-treetable .p-sortable-column .p-sortable-column-icon { + color: rgba(0, 0, 0, 0.6); + margin-left: 0.5rem; +} +.p-treetable .p-sortable-column .p-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #607D8B; + background: rgba(96, 125, 139, 0.12); + margin-left: 0.5rem; +} +.p-treetable .p-sortable-column:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-treetable .p-sortable-column.p-highlight { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: rgba(0, 0, 0, 0.87); +} +.p-treetable .p-treetable-tbody > tr { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + transition: none; + outline-color: transparent; +} +.p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { + margin-right: 0.5rem; +} +.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { + color: rgba(0, 0, 0, 0.87); +} +.p-treetable .p-treetable-tbody > tr.p-highlight { + background: rgba(96, 125, 139, 0.12); + color: #607D8B; +} +.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #607D8B; +} +.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #607D8B; +} +.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: rgba(0, 0, 0, 0.87); +} +.p-treetable .p-column-resizer-helper { + background: #607D8B; +} +.p-treetable .p-treetable-scrollable-header, +.p-treetable .p-treetable-scrollable-footer { + background: #ffffff; +} +.p-treetable .p-treetable-loading-icon { + font-size: 2rem; +} +.p-treetable.p-treetable-gridlines .p-datatable-header { + border-width: 1px 1px 0 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-footer { + border-width: 0 1px 1px 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-top { + border-width: 0 1px 0 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-bottom { + border-width: 0 1px 1px 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { + border-width: 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { + border-width: 1px; +} +.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { + border-width: 1px; +} +.p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.65625rem 0.65625rem; +} +.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.375rem 0.375rem; +} +.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.375rem 0.375rem; +} +.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +.p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.375rem 0.375rem; +} +.p-treetable.p-treetable-lg .p-treetable-header { + padding: 0.9375rem 0.9375rem; +} +.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 0.9375rem 0.9375rem; +} +.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +.p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.9375rem 0.9375rem; +} + +.p-virtualscroller .p-virtualscroller-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +.p-virtualscroller .p-virtualscroller-content { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + padding: 0.75rem; +} +.p-virtualscroller .p-virtualscroller-footer { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} + +.p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1.25rem; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + font-weight: 400; + border-radius: 4px; + transition: none; +} +.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { + margin-right: 0.5rem; +} +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #f6f6f6; + border-color: transparent; + color: rgba(0, 0, 0, 0.87); +} +.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #ffffff; + border-color: transparent; + color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-color: transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +.p-accordion .p-accordion-content { + padding: 0.75rem 1.25rem; + border: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-accordion p-accordiontab .p-accordion-tab { + margin-bottom: 0; +} +.p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { + border-radius: 0; +} +.p-accordion p-accordiontab .p-accordion-content { + border-radius: 0; +} +.p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { + border-top: 0 none; +} +.p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { + border-top: 0 none; +} +.p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-accordion p-accordiontab:last-child .p-accordion-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +.p-card { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +.p-card .p-card-body { + padding: 0.75rem; +} +.p-card .p-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +.p-card .p-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +.p-card .p-card-content { + padding: 0.75rem 0; +} +.p-card .p-card-footer { + padding: 0.75rem 0 0 0; +} + +.p-divider .p-divider-content { + background-color: #ffffff; +} +.p-divider.p-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; +} +.p-divider.p-divider-horizontal:before { + border-top: 1px rgba(0, 0, 0, 0.12); +} +.p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; +} +.p-divider.p-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; +} +.p-divider.p-divider-vertical:before { + border-left: 1px rgba(0, 0, 0, 0.12); +} +.p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; +} + +.p-fieldset { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-radius: 4px; +} +.p-fieldset .p-fieldset-legend { + padding: 0.75rem; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + font-weight: 500; + border-radius: 4px; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend { + padding: 0; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { + padding: 0.75rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 4px; + transition: none; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { + margin-right: 0.5rem; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: rgba(0, 0, 0, 0.04); + border-color: #e0e0e0; + color: rgba(0, 0, 0, 0.87); +} +.p-fieldset .p-fieldset-content { + padding: 0.75rem; +} + +.p-panel .p-panel-header { + border: 1px solid #e0e0e0; + padding: 0.75rem; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-panel .p-panel-header .p-panel-title { + font-weight: 500; +} +.p-panel .p-panel-header .p-panel-header-icon { + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-panel .p-panel-header .p-panel-header-icon:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.p-panel .p-panel-header .p-panel-header-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-panel.p-panel-toggleable .p-panel-header { + padding: 0.5rem 1rem; +} +.p-panel .p-panel-content { + padding: 0.75rem; + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + border-top: 0 none; +} +.p-panel .p-panel-footer { + padding: 0.75rem 0.75rem; + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-top: 0 none; +} + +.p-scrollpanel .p-scrollpanel-bar { + background: rgba(0, 0, 0, 0.12); + border: 0 none; +} + +.p-splitter { + border: 1px solid #e0e0e0; + background: #ffffff; + border-radius: 4px; + color: rgba(0, 0, 0, 0.87); +} +.p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + background: rgba(0, 0, 0, 0.04); +} +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: rgba(0, 0, 0, 0.12); +} +.p-splitter .p-splitter-gutter-resizing { + background: rgba(0, 0, 0, 0.12); +} + +.p-tabview .p-tabview-nav { + background: #ffffff; + border: solid rgba(0, 0, 0, 0.12); + border-width: 0 0 1px 0; +} +.p-tabview .p-tabview-nav li { + margin-right: 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: none; + border-width: 0 0 0 0; + border-color: transparent transparent transparent transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + padding: 0.75rem 1.25rem; + font-weight: 500; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + transition: none; + margin: 0 0 0 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: rgba(96, 125, 139, 0.04); + border-color: transparent; + color: rgba(0, 0, 0, 0.6); +} +.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: transparent; + color: #607D8B; +} +.p-tabview .p-tabview-left-icon { + margin-right: 0.5rem; +} +.p-tabview .p-tabview-right-icon { + margin-left: 0.5rem; +} +.p-tabview .p-tabview-close { + margin-left: 0.5rem; +} +.p-tabview .p-tabview-panels { + background: #ffffff; + padding: 0.75rem; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +.p-toolbar { + background: #ffffff; + border: 1px solid #e0e0e0; + padding: 0.75rem; + border-radius: 4px; +} +.p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; +} + +.p-confirm-popup { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +.p-confirm-popup .p-confirm-popup-content { + padding: 0.75rem; +} +.p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0.75rem 0.75rem; +} +.p-confirm-popup .p-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +.p-confirm-popup .p-confirm-popup-footer button:last-child { + margin: 0; +} +.p-confirm-popup:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +.p-confirm-popup:before { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +.p-confirm-popup.p-confirm-popup-flipped:after { + border-top-color: #ffffff; +} +.p-confirm-popup.p-confirm-popup-flipped:before { + border-top-color: #ffffff; +} +.p-confirm-popup .p-confirm-popup-icon { + font-size: 1.5rem; +} +.p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; +} + +.p-dialog { + border-radius: 4px; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; +} +.p-dialog .p-dialog-header { + border-bottom: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 1.25rem; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-dialog .p-dialog-header .p-dialog-title { + font-weight: 500; + font-size: 1.25rem; +} +.p-dialog .p-dialog-header .p-dialog-header-icon { + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.p-dialog .p-dialog-header .p-dialog-header-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; +} +.p-dialog .p-dialog-content { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0 1.25rem 1.25rem 1.25rem; +} +.p-dialog .p-dialog-footer { + border-top: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 1.25rem; + text-align: right; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-dialog .p-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +.p-dialog.p-confirm-dialog .p-confirm-dialog-icon { + font-size: 2rem; +} +.p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; +} + +.p-dialog-mask.p-component-overlay { + background-color: rgba(0, 0, 0, 0.32); +} + +.p-overlaypanel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +.p-overlaypanel .p-overlaypanel-content { + padding: 0.75rem; +} +.p-overlaypanel .p-overlaypanel-close { + background: #607D8B; + color: #ffffff; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + position: absolute; + top: -1rem; + right: -1rem; +} +.p-overlaypanel .p-overlaypanel-close:enabled:hover { + background: rgba(96, 125, 139, 0.92); + color: #ffffff; +} +.p-overlaypanel:after { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +.p-overlaypanel:before { + border: solid transparent; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +.p-overlaypanel.p-overlaypanel-flipped:after { + border-top-color: #ffffff; +} +.p-overlaypanel.p-overlaypanel-flipped:before { + border-top-color: #ffffff; +} + +.p-sidebar { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +.p-sidebar .p-sidebar-header { + padding: 0.75rem; +} +.p-sidebar .p-sidebar-header .p-sidebar-close, +.p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, +.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { + color: rgba(0, 0, 0, 0.6); + border-color: transparent; + background: rgba(0, 0, 0, 0.04); +} +.p-sidebar .p-sidebar-header .p-sidebar-close:focus, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; +} +.p-sidebar .p-sidebar-content { + padding: 0.75rem; +} + +.p-sidebar-mask.p-component-overlay { + background: rgba(0, 0, 0, 0.32); +} + +.p-tooltip .p-tooltip-text { + background: rgba(97, 97, 97, 0.9); + color: #ffffff; + padding: 0.5rem; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +.p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: rgba(97, 97, 97, 0.9); +} +.p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: rgba(97, 97, 97, 0.9); +} +.p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: rgba(97, 97, 97, 0.9); +} +.p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: rgba(97, 97, 97, 0.9); +} + +.p-fileupload .p-fileupload-buttonbar { + background: #ffffff; + padding: 0.75rem; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + border-bottom: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-fileupload .p-fileupload-buttonbar .p-button { + margin-right: 0.5rem; +} +.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-fileupload .p-fileupload-content { + background: #ffffff; + padding: 2rem 1rem; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-fileupload .p-progressbar { + height: 4px; +} +.p-fileupload .p-fileupload-row > div { + padding: 0.75rem 0.75rem; +} +.p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; +} + +.p-fileupload-choose:not(.p-disabled):hover { + background: rgba(96, 125, 139, 0.92); + color: #ffffff; + border-color: transparent; +} +.p-fileupload-choose:not(.p-disabled):active { + background: rgba(96, 125, 139, 0.68); + color: #ffffff; + border-color: transparent; +} + +.p-breadcrumb { + background: #ffffff; + border: 1px solid #e5e5e5; + border-radius: 4px; + padding: 0.75rem; +} +.p-breadcrumb ul li .p-menuitem-link { + transition: none; + border-radius: 4px; +} +.p-breadcrumb ul li .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-breadcrumb ul li.p-breadcrumb-chevron { + margin: 0 0.5rem 0 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +.p-breadcrumb ul li:last-child .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-breadcrumb ul li:last-child .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} + +.p-contextmenu { + padding: 0.5rem 0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + width: 12.5rem; +} +.p-contextmenu .p-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-contextmenu .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-contextmenu .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; +} +.p-contextmenu .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-contextmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-contextmenu .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +.p-contextmenu .p-menuitem { + margin: 0; +} +.p-contextmenu .p-menuitem:last-child { + margin: 0; +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: rgba(0, 0, 0, 0.04); +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-contextmenu .p-menu-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; +} +.p-contextmenu .p-submenu-icon { + font-size: 0.875rem; +} + +.p-dock .p-dock-list { + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 0.5rem 0.5rem; + border-radius: 0.5rem; +} +.p-dock .p-dock-item { + padding: 0.5rem; +} +.p-dock .p-dock-action { + width: 4rem; + height: 4rem; +} +.p-dock.p-dock-top .p-dock-item-second-prev, +.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, +.p-dock.p-dock-bottom .p-dock-item-second-next { + margin: 0 0.9rem; +} +.p-dock.p-dock-top .p-dock-item-prev, +.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, +.p-dock.p-dock-bottom .p-dock-item-next { + margin: 0 1.3rem; +} +.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { + margin: 0 1.5rem; +} +.p-dock.p-dock-left .p-dock-item-second-prev, +.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, +.p-dock.p-dock-right .p-dock-item-second-next { + margin: 0.9rem 0; +} +.p-dock.p-dock-left .p-dock-item-prev, +.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, +.p-dock.p-dock-right .p-dock-item-next { + margin: 1.3rem 0; +} +.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { + margin: 1.5rem 0; +} + +.p-megamenu { + padding: 0.75rem; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e5e5e5; + border-radius: 4px; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 4px; + transition: none; + user-select: none; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); + margin-left: 0.5rem; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, +.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-megamenu .p-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-megamenu .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-megamenu .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; +} +.p-megamenu .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-megamenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-megamenu .p-megamenu-panel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +.p-megamenu .p-megamenu-submenu-header { + margin: 0; + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); + background: #ffffff; + font-weight: 400; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-megamenu .p-megamenu-submenu { + padding: 0.5rem 0; + width: 12.5rem; +} +.p-megamenu .p-megamenu-submenu .p-menu-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; +} +.p-megamenu .p-megamenu-submenu .p-menuitem { + margin: 0; +} +.p-megamenu .p-megamenu-submenu .p-menuitem:last-child { + margin: 0; +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: rgba(0, 0, 0, 0.04); +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.5rem 0; +} +.p-megamenu.p-megamenu-vertical .p-menuitem { + margin: 0; +} +.p-megamenu.p-megamenu-vertical .p-menuitem:last-child { + margin: 0; +} + +.p-menu { + padding: 0.5rem 0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e5e5e5; + border-radius: 4px; + width: 12.5rem; +} +.p-menu .p-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-menu .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-menu .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; +} +.p-menu .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-menu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-menu.p-menu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +.p-menu .p-submenu-header { + margin: 0; + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); + background: #ffffff; + font-weight: 400; + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.p-menu .p-menu-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; +} +.p-menu .p-menuitem { + margin: 0; +} +.p-menu .p-menuitem:last-child { + margin: 0; +} + +.p-menubar { + padding: 0.75rem; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e5e5e5; + border-radius: 4px; +} +.p-menubar .p-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-menubar .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-menubar .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; +} +.p-menubar .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-menubar .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 4px; + transition: none; + user-select: none; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); + margin-left: 0.5rem; +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, +.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-menubar .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + width: 12.5rem; +} +.p-menubar .p-submenu-list .p-menu-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; +} +.p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; +} +.p-menubar .p-submenu-list .p-menuitem { + margin: 0; +} +.p-menubar .p-submenu-list .p-menuitem:last-child { + margin: 0; +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: rgba(0, 0, 0, 0.04); +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} + +@media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: rgba(0, 0, 0, 0.6); + background: rgba(0, 0, 0, 0.04); + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menu-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; + } + .p-menubar .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: none; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list { + width: 100%; + position: static; + box-shadow: none; + border: 0 none; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar .p-menubar-root-list .p-menuitem { + width: 100%; + position: static; + } + .p-menubar .p-menubar-root-list ul li a { + padding-left: 2.25rem; + } + .p-menubar .p-menubar-root-list ul li ul li a { + padding-left: 3.75rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.25rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 6.75rem; + } + .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 8.25rem; + } + .p-menubar.p-menubar-mobile-active .p-menubar-root-list { + display: flex; + flex-direction: column; + top: 100%; + left: 0; + z-index: 1; + } +} +.p-panelmenu .p-panelmenu-header > a { + padding: 1.25rem; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + font-weight: 400; + border-radius: 4px; + transition: none; +} +.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-header > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + background: #f6f6f6; + border-color: transparent; + color: rgba(0, 0, 0, 0.87); +} +.p-panelmenu .p-panelmenu-header.p-highlight { + margin-bottom: 0; +} +.p-panelmenu .p-panelmenu-header.p-highlight > a { + background: #ffffff; + border-color: transparent; + color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + border-color: transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +.p-panelmenu .p-panelmenu-content { + padding: 0.5rem 0; + border: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + margin-bottom: 0; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + margin-right: 0.5rem; +} +.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) { + padding: 0 0 0 1rem; +} +.p-panelmenu .p-panelmenu-panel { + margin-bottom: 0; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { + border-radius: 0; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-content { + border-radius: 0; +} +.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { + border-top: 0 none; +} +.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { + border-top: 0 none; +} +.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +.p-slidemenu { + padding: 0.5rem 0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e5e5e5; + border-radius: 4px; + width: 12.5rem; +} +.p-slidemenu .p-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-slidemenu .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-slidemenu .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; +} +.p-slidemenu .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-slidemenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-slidemenu.p-slidemenu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +.p-slidemenu .p-slidemenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { + background: rgba(0, 0, 0, 0.04); +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { + color: rgba(0, 0, 0, 0.87); +} +.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-slidemenu .p-slidemenu-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; +} +.p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; +} +.p-slidemenu .p-slidemenu-backward { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); +} + +.p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: none; + border-radius: 4px; + background: transparent; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: rgba(0, 0, 0, 0.87); + border: 1px solid transparent; + background: transparent; + min-width: 2rem; + height: 2rem; + line-height: 2rem; + font-size: 1.143rem; + z-index: 1; + border-radius: 50%; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin-top: 0.5rem; + color: rgba(0, 0, 0, 0.87); +} +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-steps .p-steps-item.p-highlight .p-steps-number { + background: rgba(96, 125, 139, 0.12); + color: #607D8B; +} +.p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 500; + color: rgba(0, 0, 0, 0.87); +} +.p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid rgba(0, 0, 0, 0.12); + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; +} + +.p-tabmenu .p-tabmenu-nav { + background: #ffffff; + border: solid rgba(0, 0, 0, 0.12); + border-width: 0 0 1px 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: none; + border-width: 0 0 0 0; + border-color: transparent transparent transparent transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + padding: 0.75rem 1.25rem; + font-weight: 500; + border-top-right-radius: 4px; + border-top-left-radius: 4px; + transition: none; + margin: 0 0 0 0; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { + margin-right: 0.5rem; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: rgba(96, 125, 139, 0.04); + border-color: transparent; + color: rgba(0, 0, 0, 0.6); +} +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #ffffff; + border-color: transparent; + color: #607D8B; +} + +.p-tieredmenu { + padding: 0.5rem 0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e5e5e5; + border-radius: 4px; + width: 12.5rem; +} +.p-tieredmenu .p-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: none; + user-select: none; +} +.p-tieredmenu .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-tieredmenu .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; +} +.p-tieredmenu .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-tieredmenu .p-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +.p-tieredmenu .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +.p-tieredmenu .p-menuitem { + margin: 0; +} +.p-tieredmenu .p-menuitem:last-child { + margin: 0; +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + background: rgba(0, 0, 0, 0.04); +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} +.p-tieredmenu .p-menu-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; +} +.p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; +} + +.p-inline-message { + padding: 0.75rem 0.75rem; + margin: 0; + border-radius: 4px; +} +.p-inline-message.p-inline-message-info { + background: #B3E5FC; + border: solid transparent; + border-width: 1px; + color: #01579B; +} +.p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #01579B; +} +.p-inline-message.p-inline-message-success { + background: #C8E6C9; + border: solid transparent; + border-width: 1px; + color: #1B5E20; +} +.p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #1B5E20; +} +.p-inline-message.p-inline-message-warn { + background: #FFECB3; + border: solid transparent; + border-width: 1px; + color: #7f6003; +} +.p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #7f6003; +} +.p-inline-message.p-inline-message-error { + background: #FFCDD2; + border: solid transparent; + border-width: 1px; + color: #B71C1C; +} +.p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #B71C1C; +} +.p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; +} +.p-inline-message .p-inline-message-text { + font-size: 1rem; +} +.p-inline-message.p-inline-message-icon-only .p-inline-message-icon { + margin-right: 0; +} + +.p-message { + margin: 0.75rem 0; + border-radius: 4px; +} +.p-message .p-message-wrapper { + padding: 1rem 1.25rem; +} +.p-message .p-message-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-message .p-message-close:hover { + background: rgba(255, 255, 255, 0.3); +} +.p-message .p-message-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-message.p-message-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 0; + color: #01579B; +} +.p-message.p-message-info .p-message-icon { + color: #01579B; +} +.p-message.p-message-info .p-message-close { + color: #01579B; +} +.p-message.p-message-success { + background: #C8E6C9; + border: solid transparent; + border-width: 0 0 0 0; + color: #1B5E20; +} +.p-message.p-message-success .p-message-icon { + color: #1B5E20; +} +.p-message.p-message-success .p-message-close { + color: #1B5E20; +} +.p-message.p-message-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 0; + color: #7f6003; +} +.p-message.p-message-warn .p-message-icon { + color: #7f6003; +} +.p-message.p-message-warn .p-message-close { + color: #7f6003; +} +.p-message.p-message-error { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 0; + color: #B71C1C; +} +.p-message.p-message-error .p-message-icon { + color: #B71C1C; +} +.p-message.p-message-error .p-message-close { + color: #B71C1C; +} +.p-message .p-message-text { + font-size: 1rem; + font-weight: 500; +} +.p-message .p-message-icon { + font-size: 1.5rem; + margin-right: 0.5rem; +} +.p-message .p-message-summary { + font-weight: 700; +} +.p-message .p-message-detail { + margin-left: 0.5rem; +} + +.p-toast { + opacity: 0.9; +} +.p-toast .p-toast-message { + margin: 0 0 1rem 0; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +.p-toast .p-toast-message .p-toast-message-content { + padding: 1.25rem; + border-width: 0 0 0 0; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { + margin: 0 0 0 1rem; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { + font-size: 2rem; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-summary { + font-weight: 700; +} +.p-toast .p-toast-message .p-toast-message-content .p-toast-detail { + margin: 0.5rem 0 0 0; +} +.p-toast .p-toast-message .p-toast-icon-close { + width: 2rem; + height: 2rem; + border-radius: 50%; + background: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-toast .p-toast-message .p-toast-icon-close:hover { + background: rgba(255, 255, 255, 0.3); +} +.p-toast .p-toast-message .p-toast-icon-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +.p-toast .p-toast-message.p-toast-message-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 0; + color: #01579B; +} +.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { + color: #01579B; +} +.p-toast .p-toast-message.p-toast-message-success { + background: #C8E6C9; + border: solid transparent; + border-width: 0 0 0 0; + color: #1B5E20; +} +.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { + color: #1B5E20; +} +.p-toast .p-toast-message.p-toast-message-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 0; + color: #7f6003; +} +.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { + color: #7f6003; +} +.p-toast .p-toast-message.p-toast-message-error { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 0; + color: #B71C1C; +} +.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, +.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { + color: #B71C1C; +} + +.p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: rgba(255, 255, 255, 0.87); + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-close .p-galleria-close-icon { + font-size: 2rem; +} +.p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +.p-galleria .p-galleria-item-nav { + background: transparent; + color: #f6f6f6; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; + margin: 0 0.5rem; +} +.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, +.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { + font-size: 2rem; +} +.p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +.p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: rgba(255, 255, 255, 0.87); + padding: 1rem; +} +.p-galleria .p-galleria-indicators { + padding: 1rem; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #dcdcdc; + width: 1.25rem; + height: 1.25rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { + background: #ececec; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(96, 125, 139, 0.12); + color: #607D8B; +} +.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { + margin-right: 0.5rem; +} +.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { + margin-bottom: 0.5rem; +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(96, 125, 139, 0.12); + color: #607D8B; +} +.p-galleria .p-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 1rem 0.25rem; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: rgba(255, 255, 255, 0.87); + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 50%; +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-galleria-mask.p-component-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +.p-avatar { + background-color: rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +.p-avatar.p-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +.p-avatar.p-avatar-lg .p-avatar-icon { + font-size: 1.5rem; +} +.p-avatar.p-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +.p-avatar.p-avatar-xl .p-avatar-icon { + font-size: 2rem; +} + +.p-avatar-group .p-avatar { + border: 2px solid #ffffff; +} + +.p-badge { + background: #607D8B; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +.p-badge.p-badge-secondary { + background-color: #8b6e60; + color: #ffffff; +} +.p-badge.p-badge-success { + background-color: #689F38; + color: #ffffff; +} +.p-badge.p-badge-info { + background-color: #2196F3; + color: #ffffff; +} +.p-badge.p-badge-warning { + background-color: #FBC02D; + color: #212529; +} +.p-badge.p-badge-danger { + background-color: #D32F2F; + color: #ffffff; +} +.p-badge.p-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +.p-badge.p-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} + +.p-blockui.p-component-overlay { + background: rgba(0, 0, 0, 0.32); +} + +.p-chip { + background-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); + border-radius: 16px; + padding: 0 0.75rem; +} +.p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; +} +.p-chip .p-chip-icon { + margin-right: 0.5rem; +} +.p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; +} +.p-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; +} +.p-chip .pi-chip-remove-icon { + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-inplace .p-inplace-display { + padding: 1rem 1rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +.p-inplace .p-inplace-display:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +.p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.p-progressbar { + border: 0 none; + height: 4px; + background: rgba(96, 125, 139, 0.32); + border-radius: 4px; +} +.p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #607D8B; +} +.p-progressbar .p-progressbar-label { + color: rgba(0, 0, 0, 0.87); + line-height: 4px; +} + +.p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; +} +.p-scrolltop.p-link { + background: #8b6e60; +} +.p-scrolltop.p-link:hover { + background: rgba(139, 110, 96, 0.92); +} +.p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: #ffffff; +} + +.p-skeleton { + background-color: rgba(0, 0, 0, 0.08); + border-radius: 4px; +} +.p-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); +} + +.p-tag { + background: #607D8B; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 4px; +} +.p-tag.p-tag-success { + background-color: #689F38; + color: #ffffff; +} +.p-tag.p-tag-info { + background-color: #2196F3; + color: #ffffff; +} +.p-tag.p-tag-warning { + background-color: #FBC02D; + color: #212529; +} +.p-tag.p-tag-danger { + background-color: #D32F2F; + color: #ffffff; +} +.p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +.p-terminal { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e0e0e0; + padding: 0.75rem; +} +.p-terminal .p-terminal-input { + font-size: 1rem; + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; +} + +.p-accordion .p-accordion-tab { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + margin-bottom: 0; + border-radius: 0; + position: relative; + transition: margin-bottom 225ms; +} +.p-accordion .p-accordion-tab:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +.p-accordion .p-accordion-tab:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +.p-accordion .p-accordion-tab .p-accordion-toggle-icon { + order: 1; + margin-left: auto; + transition: transform 0.2s; +} +.p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-header-link:focus { + background: #f6f6f6; +} +.p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-toggle-icon { + transform: rotate(-270deg); +} +.p-accordion .p-accordion-tab.p-accordion-tab-active { + margin-bottom: 1rem; +} +.p-accordion .p-accordion-tab.p-accordion-tab-active .p-accordion-toggle-icon { + transform: rotate(-180deg); +} +.p-accordion .p-accordion-tab .p-accordion-header.p-disabled { + opacity: 1; +} +.p-accordion .p-accordion-tab .p-accordion-header.p-disabled .p-accordion-header-link > * { + opacity: 0.38; +} + +.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #607D8B, inset 0 0 0 1px #607D8B, inset 0 0 0 1px #607D8B, inset 0 0 0 1px #607D8B; +} + +.p-input-filled .p-autocomplete .p-autocomplete-multiple-container { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #607D8B, #607D8B), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +.p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext { + background-image: none; + background-color: transparent; +} +.p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #607D8B, #607D8B), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +.p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} + +.p-float-label .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 1rem; +} + +.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding-top: 0; + padding-bottom: 0; +} +.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + font-size: 75%; +} +.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0; +} +.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext:enabled:focus { + box-shadow: none; + border-color: transparent; +} +.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + box-shadow: none; + border-color: transparent; +} + +p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext:enabled:focus { + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} + +.p-button { + font-weight: 500; + min-width: 4rem; +} +.p-button.p-button-icon-only { + min-width: auto; +} +.p-button:enabled:focus { + background: rgba(96, 125, 139, 0.76); +} +.p-button:enabled:active { + background: rgba(96, 125, 139, 0.68); +} +.p-button .p-ink { + background-color: rgba(255, 255, 255, 0.32); +} +.p-button.p-button-outlined { + box-shadow: inset 0 0 0 1px; +} +.p-button.p-button-outlined:enabled:focus { + box-shadow: inset 0 0 0 1px; +} +.p-button.p-button-outlined:enabled:active { + box-shadow: inset 0 0 0 1px; +} +.p-button.p-button-text:enabled:focus, .p-button.p-button-outlined:enabled:focus { + background: rgba(96, 125, 139, 0.12); +} +.p-button.p-button-text:enabled:active, .p-button.p-button-outlined:enabled:active { + background: rgba(96, 125, 139, 0.16); +} +.p-button.p-button-text .p-ink, .p-button.p-button-outlined .p-ink { + background-color: rgba(96, 125, 139, 0.16); +} +.p-button:disabled { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(0, 0, 0, 0.38) !important; + opacity: 1; +} +.p-button:disabled.p-button-text { + background-color: transparent !important; + color: rgba(0, 0, 0, 0.38) !important; +} +.p-button:disabled.p-button-outlined { + background-color: transparent !important; + color: rgba(0, 0, 0, 0.38) !important; + border-color: rgba(0, 0, 0, 0.38) !important; +} +.p-button.p-button-raised:enabled:focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { + background: rgba(139, 110, 96, 0.76); +} +.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { + background: rgba(139, 110, 96, 0.68); +} +.p-button.p-button-secondary.p-button-text:enabled:focus, .p-button.p-button-secondary.p-button-outlined:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:focus { + background: rgba(139, 110, 96, 0.12); +} +.p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { + background: rgba(139, 110, 96, 0.16); +} +.p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink { + background-color: rgba(139, 110, 96, 0.16); +} + +.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { + background: rgba(33, 150, 243, 0.76); +} +.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { + background: rgba(33, 150, 243, 0.68); +} +.p-button.p-button-info.p-button-text:enabled:focus, .p-button.p-button-info.p-button-outlined:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:focus { + background: rgba(33, 150, 243, 0.12); +} +.p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { + background: rgba(33, 150, 243, 0.16); +} +.p-button.p-button-info.p-button-text .p-ink, .p-button.p-button-info.p-button-outlined .p-ink, .p-buttonset.p-button-info > .p-button.p-button-text .p-ink, .p-buttonset.p-button-info > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-outlined .p-ink { + background-color: rgba(33, 150, 243, 0.16); +} + +.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { + background: rgba(104, 159, 56, 0.76); +} +.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { + background: rgba(104, 159, 56, 0.68); +} +.p-button.p-button-success.p-button-text:enabled:focus, .p-button.p-button-success.p-button-outlined:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:focus { + background: rgba(104, 159, 56, 0.12); +} +.p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { + background: rgba(104, 159, 56, 0.16); +} +.p-button.p-button-success.p-button-text .p-ink, .p-button.p-button-success.p-button-outlined .p-ink, .p-buttonset.p-button-success > .p-button.p-button-text .p-ink, .p-buttonset.p-button-success > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-outlined .p-ink { + background-color: rgba(104, 159, 56, 0.16); +} + +.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { + background: rgba(251, 192, 45, 0.76); +} +.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { + background: rgba(251, 192, 45, 0.68); +} +.p-button.p-button-warning.p-button-text:enabled:focus, .p-button.p-button-warning.p-button-outlined:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:focus { + background: rgba(251, 192, 45, 0.12); +} +.p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { + background: rgba(251, 192, 45, 0.16); +} +.p-button.p-button-warning.p-button-text .p-ink, .p-button.p-button-warning.p-button-outlined .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-text .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-outlined .p-ink { + background-color: rgba(251, 192, 45, 0.16); +} + +.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { + background: rgba(156, 39, 176, 0.76); +} +.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { + background: rgba(156, 39, 176, 0.68); +} +.p-button.p-button-help.p-button-text:enabled:focus, .p-button.p-button-help.p-button-outlined:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:focus { + background: rgba(156, 39, 176, 0.12); +} +.p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { + background: rgba(156, 39, 176, 0.16); +} +.p-button.p-button-help.p-button-text .p-ink, .p-button.p-button-help.p-button-outlined .p-ink, .p-buttonset.p-button-help > .p-button.p-button-text .p-ink, .p-buttonset.p-button-help > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-outlined .p-ink { + background-color: rgba(156, 39, 176, 0.16); +} + +.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { + background: rgba(211, 47, 47, 0.76); +} +.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { + background: rgba(211, 47, 47, 0.68); +} +.p-button.p-button-danger.p-button-text:enabled:focus, .p-button.p-button-danger.p-button-outlined:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:focus { + background: rgba(211, 47, 47, 0.12); +} +.p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { + background: rgba(211, 47, 47, 0.16); +} +.p-button.p-button-danger.p-button-text .p-ink, .p-button.p-button-danger.p-button-outlined .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-text .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-outlined .p-ink { + background-color: rgba(211, 47, 47, 0.16); +} + +.p-calendar-w-btn { + border: 1px solid rgba(0, 0, 0, 0.38); + background: #ffffff; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +.p-calendar-w-btn .p-inputtext { + background-image: none; + background-color: transparent; + border: 0 none; +} +.p-calendar-w-btn .p-inputtext:enabled:focus { + box-shadow: none; +} +.p-calendar-w-btn .p-datepicker-trigger.p-button { + background-color: transparent; + border: 0 none; +} +.p-calendar-w-btn .p-datepicker-trigger.p-button span { + color: rgba(0, 0, 0, 0.6); +} +.p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:hover { + background: rgba(0, 0, 0, 0.04); +} +.p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:active, .p-calendar-w-btn .p-datepicker-trigger.p-button:focus { + background: rgba(0, 0, 0, 0.12); +} +.p-calendar-w-btn:not(.p-disabled):hover { + border-color: rgba(0, 0, 0, 0.87); +} +.p-calendar-w-btn:not(.p-disabled).p-focus { + border-color: #607D8B; + box-shadow: inset 0 0 0 1px #607D8B, inset 0 0 0 1px #607D8B, inset 0 0 0 1px #607D8B, inset 0 0 0 1px #607D8B; +} + +.p-datepicker .p-datepicker-header { + border-bottom: 0 none; +} +.p-datepicker .p-datepicker-header .p-datepicker-title { + margin: 0 auto 0 0; + order: 1; +} +.p-datepicker .p-datepicker-header .p-datepicker-prev { + order: 2; +} +.p-datepicker .p-datepicker-header .p-datepicker-next { + order: 3; +} +.p-datepicker table th { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.38); + font-weight: 400; + font-size: 0.875rem; +} +.p-datepicker table td.p-datepicker-today > span { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.38); +} +.p-datepicker table td.p-datepicker-today.p-highlight { + box-shadow: 0 0 0 1px rgba(96, 125, 139, 0.12); +} + +p-calendar.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn { + border-color: #B00020; +} +p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn .p-inputtext:enabled:focus { + box-shadow: none; +} +p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} + +.p-input-filled .p-calendar-w-btn { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #607D8B, #607D8B), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +.p-input-filled .p-calendar-w-btn .p-inputtext { + background-image: none; + background-color: transparent; +} +.p-input-filled .p-calendar-w-btn:not(.p-disabled):hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #607D8B, #607D8B), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +.p-input-filled .p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled .p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-calendar-w-btn .p-inputtext:enabled:hover, .p-input-filled .p-calendar-w-btn .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} +.p-input-filled .p-calendar-w-btn .p-inputtext { + border: 0 none; +} +.p-input-filled p-calendar.ng-dirty.ng-invalid .p-inputtext { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-calendar.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: none; + border-color: transparent; +} +.p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-focus { + box-shadow: none; + border-color: transparent; +} +.p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn .p-inputtext { + border: 0 none; + background-image: none; +} + +.p-cascadeselect .p-inputtext, .p-cascadeselect .p-cascadeselect-trigger { + background-image: none; + background: transparent; +} +.p-cascadeselect .p-inputtext { + border: 0 none; +} +.p-cascadeselect:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #607D8B, inset 0 0 0 1px #607D8B, inset 0 0 0 1px #607D8B, inset 0 0 0 1px #607D8B; +} + +.p-cascadeselect-item .p-ink { + background-color: rgba(96, 125, 139, 0.16); +} + +.p-input-filled .p-cascadeselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #607D8B, #607D8B), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +.p-input-filled .p-cascadeselect .p-inputtext { + background-image: none; + background-color: transparent; +} +.p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #607D8B, #607D8B), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-cascadeselect .p-inputtext:enabled:hover, .p-input-filled .p-cascadeselect .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} +.p-input-filled .p-cascadeselect .p-inputtext { + border: 0 none; +} +.p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-focus { + box-shadow: none; + border-color: transparent; +} + +p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} + +.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #8b6e60; + color: #ffffff; +} + +.p-checkbox { + border-radius: 50%; + transition: box-shadow 0.2s; +} +.p-checkbox .p-checkbox-box { + border-color: #757575; + border-radius: 2px; + position: relative; +} +.p-checkbox .p-checkbox-box:not(.p-disabled):hover { + border-color: #757575; +} +.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus { + border-color: #757575; +} +.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus { + border-color: #607D8B; +} +.p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon.pi-check:before { + content: ""; + position: absolute; + top: 6px; + left: 1px; + border-right: 2px solid transparent; + border-bottom: 2px solid transparent; + transform: rotate(45deg); + transform-origin: 0% 100%; + animation: checkbox-check 125ms 50ms linear forwards; +} +.p-checkbox:not(.p-checkbox-disabled):hover { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); +} +.p-checkbox:not(.p-checkbox-disabled).p-checkbox-focused { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12); +} +.p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled):hover { + box-shadow: 0 0 1px 10px rgba(96, 125, 139, 0.04); +} +.p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled).p-checkbox-focused { + box-shadow: 0 0 1px 10px rgba(96, 125, 139, 0.12); +} + +.p-input-filled .p-checkbox .p-checkbox-box { + background-color: #ffffff; +} +.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover { + background-color: #ffffff; +} + +@keyframes checkbox-check { + 0% { + width: 0; + height: 0; + border-color: #ffffff; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 33% { + width: 4px; + height: 0; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 100% { + width: 4px; + height: 10px; + border-color: #ffffff; + transform: translate3d(0, -10px, 0) rotate(45deg); + } +} +.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #607D8B, inset 0 0 0 1px #607D8B, inset 0 0 0 1px #607D8B, inset 0 0 0 1px #607D8B; +} + +.p-input-filled .p-chips-multiple-container { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #607D8B, #607D8B), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +.p-input-filled .p-chips-multiple-container .p-inputtext { + background-image: none; + background-color: transparent; +} +.p-input-filled .p-chips-multiple-container:not(.p-disabled):hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #607D8B, #607D8B), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +.p-input-filled .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-chips-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-chips-multiple-container .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} + +.p-float-label .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 1rem; +} + +.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token { + padding-top: 0; + padding-bottom: 0; +} +.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { + font-size: 75%; +} +.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-input-token { + padding: 0; +} +.p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + box-shadow: none; + border-color: transparent; +} + +p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} + +.p-datatable .p-sortable-column { + outline: 0 none; +} +.p-datatable .p-sortable-column:focus { + background-color: rgba(0, 0, 0, 0.03); +} +.p-datatable .p-datatable-tbody > tr { + outline: 0 none; +} +.p-datatable .p-datatable-tbody > tr:not(.p-highlight):focus { + background-color: rgba(0, 0, 0, 0.03); +} + +.p-dropdown .p-inputtext, .p-dropdown .p-dropdown-trigger { + background-image: none; + background: transparent; +} +.p-dropdown .p-inputtext { + border: 0 none; +} +.p-dropdown:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #607D8B, inset 0 0 0 1px #607D8B, inset 0 0 0 1px #607D8B, inset 0 0 0 1px #607D8B; +} + +.p-dropdown-item .p-ink { + background-color: rgba(96, 125, 139, 0.16); +} + +.p-input-filled .p-dropdown { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #607D8B, #607D8B), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +.p-input-filled .p-dropdown .p-inputtext { + background-image: none; + background-color: transparent; +} +.p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #607D8B, #607D8B), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +.p-input-filled .p-dropdown:not(.p-disabled).p-focus, .p-input-filled .p-dropdown:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-dropdown .p-inputtext:enabled:hover, .p-input-filled .p-dropdown .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} +.p-input-filled .p-dropdown .p-inputtext { + border: 0 none; +} +.p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-focus { + box-shadow: none; + border-color: transparent; +} + +p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} + +.p-galleria .p-galleria-indicators { + padding: 1rem; +} +.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #8b6e60; + color: #ffffff; +} +.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: rgba(139, 110, 96, 0.68); + color: #ffffff; +} + +.p-inputtext:enabled:focus { + box-shadow: inset 0 0 0 1px #607D8B, inset 0 0 0 1px #607D8B, inset 0 0 0 1px #607D8B, inset 0 0 0 1px #607D8B; +} +.p-inputtext:enabled:focus.ng-invalid.ng-dirty { + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} + +.p-input-filled .p-inputtext { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #607D8B, #607D8B), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +.p-input-filled .p-inputtext:enabled:hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #607D8B, #607D8B), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +.p-input-filled .p-inputtext:enabled:focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-inputtext.ng-invalid.ng-dirty { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled .p-inputtext.ng-invalid.ng-dirty:enabled:focus { + box-shadow: none; + border-color: transparent; +} + +.p-input-filled .p-inputgroup .p-inputgroup-addon { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #607D8B, #607D8B), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +.p-input-filled .p-inputgroup .p-inputgroup-addon:last-child { + border-right-color: transparent; +} +.p-input-filled .p-inputgroup-addon:first-child, +.p-input-filled .p-inputgroup button:first-child, +.p-input-filled .p-inputgroup input:first-child { + border-bottom-left-radius: 0; +} +.p-input-filled .p-inputgroup .p-float-label:first-child input { + border-bottom-left-radius: 0; +} +.p-input-filled .p-inputgroup-addon:last-child, +.p-input-filled .p-inputgroup button:last-child, +.p-input-filled .p-inputgroup input:last-child { + border-bottom-right-radius: 0; +} +.p-input-filled .p-inputgroup .p-float-label:last-child input { + border-bottom-right-radius: 0; +} + +p-inputmask.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} + +.p-input-filled p-inputmask.ng-dirty.ng-invalid .p-inputtext { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-inputmask.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: none; + border-color: transparent; +} + +p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} + +.p-input-filled p-inputnumber.ng-dirty.ng-invalid .p-inputtext { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled:focus { + box-shadow: none; + border-color: transparent; +} + +.p-inputswitch .p-inputswitch-slider:before { + transition-property: box-shadow transform; + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} +.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider:before { + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12), 0 0 1px 10px rgba(0, 0, 0, 0.04); +} +.p-inputswitch.p-inputswitch-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-focus:not(.p-disabled):hover .p-inputswitch-slider:before { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} +.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider:before { + box-shadow: 0 0 1px 10px rgba(96, 125, 139, 0.04), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} +.p-inputswitch.p-inputswitch-checked.p-inputswitch-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-checked.p-inputswitch-focus:not(.p-disabled):hover .p-inputswitch-slider:before { + box-shadow: 0 0 1px 10px rgba(96, 125, 139, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} + +.p-fieldset .p-fieldset-legend { + border: 0 none; +} + +.p-float-label input:focus ~ label, +.p-float-label input.p-filled ~ label, +.p-float-label textarea:focus ~ label, +.p-float-label textarea.p-filled ~ label, +.p-float-label .p-inputwrapper-focus ~ label, +.p-float-label .p-inputwrapper-filled ~ label { + top: -0.5rem !important; + background-color: #ffffff; + padding: 2px 4px; + margin-left: -4px; + margin-top: 0; +} + +.p-float-label textarea ~ label { + margin-top: 0; +} + +.p-float-label input:focus ~ label, +.p-float-label .p-inputwrapper-focus ~ label { + color: #607D8B; +} + +.p-input-filled .p-float-label .p-inputtext { + padding-top: 1.25rem; + padding-bottom: 0.25rem; +} +.p-input-filled .p-float-label input:focus ~ label, +.p-input-filled .p-float-label input.p-filled ~ label, +.p-input-filled .p-float-label textarea:focus ~ label, +.p-input-filled .p-float-label textarea.p-filled ~ label, +.p-input-filled .p-float-label .p-inputwrapper-focus ~ label, +.p-input-filled .p-float-label .p-inputwrapper-filled ~ label { + top: 0.25rem !important; + margin-top: 0; + background: transparent; +} + +.p-listbox-item .p-ink { + background-color: rgba(96, 125, 139, 0.16); +} + +.p-multiselect .p-multiselect-label, .p-multiselect .p-multiselect-trigger { + background-image: none; + background: transparent; +} +.p-multiselect .p-multiselect-label { + border: 0 none; +} +.p-multiselect:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #607D8B, inset 0 0 0 1px #607D8B, inset 0 0 0 1px #607D8B, inset 0 0 0 1px #607D8B; +} + +.p-multiselect-item .p-ink { + background-color: rgba(96, 125, 139, 0.16); +} + +.p-input-filled .p-multiselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #607D8B, #607D8B), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +.p-input-filled .p-multiselect .p-inputtext { + background-image: none; + background-color: transparent; +} +.p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #607D8B, #607D8B), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +.p-input-filled .p-multiselect:not(.p-disabled).p-focus, .p-input-filled .p-multiselect:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +.p-input-filled .p-multiselect .p-inputtext:enabled:hover, .p-input-filled .p-multiselect .p-inputtext:enabled:focus { + background-image: none; + background: transparent; +} +.p-input-filled .p-multiselect .p-multiselect-label:hover { + background-image: none; + background: transparent; +} + +.p-float-label .p-multiselect-label .p-multiselect-token { + padding: 0.25rem 1rem; + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} + +.p-input-filled .p-float-label .p-multiselect .p-multiselect-label { + padding-top: 1.25rem; + padding-bottom: 0.25rem; +} +.p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect .p-multiselect-label { + padding-top: 1.25rem; + padding-bottom: 0.25rem; +} +.p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding-top: 0; + padding-bottom: 0; + margin-top: 0; + margin-bottom: 0; +} +.p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + font-size: 75%; +} +.p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +.p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-focus { + box-shadow: none; + border-color: transparent; +} + +p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-focus { + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} + +.p-overlaypanel .p-overlaypanel-content { + padding: 1.5rem; +} + +.p-paginator { + justify-content: flex-end; +} + +.p-panel { + border-radius: 4px; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); +} +.p-panel .p-panel-header, +.p-panel .p-panel-content, +.p-panel .p-panel-footer { + border: 0 none; +} +.p-panel .p-panel-content { + padding-top: 0; +} +.p-panel .p-panel-title { + font-size: 1.25rem; +} + +.p-panelmenu .p-panelmenu-panel { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); + margin-bottom: 0; + border-radius: 0; + position: relative; + transition: margin-bottom 225ms; +} +.p-panelmenu .p-panelmenu-panel:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +.p-panelmenu .p-panelmenu-panel:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-icon { + order: 1; + margin-left: auto; + margin-right: 0; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled { + opacity: 1; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled .p-panelmenu-header-link > * { + opacity: 0.38; +} +.p-panelmenu .p-panelmenu-panel .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-link:focus { + background: #f6f6f6; +} + +.p-progressbar { + border-radius: 0; +} +.p-progressbar .p-progressbar-label { + display: none; +} + +.p-radiobutton { + border-radius: 50%; + transition: box-shadow 0.2s; +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border: 2px solid #757575; +} +.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + border: 2px solid #757575; +} +.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus { + border-color: #607D8B; +} +.p-radiobutton:not(.p-radiobutton-disabled):hover { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); +} +.p-radiobutton:not(.p-radiobutton-disabled).p-radiobutton-focused { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12); +} +.p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled):hover { + box-shadow: 0 0 1px 10px rgba(96, 125, 139, 0.04); +} +.p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled).p-radiobutton-focused { + box-shadow: 0 0 1px 10px rgba(96, 125, 139, 0.12); +} + +.p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #ffffff; +} +.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #ffffff; +} + +.p-selectbutton .p-button:focus { + background: #e0e0e1; + border-color: #e0e0e1; +} +.p-selectbutton .p-button:focus.p-highlight { + background: #d9d8d9; + border-color: #d9d8d9; +} + +.p-slider .p-slider-handle { + transition: transform 0.2s, box-shadow 0.2s; + transform: scale(0.7); +} +.p-slider .p-slider-handle:focus { + box-shadow: 0 0 1px 10px rgba(139, 110, 96, 0.2); +} +.p-slider.p-slider-sliding .p-slider-handle { + transform: scale(1); +} + +.p-steps { + padding: 1rem 0; +} +.p-steps .p-steps-item { + justify-content: flex-start; + flex-direction: row-reverse; + align-items: center; +} +.p-steps .p-steps-item:before { + position: static; + left: auto; + top: auto; + margin-top: 0; +} +.p-steps .p-steps-item:last-child { + flex-grow: 0; +} +.p-steps .p-steps-item:last-child:before { + display: none; +} +.p-steps .p-steps-item .p-menuitem-link { + flex-direction: row; + flex: 1 1 auto; + overflow: visible; + padding: 0 0.5rem; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-number { + background-color: #9e9d9e; + color: #ffffff; + font-size: 0.857rem; + min-width: 1.714rem; + height: 1.714rem; + line-height: 1.714rem; +} +.p-steps .p-steps-item .p-menuitem-link .p-steps-title { + margin: 0; + padding-left: 0.5rem; +} +.p-steps .p-steps-item.p-highlight .p-steps-number { + background-color: #607D8B; + color: #ffffff; +} +.p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 600; + color: rgba(0, 0, 0, 0.87); +} +.p-steps .p-steps-item.p-disabled { + opacity: 1; +} + +.p-tabview .p-tabview-nav { + position: relative; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link { + transition: background-color 0.2s; + border-radius: 0; +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link > .p-ink { + background-color: rgba(96, 125, 139, 0.16); +} +.p-tabview .p-tabview-nav li .p-tabview-nav-link:focus { + background-color: rgba(96, 125, 139, 0.12); +} +.p-tabview .p-tabview-nav .p-tabview-ink-bar { + z-index: 1; + display: block; + position: absolute; + bottom: 0; + height: 2px; + background-color: #607D8B; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); +} + +.p-toolbar { + border: 0 none; +} + +.p-tooltip .p-tooltip-text { + box-shadow: none; + font-size: 0.875rem; +} +.p-tooltip .p-tooltip-arrow { + display: none; +} + +.p-treetable .p-sortable-column { + outline: 0 none; +} +.p-treetable .p-sortable-column:focus { + background-color: rgba(0, 0, 0, 0.03); +} +.p-treetable .p-treetable-tbody > tr { + outline: 0 none; +} +.p-treetable .p-treetable-tbody > tr:not(.p-highlight):focus { + background-color: rgba(0, 0, 0, 0.03); +} + +.p-tabmenu .p-tabmenu-nav { + position: relative; +} +.p-tabmenu .p-tabmenu-nav li .p-menuitem-link { + transition: background-color 0.2s; + border-radius: 0; +} +.p-tabmenu .p-tabmenu-nav li .p-menuitem-link > .p-ink { + background-color: rgba(96, 125, 139, 0.16); +} +.p-tabmenu .p-tabmenu-nav li .p-menuitem-link:focus { + background-color: rgba(96, 125, 139, 0.12); +} +.p-tabmenu .p-tabmenu-nav .p-tabmenu-ink-bar { + display: block; + position: absolute; + bottom: 0; + height: 2px; + background-color: #607D8B; + transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); +} + +.p-timeline.p-timeline-vertical .p-timeline-event-connector { + margin: 0.5rem 0; +} +.p-timeline.p-timeline-horizontal .p-timeline-event-connector { + margin: 0 0.5rem; +} + +.p-togglebutton.p-button:focus { + background: #e0e0e1; + border-color: #e0e0e1; +} +.p-togglebutton.p-button:focus.p-highlight { + background: #d9d8d9; + border-color: #d9d8d9; +} + +/* Add your customizations of the theme here */ diff --git a/src/assets/theme/bluegrey/theme-light.scss b/src/assets/theme/bluegrey/theme-light.scss new file mode 100644 index 00000000..b5321920 --- /dev/null +++ b/src/assets/theme/bluegrey/theme-light.scss @@ -0,0 +1,8 @@ +$primaryColor:#607D8B; +$primaryLightestColor: #ECEFF1; +$primaryMenuTextColor: $primaryColor; +$primaryTextColor:#ffffff; +$accentColor:#8b6e60; +$accentTextColor:#ffffff; + +@import '../../sass/theme/theme_light'; diff --git a/src/assets/theme/theme-dark-blue.css b/src/assets/theme/theme-dark-blue.css deleted file mode 100644 index e1176693..00000000 --- a/src/assets/theme/theme-dark-blue.css +++ /dev/null @@ -1,31003 +0,0 @@ -@charset "UTF-8"; -/* Common */ -/* Compact */ -/* Add your customizations of theme here */ -.pi.pi-arrow-circle-right { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .pi.pi-arrow-circle-right:before { - content: "play_circle_outline"; } -.pi.pi-arrow-circle-left { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; - -webkit-transform: rotate(180deg); - -moz-transform: rotate(180deg); - -o-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); } - .pi.pi-arrow-circle-left:before { - content: "play_circle_outline"; } -.pi.pi-arrow-down { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .pi.pi-arrow-down:before { - content: "arrow_downward"; } -.pi.pi-arrow-up { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .pi.pi-arrow-up:before { - content: "arrow_upward"; } -.pi.pi-angle-up { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; - -webkit-transform: rotate(-90deg); - -moz-transform: rotate(-90deg); - -o-transform: rotate(-90deg); - -ms-transform: rotate(-90deg); - transform: rotate(-90deg); } - .pi.pi-angle-up:before { - content: "play_arrow"; } -.pi.pi-angle-double-up { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; - -webkit-transform: rotate(-90deg); - -moz-transform: rotate(-90deg); - -o-transform: rotate(-90deg); - -ms-transform: rotate(-90deg); - transform: rotate(-90deg); } - .pi.pi-angle-double-up:before { - content: "skip_next"; } -.pi.pi-angle-down { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; - -webkit-transform: rotate(90deg); - -moz-transform: rotate(90deg); - -o-transform: rotate(90deg); - -ms-transform: rotate(90deg); - transform: rotate(90deg); } - .pi.pi-angle-down:before { - content: "play_arrow"; } -.pi.pi-angle-double-down { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; - -webkit-transform: rotate(-90deg); - -moz-transform: rotate(-90deg); - -o-transform: rotate(-90deg); - -ms-transform: rotate(-90deg); - transform: rotate(-90deg); } - .pi.pi-angle-double-down:before { - content: "skip_previous"; } -.pi.pi-angle-right { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .pi.pi-angle-right:before { - content: "play_arrow"; } -.pi.pi-angle-double-right { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .pi.pi-angle-double-right:before { - content: "fast_forward"; } -.pi.pi-angle-left { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; - -webkit-transform: rotate(180deg); - -moz-transform: rotate(180deg); - -o-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); } - .pi.pi-angle-left:before { - content: "play_arrow"; } -.pi.pi-angle-double-left { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .pi.pi-angle-double-left:before { - content: "fast_rewind"; } -.pi.pi-calendar { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .pi.pi-calendar:before { - content: "date_range"; } -.pi.pi-caret-up { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .pi.pi-caret-up:before { - content: "keyboard_arrow_up"; } -.pi.pi-caret-down { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .pi.pi-caret-down:before { - content: "keyboard_arrow_down"; } -.pi.pi-caret-right { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .pi.pi-caret-right:before { - content: "keyboard_arrow_right"; } -.pi.pi-caret-left { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .pi.pi-caret-left:before { - content: "keyboard_arrow_left"; } -.pi.pi-check { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .pi.pi-check:before { - content: "check"; } -.pi.pi-chevron-circle-left { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .pi.pi-chevron-circle-left:before { - content: "keyboard_arrow_left"; } -.pi.pi-chevron-circle-right { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .pi.pi-chevron-circle-right:before { - content: "keyboard_arrow_right"; } -.pi.pi-chevron-circle-down { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .pi.pi-chevron-circle-down:before { - content: "keyboard_arrow_down"; } -.pi.pi-chevron-circle-up { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .pi.pi-chevron-circle-up:before { - content: "keyboard_arrow_up"; } -.pi.pi-chevron-right { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .pi.pi-chevron-right:before { - content: "chevron_right"; } -.pi.pi-chevron-left { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .pi.pi-chevron-left:before { - content: "chevron_left"; } -.pi.pi-chevron-down { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .pi.pi-chevron-down:before { - content: "keyboard_arrow_down"; } -.pi.pi-circle-off { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .pi.pi-circle-off:before { - content: "radio_button_unchecked"; } -.pi.pi-circle-on { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .pi.pi-circle-on:before { - content: "radio_button_checked"; } -.pi.pi-minus { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .pi.pi-minus:before { - content: "remove"; } -.pi.pi-plus { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .pi.pi-plus:before { - content: "add"; } -.pi.pi-info-circle { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .pi.pi-info-circle:before { - content: "info"; } -.pi.pi-upload { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .pi.pi-upload:before { - content: "file_upload"; } -.pi.pi-home { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .pi.pi-home:before { - content: "home"; } -.pi.pi-times { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .pi.pi-times:before { - content: "close"; } -.pi.pi-search { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .pi.pi-search:before { - content: "search"; } -.pi.pi-sort { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .pi.pi-sort:before { - content: "sort"; } -.pi.pi-sort-up { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .pi.pi-sort-up:before { - content: "keyboard_arrow_up"; } -.pi.pi-sort-down { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .pi.pi-sort-down:before { - content: "keyboard_arrow_down"; } - -.ui-icon-carat-2-n-s { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-carat-2-n-s:before { - content: "sort"; } - -.ui-icon-triangle-1-n { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-triangle-1-n:before { - content: "keyboard_arrow_up"; } - -.ui-icon-triangle-1-e { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-triangle-1-e:before { - content: "keyboard_arrow_right"; } - -.ui-icon-triangle-1-s { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-triangle-1-s:before { - content: "keyboard_arrow_down"; } - -.ui-icon-triangle-1-w { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-triangle-1-w:before { - content: "keyboard_arrow_left"; } - -.ui-icon-carat-1-n { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-carat-1-n:before { - content: "keyboard_arrow_up"; } - -.ui-icon-carat-1-e { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-carat-1-e:before { - content: "keyboard_arrow_right"; } - -.ui-icon-carat-1-s { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-carat-1-s:before { - content: "keyboard_arrow_down"; } - -.ui-icon-carat-1-w { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-carat-1-w:before { - content: "keyboard_arrow_left"; } - -.ui-icon-arrow-1-n { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; - -webkit-transform: rotate(-90deg); - -moz-transform: rotate(-90deg); - -o-transform: rotate(-90deg); - -ms-transform: rotate(-90deg); - transform: rotate(-90deg); } - .ui-icon-arrow-1-n:before { - content: "play_arrow"; } - -.ui-icon-arrowstop-1-n { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; - -webkit-transform: rotate(-90deg); - -moz-transform: rotate(-90deg); - -o-transform: rotate(-90deg); - -ms-transform: rotate(-90deg); - transform: rotate(-90deg); } - .ui-icon-arrowstop-1-n:before { - content: "skip_next"; } - -.ui-icon-arrow-1-s { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; - -webkit-transform: rotate(90deg); - -moz-transform: rotate(90deg); - -o-transform: rotate(90deg); - -ms-transform: rotate(90deg); - transform: rotate(90deg); } - .ui-icon-arrow-1-s:before { - content: "play_arrow"; } - -.ui-icon-arrowstop-1-s { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; - -webkit-transform: rotate(-90deg); - -moz-transform: rotate(-90deg); - -o-transform: rotate(-90deg); - -ms-transform: rotate(-90deg); - transform: rotate(-90deg); } - .ui-icon-arrowstop-1-s:before { - content: "skip_previous"; } - -.ui-icon-arrow-1-w { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; - -webkit-transform: rotate(180deg); - -moz-transform: rotate(180deg); - -o-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); } - .ui-icon-arrow-1-w:before { - content: "play_arrow"; } - -.ui-icon-arrowstop-1-w { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-arrowstop-1-w:before { - content: "fast_rewind"; } - -.ui-icon-arrow-1-e { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-arrow-1-e:before { - content: "play_arrow"; } - -.ui-icon-arrowstop-1-e { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-arrowstop-1-e:before { - content: "fast_forward"; } - -.ui-icon-arrowthick-1-s { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; - -webkit-transform: rotate(90deg); - -moz-transform: rotate(90deg); - -o-transform: rotate(90deg); - -ms-transform: rotate(90deg); - transform: rotate(90deg); } - .ui-icon-arrowthick-1-s:before { - content: "play_arrow"; } - -.ui-icon-arrowthick-1-n { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; - -webkit-transform: rotate(-90deg); - -moz-transform: rotate(-90deg); - -o-transform: rotate(-90deg); - -ms-transform: rotate(-90deg); - transform: rotate(-90deg); } - .ui-icon-arrowthick-1-n:before { - content: "play_arrow"; } - -.ui-icon-circle-triangle-e { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-circle-triangle-e:before { - content: "play_circle_outline"; } - -.ui-icon-circle-triangle-w { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; - -webkit-transform: rotate(180deg); - -moz-transform: rotate(180deg); - -o-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); } - .ui-icon-circle-triangle-w:before { - content: "play_circle_outline"; } - -.ui-icon-circle-triangle-s { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; - -webkit-transform: rotate(90deg); - -moz-transform: rotate(90deg); - -o-transform: rotate(90deg); - -ms-transform: rotate(90deg); - transform: rotate(90deg); } - .ui-icon-circle-triangle-s:before { - content: "play_circle_outline"; } - -.ui-icon-radio-off { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-radio-off:before { - content: "radio_button_unchecked"; } - -.ui-icon-radio-on { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-radio-on:before { - content: "radio_button_checked"; } - -.ui-icon-folder-collapsed { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-folder-collapsed:before { - content: "folder"; } - -.ui-icon-document { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-document:before { - content: "content_paste"; } - -.ui-icon-video { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-video:before { - content: "movie"; } - -.ui-icon-music { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-music:before { - content: "music_note"; } - -.ui-icon-plus { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-plus:before { - content: "add"; } - -.ui-icon-minus { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-minus:before { - content: "remove"; } - -.ui-icon-plusthick { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-plusthick:before { - content: "add"; } - -.ui-icon-minusthick { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-minusthick:before { - content: "remove"; } - -.ui-icon-pencil { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-pencil:before { - content: "edit"; } - -.ui-icon-closethick { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-closethick:before { - content: "close"; } - -.ui-icon-circle-close { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-circle-close:before { - content: "cancel"; } - -.ui-icon-gear { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-gear:before { - content: "settings"; } - -.ui-icon-calendar { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-calendar:before { - content: "date_range"; } - -.ui-icon-trash { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-trash:before { - content: "delete_forever"; } - -.ui-icon-notice { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-notice:before { - content: "error_outline"; } - -.ui-icon-alert { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-alert:before { - content: "warning"; } - -.ui-icon-circle-zoomin { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-circle-zoomin:before { - content: "zoom_in"; } - -.ui-icon-circle-zoomout { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-circle-zoomout:before { - content: "zoom_out"; } - -.ui-icon-circle-arrow-e { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-circle-arrow-e:before { - content: "play_circle_outline"; } - -.ui-icon-circle-arrow-w { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; - -webkit-transform: rotate(180deg); - -moz-transform: rotate(180deg); - -o-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); } - .ui-icon-circle-arrow-w:before { - content: "play_circle_outline"; } - -.ui-icon-3d-rotation { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-3d-rotation:before { - content: "3d_rotation"; } - -.ui-icon-ac-unit { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-ac-unit:before { - content: "ac_unit"; } - -.ui-icon-access-alarm { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-access-alarm:before { - content: "access_alarm"; } - -.ui-icon-access-alarms { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-access-alarms:before { - content: "access_alarms"; } - -.ui-icon-access-time { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-access-time:before { - content: "access_time"; } - -.ui-icon-accessibility { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-accessibility:before { - content: "accessibility"; } - -.ui-icon-accessible { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-accessible:before { - content: "accessible"; } - -.ui-icon-account-balance { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-account-balance:before { - content: "account_balance"; } - -.ui-icon-account-balance-wallet { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-account-balance-wallet:before { - content: "account_balance_wallet"; } - -.ui-icon-account-box { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-account-box:before { - content: "account_box"; } - -.ui-icon-account-circle { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-account-circle:before { - content: "account_circle"; } - -.ui-icon-add { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-add:before { - content: "add"; } - -.ui-icon-add-a-photo { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-add-a-photo:before { - content: "add_a_photo"; } - -.ui-icon-add-alarm { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-add-alarm:before { - content: "add_alarm"; } - -.ui-icon-add-alert { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-add-alert:before { - content: "add_alert"; } - -.ui-icon-add-box { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-add-box:before { - content: "add_box"; } - -.ui-icon-add-circle { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-add-circle:before { - content: "add_circle"; } - -.ui-icon-add-circle-outline { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-add-circle-outline:before { - content: "add_circle_outline"; } - -.ui-icon-add-location { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-add-location:before { - content: "add_location"; } - -.ui-icon-add-shopping-cart { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-add-shopping-cart:before { - content: "add_shopping_cart"; } - -.ui-icon-add-to-photos { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-add-to-photos:before { - content: "add_to_photos"; } - -.ui-icon-add-to-queue { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-add-to-queue:before { - content: "add_to_queue"; } - -.ui-icon-adjust { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-adjust:before { - content: "adjust"; } - -.ui-icon-airline-seat-flat { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-airline-seat-flat:before { - content: "airline_seat_flat"; } - -.ui-icon-airline-seat-flat-angled { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-airline-seat-flat-angled:before { - content: "airline_seat_flat_angled"; } - -.ui-icon-airline-seat-individual-suite { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-airline-seat-individual-suite:before { - content: "airline_seat_individual_suite"; } - -.ui-icon-airline-seat-legroom-extra { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-airline-seat-legroom-extra:before { - content: "airline_seat_legroom_extra"; } - -.ui-icon-airline-seat-legroom-normal { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-airline-seat-legroom-normal:before { - content: "airline_seat_legroom_normal"; } - -.ui-icon-airline-seat-legroom-reduced { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-airline-seat-legroom-reduced:before { - content: "airline_seat_legroom_reduced"; } - -.ui-icon-airline-seat-recline-extra { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-airline-seat-recline-extra:before { - content: "airline_seat_recline_extra"; } - -.ui-icon-airline-seat-recline-normal { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-airline-seat-recline-normal:before { - content: "airline_seat_recline_normal"; } - -.ui-icon-airplanemode-active { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-airplanemode-active:before { - content: "airplanemode_active"; } - -.ui-icon-airplanemode-inactive { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-airplanemode-inactive:before { - content: "airplanemode_inactive"; } - -.ui-icon-airplay { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-airplay:before { - content: "airplay"; } - -.ui-icon-airport-shuttle { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-airport-shuttle:before { - content: "airport_shuttle"; } - -.ui-icon-alarm { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-alarm:before { - content: "alarm"; } - -.ui-icon-alarm-add { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-alarm-add:before { - content: "alarm_add"; } - -.ui-icon-alarm-off { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-alarm-off:before { - content: "alarm_off"; } - -.ui-icon-alarm-on { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-alarm-on:before { - content: "alarm_on"; } - -.ui-icon-album { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-album:before { - content: "album"; } - -.ui-icon-all-inclusive { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-all-inclusive:before { - content: "all_inclusive"; } - -.ui-icon-all-out { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-all-out:before { - content: "all_out"; } - -.ui-icon-android { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-android:before { - content: "android"; } - -.ui-icon-announcement { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-announcement:before { - content: "announcement"; } - -.ui-icon-apps { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-apps:before { - content: "apps"; } - -.ui-icon-archive { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-archive:before { - content: "archive"; } - -.ui-icon-arrow-back { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-arrow-back:before { - content: "arrow_back"; } - -.ui-icon-arrow-downward { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-arrow-downward:before { - content: "arrow_downward"; } - -.ui-icon-arrow-drop-down { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-arrow-drop-down:before { - content: "arrow_drop_down"; } - -.ui-icon-arrow-drop-down-circle { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-arrow-drop-down-circle:before { - content: "arrow_drop_down_circle"; } - -.ui-icon-arrow-drop-up { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-arrow-drop-up:before { - content: "arrow_drop_up"; } - -.ui-icon-arrow-forward { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-arrow-forward:before { - content: "arrow_forward"; } - -.ui-icon-arrow-upward { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-arrow-upward:before { - content: "arrow_upward"; } - -.ui-icon-art-track { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-art-track:before { - content: "art_track"; } - -.ui-icon-aspect-ratio { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-aspect-ratio:before { - content: "aspect_ratio"; } - -.ui-icon-assessment { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-assessment:before { - content: "assessment"; } - -.ui-icon-assignment { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-assignment:before { - content: "assignment"; } - -.ui-icon-assignment-ind { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-assignment-ind:before { - content: "assignment_ind"; } - -.ui-icon-assignment-late { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-assignment-late:before { - content: "assignment_late"; } - -.ui-icon-assignment-return { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-assignment-return:before { - content: "assignment_return"; } - -.ui-icon-assignment-returned { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-assignment-returned:before { - content: "assignment_returned"; } - -.ui-icon-assignment-turned-in { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-assignment-turned-in:before { - content: "assignment_turned_in"; } - -.ui-icon-assistant { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-assistant:before { - content: "assistant"; } - -.ui-icon-assistant-photo { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-assistant-photo:before { - content: "assistant_photo"; } - -.ui-icon-attach-file { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-attach-file:before { - content: "attach_file"; } - -.ui-icon-attach-money { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-attach-money:before { - content: "attach_money"; } - -.ui-icon-attachment { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-attachment:before { - content: "attachment"; } - -.ui-icon-audiotrack { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-audiotrack:before { - content: "audiotrack"; } - -.ui-icon-autorenew { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-autorenew:before { - content: "autorenew"; } - -.ui-icon-av-timer { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-av-timer:before { - content: "av_timer"; } - -.ui-icon-backspace { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-backspace:before { - content: "backspace"; } - -.ui-icon-backup { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-backup:before { - content: "backup"; } - -.ui-icon-battery-alert { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-battery-alert:before { - content: "battery_alert"; } - -.ui-icon-battery-charging-full { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-battery-charging-full:before { - content: "battery_charging_full"; } - -.ui-icon-battery-full { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-battery-full:before { - content: "battery_full"; } - -.ui-icon-battery-std { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-battery-std:before { - content: "battery_std"; } - -.ui-icon-battery-unknown { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-battery-unknown:before { - content: "battery_unknown"; } - -.ui-icon-beach-access { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-beach-access:before { - content: "beach_access"; } - -.ui-icon-beenhere { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-beenhere:before { - content: "beenhere"; } - -.ui-icon-block { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-block:before { - content: "block"; } - -.ui-icon-bluetooth { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-bluetooth:before { - content: "bluetooth"; } - -.ui-icon-bluetooth-audio { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-bluetooth-audio:before { - content: "bluetooth_audio"; } - -.ui-icon-bluetooth-connected { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-bluetooth-connected:before { - content: "bluetooth_connected"; } - -.ui-icon-bluetooth-disabled { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-bluetooth-disabled:before { - content: "bluetooth_disabled"; } - -.ui-icon-bluetooth-searching { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-bluetooth-searching:before { - content: "bluetooth_searching"; } - -.ui-icon-blur-circular { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-blur-circular:before { - content: "blur_circular"; } - -.ui-icon-blur-linear { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-blur-linear:before { - content: "blur_linear"; } - -.ui-icon-blur-off { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-blur-off:before { - content: "blur_off"; } - -.ui-icon-blur-on { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-blur-on:before { - content: "blur_on"; } - -.ui-icon-book { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-book:before { - content: "book"; } - -.ui-icon-bookmark { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-bookmark:before { - content: "bookmark"; } - -.ui-icon-bookmark-border { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-bookmark-border:before { - content: "bookmark_border"; } - -.ui-icon-border-all { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-border-all:before { - content: "border_all"; } - -.ui-icon-border-bottom { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-border-bottom:before { - content: "border_bottom"; } - -.ui-icon-border-clear { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-border-clear:before { - content: "border_clear"; } - -.ui-icon-border-color { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-border-color:before { - content: "border_color"; } - -.ui-icon-border-horizontal { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-border-horizontal:before { - content: "border_horizontal"; } - -.ui-icon-border-inner { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-border-inner:before { - content: "border_inner"; } - -.ui-icon-border-left { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-border-left:before { - content: "border_left"; } - -.ui-icon-border-outer { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-border-outer:before { - content: "border_outer"; } - -.ui-icon-border-right { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-border-right:before { - content: "border_right"; } - -.ui-icon-border-style { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-border-style:before { - content: "border_style"; } - -.ui-icon-border-top { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-border-top:before { - content: "border_top"; } - -.ui-icon-border-vertical { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-border-vertical:before { - content: "border_vertical"; } - -.ui-icon-branding-watermark { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-branding-watermark:before { - content: "branding_watermark"; } - -.ui-icon-brightness-1 { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-brightness-1:before { - content: "brightness_1"; } - -.ui-icon-brightness-2 { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-brightness-2:before { - content: "brightness_2"; } - -.ui-icon-brightness-3 { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-brightness-3:before { - content: "brightness_3"; } - -.ui-icon-brightness-4 { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-brightness-4:before { - content: "brightness_4"; } - -.ui-icon-brightness-5 { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-brightness-5:before { - content: "brightness_5"; } - -.ui-icon-brightness-6 { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-brightness-6:before { - content: "brightness_6"; } - -.ui-icon-brightness-7 { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-brightness-7:before { - content: "brightness_7"; } - -.ui-icon-brightness-auto { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-brightness-auto:before { - content: "brightness_auto"; } - -.ui-icon-brightness-high { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-brightness-high:before { - content: "brightness_high"; } - -.ui-icon-brightness-low { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-brightness-low:before { - content: "brightness_low"; } - -.ui-icon-brightness-medium { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-brightness-medium:before { - content: "brightness_medium"; } - -.ui-icon-broken-image { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-broken-image:before { - content: "broken_image"; } - -.ui-icon-brush { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-brush:before { - content: "brush"; } - -.ui-icon-bubble-chart { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-bubble-chart:before { - content: "bubble_chart"; } - -.ui-icon-bug-report { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-bug-report:before { - content: "bug_report"; } - -.ui-icon-build { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-build:before { - content: "build"; } - -.ui-icon-burst-mode { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-burst-mode:before { - content: "burst_mode"; } - -.ui-icon-business { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-business:before { - content: "business"; } - -.ui-icon-business-center { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-business-center:before { - content: "business_center"; } - -.ui-icon-cached { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-cached:before { - content: "cached"; } - -.ui-icon-cake { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-cake:before { - content: "cake"; } - -.ui-icon-call { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-call:before { - content: "call"; } - -.ui-icon-call-end { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-call-end:before { - content: "call_end"; } - -.ui-icon-call-made { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-call-made:before { - content: "call_made"; } - -.ui-icon-call-merge { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-call-merge:before { - content: "call_merge"; } - -.ui-icon-call-missed { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-call-missed:before { - content: "call_missed"; } - -.ui-icon-call-missed-outgoing { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-call-missed-outgoing:before { - content: "call_missed_outgoing"; } - -.ui-icon-call-received { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-call-received:before { - content: "call_received"; } - -.ui-icon-call-split { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-call-split:before { - content: "call_split"; } - -.ui-icon-call-to-action { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-call-to-action:before { - content: "call_to_action"; } - -.ui-icon-camera { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-camera:before { - content: "camera"; } - -.ui-icon-camera-alt { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-camera-alt:before { - content: "camera_alt"; } - -.ui-icon-camera-enhance { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-camera-enhance:before { - content: "camera_enhance"; } - -.ui-icon-camera-front { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-camera-front:before { - content: "camera_front"; } - -.ui-icon-camera-rear { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-camera-rear:before { - content: "camera_rear"; } - -.ui-icon-camera-roll { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-camera-roll:before { - content: "camera_roll"; } - -.ui-icon-cancel { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-cancel:before { - content: "cancel"; } - -.ui-icon-card-giftcard { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-card-giftcard:before { - content: "card_giftcard"; } - -.ui-icon-card-membership { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-card-membership:before { - content: "card_membership"; } - -.ui-icon-card-travel { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-card-travel:before { - content: "card_travel"; } - -.ui-icon-casino { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-casino:before { - content: "casino"; } - -.ui-icon-cast { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-cast:before { - content: "cast"; } - -.ui-icon-cast-connected { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-cast-connected:before { - content: "cast_connected"; } - -.ui-icon-center-focus-strong { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-center-focus-strong:before { - content: "center_focus_strong"; } - -.ui-icon-center-focus-weak { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-center-focus-weak:before { - content: "center_focus_weak"; } - -.ui-icon-change-history { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-change-history:before { - content: "change_history"; } - -.ui-icon-chat { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-chat:before { - content: "chat"; } - -.ui-icon-chat-bubble { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-chat-bubble:before { - content: "chat_bubble"; } - -.ui-icon-chat-bubble-outline { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-chat-bubble-outline:before { - content: "chat_bubble_outline"; } - -.ui-icon-check { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-check:before { - content: "check"; } - -.ui-icon-check-box { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-check-box:before { - content: "check_box"; } - -.ui-icon-check-box-outline-blank { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-check-box-outline-blank:before { - content: "check_box_outline_blank"; } - -.ui-icon-check-circle { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-check-circle:before { - content: "check_circle"; } - -.ui-icon-chevron-left { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-chevron-left:before { - content: "chevron_left"; } - -.ui-icon-chevron-right { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-chevron-right:before { - content: "chevron_right"; } - -.ui-icon-child-care { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-child-care:before { - content: "child_care"; } - -.ui-icon-child-friendly { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-child-friendly:before { - content: "child_friendly"; } - -.ui-icon-chrome-reader-mode { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-chrome-reader-mode:before { - content: "chrome_reader_mode"; } - -.ui-icon-class { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-class:before { - content: "class"; } - -.ui-icon-clear { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-clear:before { - content: "clear"; } - -.ui-icon-clear-all { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-clear-all:before { - content: "clear_all"; } - -.ui-icon-close { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-close:before { - content: "close"; } - -.ui-icon-closed-caption { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-closed-caption:before { - content: "closed_caption"; } - -.ui-icon-cloud { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-cloud:before { - content: "cloud"; } - -.ui-icon-cloud-circle { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-cloud-circle:before { - content: "cloud_circle"; } - -.ui-icon-cloud-done { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-cloud-done:before { - content: "cloud_done"; } - -.ui-icon-cloud-download { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-cloud-download:before { - content: "cloud_download"; } - -.ui-icon-cloud-off { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-cloud-off:before { - content: "cloud_off"; } - -.ui-icon-cloud-queue { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-cloud-queue:before { - content: "cloud_queue"; } - -.ui-icon-cloud-upload { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-cloud-upload:before { - content: "cloud_upload"; } - -.ui-icon-code { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-code:before { - content: "code"; } - -.ui-icon-collections { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-collections:before { - content: "collections"; } - -.ui-icon-collections-bookmark { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-collections-bookmark:before { - content: "collections_bookmark"; } - -.ui-icon-color-lens { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-color-lens:before { - content: "color_lens"; } - -.ui-icon-colorize { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-colorize:before { - content: "colorize"; } - -.ui-icon-comment { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-comment:before { - content: "comment"; } - -.ui-icon-compare { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-compare:before { - content: "compare"; } - -.ui-icon-compare-arrows { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-compare-arrows:before { - content: "compare_arrows"; } - -.ui-icon-computer { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-computer:before { - content: "computer"; } - -.ui-icon-confirmation-number { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-confirmation-number:before { - content: "confirmation_number"; } - -.ui-icon-contact-mail { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-contact-mail:before { - content: "contact_mail"; } - -.ui-icon-contact-phone { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-contact-phone:before { - content: "contact_phone"; } - -.ui-icon-contacts { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-contacts:before { - content: "contacts"; } - -.ui-icon-content-copy { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-content-copy:before { - content: "content_copy"; } - -.ui-icon-content-cut { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-content-cut:before { - content: "content_cut"; } - -.ui-icon-content-paste { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-content-paste:before { - content: "content_paste"; } - -.ui-icon-control-point { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-control-point:before { - content: "control_point"; } - -.ui-icon-control-point-duplicate { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-control-point-duplicate:before { - content: "control_point_duplicate"; } - -.ui-icon-copyright { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-copyright:before { - content: "copyright"; } - -.ui-icon-create { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-create:before { - content: "create"; } - -.ui-icon-create-new-folder { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-create-new-folder:before { - content: "create_new_folder"; } - -.ui-icon-credit-card { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-credit-card:before { - content: "credit_card"; } - -.ui-icon-crop { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-crop:before { - content: "crop"; } - -.ui-icon-crop-16-9 { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-crop-16-9:before { - content: "crop_16_9"; } - -.ui-icon-crop-3-2 { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-crop-3-2:before { - content: "crop_3_2"; } - -.ui-icon-crop-5-4 { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-crop-5-4:before { - content: "crop_5_4"; } - -.ui-icon-crop-7-5 { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-crop-7-5:before { - content: "crop_7_5"; } - -.ui-icon-crop-din { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-crop-din:before { - content: "crop_din"; } - -.ui-icon-crop-free { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-crop-free:before { - content: "crop_free"; } - -.ui-icon-crop-landscape { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-crop-landscape:before { - content: "crop_landscape"; } - -.ui-icon-crop-original { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-crop-original:before { - content: "crop_original"; } - -.ui-icon-crop-portrait { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-crop-portrait:before { - content: "crop_portrait"; } - -.ui-icon-crop-rotate { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-crop-rotate:before { - content: "crop_rotate"; } - -.ui-icon-crop-square { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-crop-square:before { - content: "crop_square"; } - -.ui-icon-dashboard { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-dashboard:before { - content: "dashboard"; } - -.ui-icon-data-usage { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-data-usage:before { - content: "data_usage"; } - -.ui-icon-date-range { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-date-range:before { - content: "date_range"; } - -.ui-icon-dehaze { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-dehaze:before { - content: "dehaze"; } - -.ui-icon-delete { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-delete:before { - content: "delete"; } - -.ui-icon-delete-forever { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-delete-forever:before { - content: "delete_forever"; } - -.ui-icon-delete-sweep { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-delete-sweep:before { - content: "delete_sweep"; } - -.ui-icon-description { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-description:before { - content: "description"; } - -.ui-icon-desktop-mac { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-desktop-mac:before { - content: "desktop_mac"; } - -.ui-icon-desktop-windows { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-desktop-windows:before { - content: "desktop_windows"; } - -.ui-icon-details { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-details:before { - content: "details"; } - -.ui-icon-developer-board { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-developer-board:before { - content: "developer_board"; } - -.ui-icon-developer-mode { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-developer-mode:before { - content: "developer_mode"; } - -.ui-icon-device-hub { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-device-hub:before { - content: "device_hub"; } - -.ui-icon-devices { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-devices:before { - content: "devices"; } - -.ui-icon-devices-other { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-devices-other:before { - content: "devices_other"; } - -.ui-icon-dialer-sip { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-dialer-sip:before { - content: "dialer_sip"; } - -.ui-icon-dialpad { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-dialpad:before { - content: "dialpad"; } - -.ui-icon-directions { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-directions:before { - content: "directions"; } - -.ui-icon-directions-bike { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-directions-bike:before { - content: "directions_bike"; } - -.ui-icon-directions-boat { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-directions-boat:before { - content: "directions_boat"; } - -.ui-icon-directions-bus { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-directions-bus:before { - content: "directions_bus"; } - -.ui-icon-directions-car { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-directions-car:before { - content: "directions_car"; } - -.ui-icon-directions-railway { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-directions-railway:before { - content: "directions_railway"; } - -.ui-icon-directions-run { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-directions-run:before { - content: "directions_run"; } - -.ui-icon-directions-subway { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-directions-subway:before { - content: "directions_subway"; } - -.ui-icon-directions-transit { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-directions-transit:before { - content: "directions_transit"; } - -.ui-icon-directions-walk { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-directions-walk:before { - content: "directions_walk"; } - -.ui-icon-disc-full { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-disc-full:before { - content: "disc_full"; } - -.ui-icon-dns { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-dns:before { - content: "dns"; } - -.ui-icon-do-not-disturb { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-do-not-disturb:before { - content: "do_not_disturb"; } - -.ui-icon-do-not-disturb-alt { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-do-not-disturb-alt:before { - content: "do_not_disturb_alt"; } - -.ui-icon-do-not-disturb-off { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-do-not-disturb-off:before { - content: "do_not_disturb_off"; } - -.ui-icon-do-not-disturb-on { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-do-not-disturb-on:before { - content: "do_not_disturb_on"; } - -.ui-icon-dock { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-dock:before { - content: "dock"; } - -.ui-icon-domain { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-domain:before { - content: "domain"; } - -.ui-icon-done { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-done:before { - content: "done"; } - -.ui-icon-done-all { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-done-all:before { - content: "done_all"; } - -.ui-icon-donut-large { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-donut-large:before { - content: "donut_large"; } - -.ui-icon-donut-small { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-donut-small:before { - content: "donut_small"; } - -.ui-icon-drafts { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-drafts:before { - content: "drafts"; } - -.ui-icon-drag-handle { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-drag-handle:before { - content: "drag_handle"; } - -.ui-icon-drive-eta { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-drive-eta:before { - content: "drive_eta"; } - -.ui-icon-dvr { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-dvr:before { - content: "dvr"; } - -.ui-icon-edit { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-edit:before { - content: "edit"; } - -.ui-icon-edit-location { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-edit-location:before { - content: "edit_location"; } - -.ui-icon-eject { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-eject:before { - content: "eject"; } - -.ui-icon-email { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-email:before { - content: "email"; } - -.ui-icon-enhanced-encryption { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-enhanced-encryption:before { - content: "enhanced_encryption"; } - -.ui-icon-equalizer { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-equalizer:before { - content: "equalizer"; } - -.ui-icon-error { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-error:before { - content: "error"; } - -.ui-icon-error-outline { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-error-outline:before { - content: "error_outline"; } - -.ui-icon-euro-symbol { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-euro-symbol:before { - content: "euro_symbol"; } - -.ui-icon-ev-station { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-ev-station:before { - content: "ev_station"; } - -.ui-icon-event { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-event:before { - content: "event"; } - -.ui-icon-event-available { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-event-available:before { - content: "event_available"; } - -.ui-icon-event-busy { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-event-busy:before { - content: "event_busy"; } - -.ui-icon-event-note { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-event-note:before { - content: "event_note"; } - -.ui-icon-event-seat { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-event-seat:before { - content: "event_seat"; } - -.ui-icon-exit-to-app { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-exit-to-app:before { - content: "exit_to_app"; } - -.ui-icon-expand-less { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-expand-less:before { - content: "expand_less"; } - -.ui-icon-expand-more { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-expand-more:before { - content: "expand_more"; } - -.ui-icon-explicit { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-explicit:before { - content: "explicit"; } - -.ui-icon-explore { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-explore:before { - content: "explore"; } - -.ui-icon-exposure { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-exposure:before { - content: "exposure"; } - -.ui-icon-exposure-neg-1 { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-exposure-neg-1:before { - content: "exposure_neg_1"; } - -.ui-icon-exposure-neg-2 { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-exposure-neg-2:before { - content: "exposure_neg_2"; } - -.ui-icon-exposure-plus-1 { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-exposure-plus-1:before { - content: "exposure_plus_1"; } - -.ui-icon-exposure-plus-2 { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-exposure-plus-2:before { - content: "exposure_plus_2"; } - -.ui-icon-exposure-zero { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-exposure-zero:before { - content: "exposure_zero"; } - -.ui-icon-extension { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-extension:before { - content: "extension"; } - -.ui-icon-face { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-face:before { - content: "face"; } - -.ui-icon-fast-forward { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-fast-forward:before { - content: "fast_forward"; } - -.ui-icon-fast-rewind { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-fast-rewind:before { - content: "fast_rewind"; } - -.ui-icon-favorite { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-favorite:before { - content: "favorite"; } - -.ui-icon-favorite-border { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-favorite-border:before { - content: "favorite_border"; } - -.ui-icon-featured-play-list { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-featured-play-list:before { - content: "featured_play_list"; } - -.ui-icon-featured-video { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-featured-video:before { - content: "featured_video"; } - -.ui-icon-feedback { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-feedback:before { - content: "feedback"; } - -.ui-icon-fiber-dvr { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-fiber-dvr:before { - content: "fiber_dvr"; } - -.ui-icon-fiber-manual-record { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-fiber-manual-record:before { - content: "fiber_manual_record"; } - -.ui-icon-fiber-new { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-fiber-new:before { - content: "fiber_new"; } - -.ui-icon-fibern { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-fibern:before { - content: "fiber_pin"; } - -.ui-icon-fiber-smart-record { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-fiber-smart-record:before { - content: "fiber_smart_record"; } - -.ui-icon-file-download { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-file-download:before { - content: "file_download"; } - -.ui-icon-file-upload { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-file-upload:before { - content: "file_upload"; } - -.ui-icon-filter { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-filter:before { - content: "filter"; } - -.ui-icon-filter-1 { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-filter-1:before { - content: "filter_1"; } - -.ui-icon-filter-2 { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-filter-2:before { - content: "filter_2"; } - -.ui-icon-filter-3 { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-filter-3:before { - content: "filter_3"; } - -.ui-icon-filter-4 { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-filter-4:before { - content: "filter_4"; } - -.ui-icon-filter-5 { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-filter-5:before { - content: "filter_5"; } - -.ui-icon-filter-6 { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-filter-6:before { - content: "filter_6"; } - -.ui-icon-filter-7 { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-filter-7:before { - content: "filter_7"; } - -.ui-icon-filter-8 { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-filter-8:before { - content: "filter_8"; } - -.ui-icon-filter-9 { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-filter-9:before { - content: "filter_9"; } - -.ui-icon-filter-9-plus { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-filter-9-plus:before { - content: "filter_9_plus"; } - -.ui-icon-filter-b-and-w { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-filter-b-and-w:before { - content: "filter_b_and_w"; } - -.ui-icon-filter-center-focus { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-filter-center-focus:before { - content: "filter_center_focus"; } - -.ui-icon-filter-drama { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-filter-drama:before { - content: "filter_drama"; } - -.ui-icon-filter-frames { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-filter-frames:before { - content: "filter_frames"; } - -.ui-icon-filter-hdr { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-filter-hdr:before { - content: "filter_hdr"; } - -.ui-icon-filter-list { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-filter-list:before { - content: "filter_list"; } - -.ui-icon-filter-none { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-filter-none:before { - content: "filter_none"; } - -.ui-icon-filter-tilt-shift { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-filter-tilt-shift:before { - content: "filter_tilt_shift"; } - -.ui-icon-filter-vintage { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-filter-vintage:before { - content: "filter_vintage"; } - -.ui-icon-find-in-page { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-find-in-page:before { - content: "find_in_page"; } - -.ui-icon-find-replace { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-find-replace:before { - content: "find_replace"; } - -.ui-icon-fingerprint { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-fingerprint:before { - content: "fingerprint"; } - -.ui-icon-first-page { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-first-page:before { - content: "first_page"; } - -.ui-icon-fitness-center { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-fitness-center:before { - content: "fitness_center"; } - -.ui-icon-flag { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-flag:before { - content: "flag"; } - -.ui-icon-flare { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-flare:before { - content: "flare"; } - -.ui-icon-flash-auto { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-flash-auto:before { - content: "flash_auto"; } - -.ui-icon-flash-off { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-flash-off:before { - content: "flash_off"; } - -.ui-icon-flash-on { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-flash-on:before { - content: "flash_on"; } - -.ui-icon-flight { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-flight:before { - content: "flight"; } - -.ui-icon-flight-land { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-flight-land:before { - content: "flight_land"; } - -.ui-icon-flight-takeoff { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-flight-takeoff:before { - content: "flight_takeoff"; } - -.ui-icon-flip { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-flip:before { - content: "flip"; } - -.ui-icon-flip-to-back { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-flip-to-back:before { - content: "flip_to_back"; } - -.ui-icon-flip-to-front { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-flip-to-front:before { - content: "flip_to_front"; } - -.ui-icon-folder { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-folder:before { - content: "folder"; } - -.ui-icon-folder-open { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-folder-open:before { - content: "folder_open"; } - -.ui-icon-folder-shared { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-folder-shared:before { - content: "folder_shared"; } - -.ui-icon-folder-special { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-folder-special:before { - content: "folder_special"; } - -.ui-icon-font-download { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-font-download:before { - content: "font_download"; } - -.ui-icon-format-align-center { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-format-align-center:before { - content: "format_align_center"; } - -.ui-icon-format-align-justify { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-format-align-justify:before { - content: "format_align_justify"; } - -.ui-icon-format-align-left { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-format-align-left:before { - content: "format_align_left"; } - -.ui-icon-format-align-right { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-format-align-right:before { - content: "format_align_right"; } - -.ui-icon-format-bold { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-format-bold:before { - content: "format_bold"; } - -.ui-icon-format-clear { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-format-clear:before { - content: "format_clear"; } - -.ui-icon-format-color-fill { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-format-color-fill:before { - content: "format_color_fill"; } - -.ui-icon-format-color-reset { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-format-color-reset:before { - content: "format_color_reset"; } - -.ui-icon-format-color-text { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-format-color-text:before { - content: "format_color_text"; } - -.ui-icon-format-indent-decrease { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-format-indent-decrease:before { - content: "format_indent_decrease"; } - -.ui-icon-format-indent-increase { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-format-indent-increase:before { - content: "format_indent_increase"; } - -.ui-icon-format-italic { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-format-italic:before { - content: "format_italic"; } - -.ui-icon-format-line-spacing { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-format-line-spacing:before { - content: "format_line_spacing"; } - -.ui-icon-format-list-bulleted { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-format-list-bulleted:before { - content: "format_list_bulleted"; } - -.ui-icon-format-list-numbered { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-format-list-numbered:before { - content: "format_list_numbered"; } - -.ui-icon-format-paint { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-format-paint:before { - content: "format_paint"; } - -.ui-icon-format-quote { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-format-quote:before { - content: "format_quote"; } - -.ui-icon-format-shapes { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-format-shapes:before { - content: "format_shapes"; } - -.ui-icon-format-size { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-format-size:before { - content: "format_size"; } - -.ui-icon-format-strikethrough { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-format-strikethrough:before { - content: "format_strikethrough"; } - -.ui-icon-format-textdirection-l-to-r { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-format-textdirection-l-to-r:before { - content: "format_textdirection_l_to_r"; } - -.ui-icon-format-textdirection-r-to-l { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-format-textdirection-r-to-l:before { - content: "format_textdirection_r_to_l"; } - -.ui-icon-format-underlined { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-format-underlined:before { - content: "format_underlined"; } - -.ui-icon-forum { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-forum:before { - content: "forum"; } - -.ui-icon-forward { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-forward:before { - content: "forward"; } - -.ui-icon-forward-10 { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-forward-10:before { - content: "forward_10"; } - -.ui-icon-forward-30 { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-forward-30:before { - content: "forward_30"; } - -.ui-icon-forward-5 { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-forward-5:before { - content: "forward_5"; } - -.ui-icon-free-breakfast { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-free-breakfast:before { - content: "free_breakfast"; } - -.ui-icon-fullscreen { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-fullscreen:before { - content: "fullscreen"; } - -.ui-icon-fullscreen-exit { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-fullscreen-exit:before { - content: "fullscreen_exit"; } - -.ui-icon-functions { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-functions:before { - content: "functions"; } - -.ui-icon-g-translate { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-g-translate:before { - content: "g_translate"; } - -.ui-icon-gamepad { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-gamepad:before { - content: "gamepad"; } - -.ui-icon-games { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-games:before { - content: "games"; } - -.ui-icon-gavel { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-gavel:before { - content: "gavel"; } - -.ui-icon-gesture { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-gesture:before { - content: "gesture"; } - -.ui-icon-get-app { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-get-app:before { - content: "get_app"; } - -.ui-icon-gif { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-gif:before { - content: "gif"; } - -.ui-icon-golf-course { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-golf-course:before { - content: "golf_course"; } - -.ui-icon-gps-fixed { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-gps-fixed:before { - content: "gps_fixed"; } - -.ui-icon-gps-not-fixed { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-gps-not-fixed:before { - content: "gps_not_fixed"; } - -.ui-icon-gps-off { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-gps-off:before { - content: "gps_off"; } - -.ui-icon-grade { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-grade:before { - content: "grade"; } - -.ui-icon-gradient { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-gradient:before { - content: "gradient"; } - -.ui-icon-grain { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-grain:before { - content: "grain"; } - -.ui-icon-graphic-eq { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-graphic-eq:before { - content: "graphic_eq"; } - -.ui-icon-grid-off { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-grid-off:before { - content: "grid_off"; } - -.ui-icon-grid-on { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-grid-on:before { - content: "grid_on"; } - -.ui-icon-group { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-group:before { - content: "group"; } - -.ui-icon-group-add { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-group-add:before { - content: "group_add"; } - -.ui-icon-group-work { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-group-work:before { - content: "group_work"; } - -.ui-icon-hd { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-hd:before { - content: "hd"; } - -.ui-icon-hdr-off { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-hdr-off:before { - content: "hdr_off"; } - -.ui-icon-hdr-on { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-hdr-on:before { - content: "hdr_on"; } - -.ui-icon-hdr-strong { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-hdr-strong:before { - content: "hdr_strong"; } - -.ui-icon-hdr-weak { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-hdr-weak:before { - content: "hdr_weak"; } - -.ui-icon-headset { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-headset:before { - content: "headset"; } - -.ui-icon-headset-mic { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-headset-mic:before { - content: "headset_mic"; } - -.ui-icon-healing { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-healing:before { - content: "healing"; } - -.ui-icon-hearing { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-hearing:before { - content: "hearing"; } - -.ui-icon-help { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-help:before { - content: "help"; } - -.ui-icon-help-outline { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-help-outline:before { - content: "help_outline"; } - -.ui-icon-high-quality { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-high-quality:before { - content: "high_quality"; } - -.ui-icon-highlight { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-highlight:before { - content: "highlight"; } - -.ui-icon-highlight-off { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-highlight-off:before { - content: "highlight_off"; } - -.ui-icon-history { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-history:before { - content: "history"; } - -.ui-icon-home { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-home:before { - content: "home"; } - -.ui-icon-hot-tub { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-hot-tub:before { - content: "hot_tub"; } - -.ui-icon-hotel { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-hotel:before { - content: "hotel"; } - -.ui-icon-hourglass-empty { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-hourglass-empty:before { - content: "hourglass_empty"; } - -.ui-icon-hourglass-full { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-hourglass-full:before { - content: "hourglass_full"; } - -.ui-icon-http { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-http:before { - content: "http"; } - -.ui-icon-https { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-https:before { - content: "https"; } - -.ui-icon-image { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-image:before { - content: "image"; } - -.ui-icon-image-aspect-ratio { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-image-aspect-ratio:before { - content: "image_aspect_ratio"; } - -.ui-icon-import-contacts { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-import-contacts:before { - content: "import_contacts"; } - -.ui-icon-import-export { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-import-export:before { - content: "import_export"; } - -.ui-icon-important-devices { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-important-devices:before { - content: "important_devices"; } - -.ui-icon-inbox { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-inbox:before { - content: "inbox"; } - -.ui-icon-indeterminate-check-box { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-indeterminate-check-box:before { - content: "indeterminate_check_box"; } - -.ui-icon-info { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-info:before { - content: "info"; } - -.ui-icon-info-outline { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-info-outline:before { - content: "info_outline"; } - -.ui-icon-input { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-input:before { - content: "input"; } - -.ui-icon-insert-chart { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-insert-chart:before { - content: "insert_chart"; } - -.ui-icon-insert-comment { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-insert-comment:before { - content: "insert_comment"; } - -.ui-icon-insert-drive-file { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-insert-drive-file:before { - content: "insert_drive_file"; } - -.ui-icon-insert-emoticon { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-insert-emoticon:before { - content: "insert_emoticon"; } - -.ui-icon-insert-invitation { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-insert-invitation:before { - content: "insert_invitation"; } - -.ui-icon-insert-link { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-insert-link:before { - content: "insert_link"; } - -.ui-icon-insert-photo { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-insert-photo:before { - content: "insert_photo"; } - -.ui-icon-invert-colors { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-invert-colors:before { - content: "invert_colors"; } - -.ui-icon-invert-colors-off { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-invert-colors-off:before { - content: "invert_colors_off"; } - -.ui-icon-iso { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-iso:before { - content: "iso"; } - -.ui-icon-keyboard { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-keyboard:before { - content: "keyboard"; } - -.ui-icon-keyboard-arrow-down { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-keyboard-arrow-down:before { - content: "keyboard_arrow_down"; } - -.ui-icon-keyboard-arrow-left { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-keyboard-arrow-left:before { - content: "keyboard_arrow_left"; } - -.ui-icon-keyboard-arrow-right { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-keyboard-arrow-right:before { - content: "keyboard_arrow_right"; } - -.ui-icon-keyboard-arrow-up { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-keyboard-arrow-up:before { - content: "keyboard_arrow_up"; } - -.ui-icon-keyboard-backspace { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-keyboard-backspace:before { - content: "keyboard_backspace"; } - -.ui-icon-keyboard-capslock { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-keyboard-capslock:before { - content: "keyboard_capslock"; } - -.ui-icon-keyboard-hide { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-keyboard-hide:before { - content: "keyboard_hide"; } - -.ui-icon-keyboard-return { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-keyboard-return:before { - content: "keyboard_return"; } - -.ui-icon-keyboard-tab { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-keyboard-tab:before { - content: "keyboard_tab"; } - -.ui-icon-keyboard-voice { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-keyboard-voice:before { - content: "keyboard_voice"; } - -.ui-icon-kitchen { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-kitchen:before { - content: "kitchen"; } - -.ui-icon-label { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-label:before { - content: "label"; } - -.ui-icon-label-outline { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-label-outline:before { - content: "label_outline"; } - -.ui-icon-landscape { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-landscape:before { - content: "landscape"; } - -.ui-icon-language { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-language:before { - content: "language"; } - -.ui-icon-laptop { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-laptop:before { - content: "laptop"; } - -.ui-icon-laptop-chromebook { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-laptop-chromebook:before { - content: "laptop_chromebook"; } - -.ui-icon-laptop-mac { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-laptop-mac:before { - content: "laptop_mac"; } - -.ui-icon-laptop-windows { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-laptop-windows:before { - content: "laptop_windows"; } - -.ui-icon-last-page { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-last-page:before { - content: "last_page"; } - -.ui-icon-launch { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-launch:before { - content: "launch"; } - -.ui-icon-layers { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-layers:before { - content: "layers"; } - -.ui-icon-layers-clear { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-layers-clear:before { - content: "layers_clear"; } - -.ui-icon-leak-add { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-leak-add:before { - content: "leak_add"; } - -.ui-icon-leak-remove { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-leak-remove:before { - content: "leak_remove"; } - -.ui-icon-lens { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-lens:before { - content: "lens"; } - -.ui-icon-library-add { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-library-add:before { - content: "library_add"; } - -.ui-icon-library-books { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-library-books:before { - content: "library_books"; } - -.ui-icon-library-music { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-library-music:before { - content: "library_music"; } - -.ui-icon-lightbulb-outline { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-lightbulb-outline:before { - content: "lightbulb_outline"; } - -.ui-icon-line-style { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-line-style:before { - content: "line_style"; } - -.ui-icon-line-weight { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-line-weight:before { - content: "line_weight"; } - -.ui-icon-linear-scale { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-linear-scale:before { - content: "linear_scale"; } - -.ui-icon-link { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-link:before { - content: "link"; } - -.ui-icon-linked-camera { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-linked-camera:before { - content: "linked_camera"; } - -.ui-icon-list { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-list:before { - content: "list"; } - -.ui-icon-live-help { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-live-help:before { - content: "live_help"; } - -.ui-icon-live-tv { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-live-tv:before { - content: "live_tv"; } - -.ui-icon-local-activity { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-local-activity:before { - content: "local_activity"; } - -.ui-icon-local-airport { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-local-airport:before { - content: "local_airport"; } - -.ui-icon-local-atm { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-local-atm:before { - content: "local_atm"; } - -.ui-icon-local-bar { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-local-bar:before { - content: "local_bar"; } - -.ui-icon-local-cafe { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-local-cafe:before { - content: "local_cafe"; } - -.ui-icon-local-car-wash { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-local-car-wash:before { - content: "local_car_wash"; } - -.ui-icon-local-convenience-store { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-local-convenience-store:before { - content: "local_convenience_store"; } - -.ui-icon-local-dining { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-local-dining:before { - content: "local_dining"; } - -.ui-icon-local-drink { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-local-drink:before { - content: "local_drink"; } - -.ui-icon-local-florist { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-local-florist:before { - content: "local_florist"; } - -.ui-icon-local-gas-station { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-local-gas-station:before { - content: "local_gas_station"; } - -.ui-icon-local-grocery-store { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-local-grocery-store:before { - content: "local_grocery_store"; } - -.ui-icon-local-hospital { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-local-hospital:before { - content: "local_hospital"; } - -.ui-icon-local-hotel { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-local-hotel:before { - content: "local_hotel"; } - -.ui-icon-local-laundry-service { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-local-laundry-service:before { - content: "local_laundry_service"; } - -.ui-icon-local-library { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-local-library:before { - content: "local_library"; } - -.ui-icon-local-mall { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-local-mall:before { - content: "local_mall"; } - -.ui-icon-local-movies { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-local-movies:before { - content: "local_movies"; } - -.ui-icon-local-offer { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-local-offer:before { - content: "local_offer"; } - -.ui-icon-local-parking { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-local-parking:before { - content: "local_parking"; } - -.ui-icon-local-pharmacy { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-local-pharmacy:before { - content: "local_pharmacy"; } - -.ui-icon-local-phone { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-local-phone:before { - content: "local_phone"; } - -.ui-icon-local-pizza { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-local-pizza:before { - content: "local_pizza"; } - -.ui-icon-local-play { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-local-play:before { - content: "local_play"; } - -.ui-icon-local-post-office { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-local-post-office:before { - content: "local_post_office"; } - -.ui-icon-local-printshop { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-local-printshop:before { - content: "local_printshop"; } - -.ui-icon-local-see { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-local-see:before { - content: "local_see"; } - -.ui-icon-local-shipping { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-local-shipping:before { - content: "local_shipping"; } - -.ui-icon-local-taxi { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-local-taxi:before { - content: "local_taxi"; } - -.ui-icon-location-city { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-location-city:before { - content: "location_city"; } - -.ui-icon-location-disabled { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-location-disabled:before { - content: "location_disabled"; } - -.ui-icon-location-off { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-location-off:before { - content: "location_off"; } - -.ui-icon-location-on { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-location-on:before { - content: "location_on"; } - -.ui-icon-location-searching { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-location-searching:before { - content: "location_searching"; } - -.ui-icon-lock { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-lock:before { - content: "lock"; } - -.ui-icon-lock-open { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-lock-open:before { - content: "lock_open"; } - -.ui-icon-lock-outline { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-lock-outline:before { - content: "lock_outline"; } - -.ui-icon-looks { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-looks:before { - content: "looks"; } - -.ui-icon-looks-3 { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-looks-3:before { - content: "looks_3"; } - -.ui-icon-looks-4 { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-looks-4:before { - content: "looks_4"; } - -.ui-icon-looks-5 { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-looks-5:before { - content: "looks_5"; } - -.ui-icon-looks-6 { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-looks-6:before { - content: "looks_6"; } - -.ui-icon-looks-one { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-looks-one:before { - content: "looks_one"; } - -.ui-icon-looks-two { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-looks-two:before { - content: "looks_two"; } - -.ui-icon-loop { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-loop:before { - content: "loop"; } - -.ui-icon-loupe { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-loupe:before { - content: "loupe"; } - -.ui-icon-low-priority { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-low-priority:before { - content: "low_priority"; } - -.ui-icon-loyalty { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-loyalty:before { - content: "loyalty"; } - -.ui-icon-mail { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-mail:before { - content: "mail"; } - -.ui-icon-mail-outline { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-mail-outline:before { - content: "mail_outline"; } - -.ui-icon-map { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-map:before { - content: "map"; } - -.ui-icon-markunread { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-markunread:before { - content: "markunread"; } - -.ui-icon-markunread-mailbox { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-markunread-mailbox:before { - content: "markunread_mailbox"; } - -.ui-icon-memory { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-memory:before { - content: "memory"; } - -.ui-icon-menu { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-menu:before { - content: "menu"; } - -.ui-icon-merge-type { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-merge-type:before { - content: "merge_type"; } - -.ui-icon-message { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-message:before { - content: "message"; } - -.ui-icon-mic { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-mic:before { - content: "mic"; } - -.ui-icon-mic-none { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-mic-none:before { - content: "mic_none"; } - -.ui-icon-mic-off { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-mic-off:before { - content: "mic_off"; } - -.ui-icon-mms { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-mms:before { - content: "mms"; } - -.ui-icon-mode-comment { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-mode-comment:before { - content: "mode_comment"; } - -.ui-icon-mode-edit { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-mode-edit:before { - content: "mode_edit"; } - -.ui-icon-monetization-on { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-monetization-on:before { - content: "monetization_on"; } - -.ui-icon-money-off { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-money-off:before { - content: "money_off"; } - -.ui-icon-monochrome-photos { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-monochrome-photos:before { - content: "monochrome_photos"; } - -.ui-icon-mood { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-mood:before { - content: "mood"; } - -.ui-icon-mood-bad { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-mood-bad:before { - content: "mood_bad"; } - -.ui-icon-more { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-more:before { - content: "more"; } - -.ui-icon-more-horiz { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-more-horiz:before { - content: "more_horiz"; } - -.ui-icon-more-vert { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-more-vert:before { - content: "more_vert"; } - -.ui-icon-motorcycle { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-motorcycle:before { - content: "motorcycle"; } - -.ui-icon-mouse { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-mouse:before { - content: "mouse"; } - -.ui-icon-move-to-inbox { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-move-to-inbox:before { - content: "move_to_inbox"; } - -.ui-icon-movie { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-movie:before { - content: "movie"; } - -.ui-icon-movie-creation { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-movie-creation:before { - content: "movie_creation"; } - -.ui-icon-movie-filter { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-movie-filter:before { - content: "movie_filter"; } - -.ui-icon-multiline-chart { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-multiline-chart:before { - content: "multiline_chart"; } - -.ui-icon-music-note { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-music-note:before { - content: "music_note"; } - -.ui-icon-music-video { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-music-video:before { - content: "music_video"; } - -.ui-icon-my-location { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-my-location:before { - content: "my_location"; } - -.ui-icon-nature { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-nature:before { - content: "nature"; } - -.ui-icon-nature-people { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-nature-people:before { - content: "nature_people"; } - -.ui-icon-navigate-before { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-navigate-before:before { - content: "navigate_before"; } - -.ui-icon-navigate-next { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-navigate-next:before { - content: "navigate_next"; } - -.ui-icon-navigation { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-navigation:before { - content: "navigation"; } - -.ui-icon-near-me { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-near-me:before { - content: "near_me"; } - -.ui-icon-network-cell { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-network-cell:before { - content: "network_cell"; } - -.ui-icon-network-check { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-network-check:before { - content: "network_check"; } - -.ui-icon-network-locked { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-network-locked:before { - content: "network_locked"; } - -.ui-icon-network-wifi { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-network-wifi:before { - content: "network_wifi"; } - -.ui-icon-new-releases { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-new-releases:before { - content: "new_releases"; } - -.ui-icon-next-week { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-next-week:before { - content: "next_week"; } - -.ui-icon-nfc { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-nfc:before { - content: "nfc"; } - -.ui-icon-no-encryption { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-no-encryption:before { - content: "no_encryption"; } - -.ui-icon-no-sim { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-no-sim:before { - content: "no_sim"; } - -.ui-icon-not-interested { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-not-interested:before { - content: "not_interested"; } - -.ui-icon-note { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-note:before { - content: "note"; } - -.ui-icon-note-add { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-note-add:before { - content: "note_add"; } - -.ui-icon-notifications { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-notifications:before { - content: "notifications"; } - -.ui-icon-notifications-active { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-notifications-active:before { - content: "notifications_active"; } - -.ui-icon-notifications-none { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-notifications-none:before { - content: "notifications_none"; } - -.ui-icon-notifications-off { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-notifications-off:before { - content: "notifications_off"; } - -.ui-icon-notifications-paused { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-notifications-paused:before { - content: "notifications_paused"; } - -.ui-icon-offline-pin { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-offline-pin:before { - content: "offline_pin"; } - -.ui-icon-ondemand-video { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-ondemand-video:before { - content: "ondemand_video"; } - -.ui-icon-opacity { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-opacity:before { - content: "opacity"; } - -.ui-icon-open-in-browser { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-open-in-browser:before { - content: "open_in_browser"; } - -.ui-icon-open-in-new { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-open-in-new:before { - content: "open_in_new"; } - -.ui-icon-open-with { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-open-with:before { - content: "open_with"; } - -.ui-icon-pages { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-pages:before { - content: "pages"; } - -.ui-icon-pageview { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-pageview:before { - content: "pageview"; } - -.ui-icon-palette { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-palette:before { - content: "palette"; } - -.ui-icon-pan-tool { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-pan-tool:before { - content: "pan_tool"; } - -.ui-icon-panorama { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-panorama:before { - content: "panorama"; } - -.ui-icon-panorama-fish-eye { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-panorama-fish-eye:before { - content: "panorama_fish_eye"; } - -.ui-icon-panorama-horizontal { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-panorama-horizontal:before { - content: "panorama_horizontal"; } - -.ui-icon-panorama-vertical { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-panorama-vertical:before { - content: "panorama_vertical"; } - -.ui-icon-panorama-wide-angle { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-panorama-wide-angle:before { - content: "panorama_wide_angle"; } - -.ui-icon-party-mode { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-party-mode:before { - content: "party_mode"; } - -.ui-icon-pause { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-pause:before { - content: "pause"; } - -.ui-icon-pause-circle-filled { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-pause-circle-filled:before { - content: "pause_circle_filled"; } - -.ui-icon-pause-circle-outline { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-pause-circle-outline:before { - content: "pause_circle_outline"; } - -.ui-icon-payment { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-payment:before { - content: "payment"; } - -.ui-icon-people { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-people:before { - content: "people"; } - -.ui-icon-people-outline { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-people-outline:before { - content: "people_outline"; } - -.ui-icon-perm-camera-mic { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-perm-camera-mic:before { - content: "perm_camera_mic"; } - -.ui-icon-perm-contact-calendar { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-perm-contact-calendar:before { - content: "perm_contact_calendar"; } - -.ui-icon-perm-data-setting { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-perm-data-setting:before { - content: "perm_data_setting"; } - -.ui-icon-perm-device-information { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-perm-device-information:before { - content: "perm_device_information"; } - -.ui-icon-perm-identity { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-perm-identity:before { - content: "perm_identity"; } - -.ui-icon-perm-media { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-perm-media:before { - content: "perm_media"; } - -.ui-icon-perm-phone-msg { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-perm-phone-msg:before { - content: "perm_phone_msg"; } - -.ui-icon-perm-scan-wifi { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-perm-scan-wifi:before { - content: "perm_scan_wifi"; } - -.ui-icon-person { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-person:before { - content: "person"; } - -.ui-icon-person-add { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-person-add:before { - content: "person_add"; } - -.ui-icon-person-outline { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-person-outline:before { - content: "person_outline"; } - -.ui-icon-person-pin { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-person-pin:before { - content: "person_pin"; } - -.ui-icon-person-pin-circle { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-person-pin-circle:before { - content: "person_pin_circle"; } - -.ui-icon-personal-video { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-personal-video:before { - content: "personal_video"; } - -.ui-icon-pets { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-pets:before { - content: "pets"; } - -.ui-icon-phone { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-phone:before { - content: "phone"; } - -.ui-icon-phone-android { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-phone-android:before { - content: "phone_android"; } - -.ui-icon-phone-bluetooth-speaker { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-phone-bluetooth-speaker:before { - content: "phone_bluetooth_speaker"; } - -.ui-icon-phone-forwarded { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-phone-forwarded:before { - content: "phone_forwarded"; } - -.ui-icon-phone-in-talk { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-phone-in-talk:before { - content: "phone_in_talk"; } - -.ui-icon-phone-iphone { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-phone-iphone:before { - content: "phone_iphone"; } - -.ui-icon-phone-locked { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-phone-locked:before { - content: "phone_locked"; } - -.ui-icon-phone-missed { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-phone-missed:before { - content: "phone_missed"; } - -.ui-icon-phone-paused { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-phone-paused:before { - content: "phone_paused"; } - -.ui-icon-phonelink { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-phonelink:before { - content: "phonelink"; } - -.ui-icon-phonelink-erase { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-phonelink-erase:before { - content: "phonelink_erase"; } - -.ui-icon-phonelink-lock { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-phonelink-lock:before { - content: "phonelink_lock"; } - -.ui-icon-phonelink-off { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-phonelink-off:before { - content: "phonelink_off"; } - -.ui-icon-phonelink-ring { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-phonelink-ring:before { - content: "phonelink_ring"; } - -.ui-icon-phonelink-setup { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-phonelink-setup:before { - content: "phonelink_setup"; } - -.ui-icon-photo { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-photo:before { - content: "photo"; } - -.ui-icon-photo-album { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-photo-album:before { - content: "photo_album"; } - -.ui-icon-photo-camera { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-photo-camera:before { - content: "photo_camera"; } - -.ui-icon-photo-filter { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-photo-filter:before { - content: "photo_filter"; } - -.ui-icon-photo-library { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-photo-library:before { - content: "photo_library"; } - -.ui-icon-photo-size-select-actual { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-photo-size-select-actual:before { - content: "photo_size_select_actual"; } - -.ui-icon-photo-size-select-large { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-photo-size-select-large:before { - content: "photo_size_select_large"; } - -.ui-icon-photo-size-select-small { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-photo-size-select-small:before { - content: "photo_size_select_small"; } - -.ui-icon-picture-as-pdf { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-picture-as-pdf:before { - content: "picture_as_pdf"; } - -.ui-icon-picture-in-picture { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-picture-in-picture:before { - content: "picture_in_picture"; } - -.ui-icon-picture-in-picture-alt { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-picture-in-picture-alt:before { - content: "picture_in_picture_alt"; } - -.ui-icon-pie-chart { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-pie-chart:before { - content: "pie_chart"; } - -.ui-icon-pie-chart-outlined { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-pie-chart-outlined:before { - content: "pie_chart_outlined"; } - -.ui-icon-pin-drop { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-pin-drop:before { - content: "pin_drop"; } - -.ui-icon-place { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-place:before { - content: "place"; } - -.ui-icon-play-arrow { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-play-arrow:before { - content: "play_arrow"; } - -.ui-icon-play-circle-filled { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-play-circle-filled:before { - content: "play_circle_filled"; } - -.ui-icon-play-circle-outline { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-play-circle-outline:before { - content: "play_circle_outline"; } - -.ui-icon-play-for-work { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-play-for-work:before { - content: "play_for_work"; } - -.ui-icon-playlist-add { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-playlist-add:before { - content: "playlist_add"; } - -.ui-icon-playlist-add-check { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-playlist-add-check:before { - content: "playlist_add_check"; } - -.ui-icon-playlist-play { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-playlist-play:before { - content: "playlist_play"; } - -.ui-icon-plus-one { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-plus-one:before { - content: "plus_one"; } - -.ui-icon-poll { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-poll:before { - content: "poll"; } - -.ui-icon-polymer { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-polymer:before { - content: "polymer"; } - -.ui-icon-pool { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-pool:before { - content: "pool"; } - -.ui-icon-portable-wifi-off { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-portable-wifi-off:before { - content: "portable_wifi_off"; } - -.ui-icon-portrait { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-portrait:before { - content: "portrait"; } - -.ui-icon-power { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-power:before { - content: "power"; } - -.ui-icon-power-input { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-power-input:before { - content: "power_input"; } - -.ui-icon-power-settings-new { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-power-settings-new:before { - content: "power_settings_new"; } - -.ui-icon-pregnant-woman { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-pregnant-woman:before { - content: "pregnant_woman"; } - -.ui-icon-present-to-all { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-present-to-all:before { - content: "present_to_all"; } - -.ui-icon-print { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-print:before { - content: "print"; } - -.ui-icon-priority-high { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-priority-high:before { - content: "priority_high"; } - -.ui-icon-public { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-public:before { - content: "public"; } - -.ui-icon-publish { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-publish:before { - content: "publish"; } - -.ui-icon-query-builder { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-query-builder:before { - content: "query_builder"; } - -.ui-icon-question-answer { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-question-answer:before { - content: "question_answer"; } - -.ui-icon-queue { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-queue:before { - content: "queue"; } - -.ui-icon-queue-music { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-queue-music:before { - content: "queue_music"; } - -.ui-icon-queue-play-next { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-queue-play-next:before { - content: "queue_play_next"; } - -.ui-icon-radio { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-radio:before { - content: "radio"; } - -.ui-icon-radio-button-checked { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-radio-button-checked:before { - content: "radio_button_checked"; } - -.ui-icon-radio-button-unchecked { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-radio-button-unchecked:before { - content: "radio_button_unchecked"; } - -.ui-icon-rate-review { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-rate-review:before { - content: "rate_review"; } - -.ui-icon-receipt { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-receipt:before { - content: "receipt"; } - -.ui-icon-recent-actors { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-recent-actors:before { - content: "recent_actors"; } - -.ui-icon-record-voice-over { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-record-voice-over:before { - content: "record_voice_over"; } - -.ui-icon-redeem { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-redeem:before { - content: "redeem"; } - -.ui-icon-redo { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-redo:before { - content: "redo"; } - -.ui-icon-refresh { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-refresh:before { - content: "refresh"; } - -.ui-icon-remove { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-remove:before { - content: "remove"; } - -.ui-icon-remove-circle { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-remove-circle:before { - content: "remove_circle"; } - -.ui-icon-remove-circle-outline { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-remove-circle-outline:before { - content: "remove_circle_outline"; } - -.ui-icon-remove-from-queue { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-remove-from-queue:before { - content: "remove_from_queue"; } - -.ui-icon-remove-red-eye { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-remove-red-eye:before { - content: "remove_red_eye"; } - -.ui-icon-remove-shopping-cart { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-remove-shopping-cart:before { - content: "remove_shopping_cart"; } - -.ui-icon-reorder { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-reorder:before { - content: "reorder"; } - -.ui-icon-repeat { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-repeat:before { - content: "repeat"; } - -.ui-icon-repeat-one { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-repeat-one:before { - content: "repeat_one"; } - -.ui-icon-replay { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-replay:before { - content: "replay"; } - -.ui-icon-replay-10 { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-replay-10:before { - content: "replay_10"; } - -.ui-icon-replay-30 { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-replay-30:before { - content: "replay_30"; } - -.ui-icon-replay-5 { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-replay-5:before { - content: "replay_5"; } - -.ui-icon-reply { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-reply:before { - content: "reply"; } - -.ui-icon-reply-all { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-reply-all:before { - content: "reply_all"; } - -.ui-icon-report { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-report:before { - content: "report"; } - -.ui-icon-report-problem { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-report-problem:before { - content: "report_problem"; } - -.ui-icon-restaurant { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-restaurant:before { - content: "restaurant"; } - -.ui-icon-restaurant-menu { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-restaurant-menu:before { - content: "restaurant_menu"; } - -.ui-icon-restore { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-restore:before { - content: "restore"; } - -.ui-icon-restore-page { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-restore-page:before { - content: "restore_page"; } - -.ui-icon-ring-volume { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-ring-volume:before { - content: "ring_volume"; } - -.ui-icon-room { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-room:before { - content: "room"; } - -.ui-icon-room-service { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-room-service:before { - content: "room_service"; } - -.ui-icon-rotate-90-degrees-ccw { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-rotate-90-degrees-ccw:before { - content: "rotate_90_degrees_ccw"; } - -.ui-icon-rotate-left { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-rotate-left:before { - content: "rotate_left"; } - -.ui-icon-rotate-right { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-rotate-right:before { - content: "rotate_right"; } - -.ui-icon-rounded-corner { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-rounded-corner:before { - content: "rounded_corner"; } - -.ui-icon-router { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-router:before { - content: "router"; } - -.ui-icon-rowing { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-rowing:before { - content: "rowing"; } - -.ui-icon-rss-feed { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-rss-feed:before { - content: "rss_feed"; } - -.ui-icon-rv-hookup { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-rv-hookup:before { - content: "rv_hookup"; } - -.ui-icon-satellite { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-satellite:before { - content: "satellite"; } - -.ui-icon-save { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-save:before { - content: "save"; } - -.ui-icon-scanner { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-scanner:before { - content: "scanner"; } - -.ui-icon-schedule { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-schedule:before { - content: "schedule"; } - -.ui-icon-school { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-school:before { - content: "school"; } - -.ui-icon-screen-lock-landscape { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-screen-lock-landscape:before { - content: "screen_lock_landscape"; } - -.ui-icon-screen-lock-portrait { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-screen-lock-portrait:before { - content: "screen_lock_portrait"; } - -.ui-icon-screen-lock-rotation { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-screen-lock-rotation:before { - content: "screen_lock_rotation"; } - -.ui-icon-screen-rotation { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-screen-rotation:before { - content: "screen_rotation"; } - -.ui-icon-screen-share { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-screen-share:before { - content: "screen_share"; } - -.ui-icon-sd-card { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-sd-card:before { - content: "sd_card"; } - -.ui-icon-sd-storage { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-sd-storage:before { - content: "sd_storage"; } - -.ui-icon-search { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-search:before { - content: "search"; } - -.ui-icon-security { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-security:before { - content: "security"; } - -.ui-icon-select-all { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-select-all:before { - content: "select_all"; } - -.ui-icon-send { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-send:before { - content: "send"; } - -.ui-icon-sentiment-dissatisfied { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-sentiment-dissatisfied:before { - content: "sentiment_dissatisfied"; } - -.ui-icon-sentiment-neutral { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-sentiment-neutral:before { - content: "sentiment_neutral"; } - -.ui-icon-sentiment-satisfied { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-sentiment-satisfied:before { - content: "sentiment_satisfied"; } - -.ui-icon-sentiment-very-dissatisfied { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-sentiment-very-dissatisfied:before { - content: "sentiment_very_dissatisfied"; } - -.ui-icon-sentiment-very-satisfied { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-sentiment-very-satisfied:before { - content: "sentiment_very_satisfied"; } - -.ui-icon-settings { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-settings:before { - content: "settings"; } - -.ui-icon-settings-applications { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-settings-applications:before { - content: "settings_applications"; } - -.ui-icon-settings-backup-restore { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-settings-backup-restore:before { - content: "settings_backup_restore"; } - -.ui-icon-settings-bluetooth { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-settings-bluetooth:before { - content: "settings_bluetooth"; } - -.ui-icon-settings-brightness { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-settings-brightness:before { - content: "settings_brightness"; } - -.ui-icon-settings-cell { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-settings-cell:before { - content: "settings_cell"; } - -.ui-icon-settings-ethernet { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-settings-ethernet:before { - content: "settings_ethernet"; } - -.ui-icon-settings-input-antenna { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-settings-input-antenna:before { - content: "settings_input_antenna"; } - -.ui-icon-settings-input-component { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-settings-input-component:before { - content: "settings_input_component"; } - -.ui-icon-settings-input-composite { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-settings-input-composite:before { - content: "settings_input_composite"; } - -.ui-icon-settings-input-hdmi { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-settings-input-hdmi:before { - content: "settings_input_hdmi"; } - -.ui-icon-settings-input-svideo { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-settings-input-svideo:before { - content: "settings_input_svideo"; } - -.ui-icon-settings-overscan { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-settings-overscan:before { - content: "settings_overscan"; } - -.ui-icon-settings-phone { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-settings-phone:before { - content: "settings_phone"; } - -.ui-icon-settings-power { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-settings-power:before { - content: "settings_power"; } - -.ui-icon-settings-remote { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-settings-remote:before { - content: "settings_remote"; } - -.ui-icon-settings-system-daydream { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-settings-system-daydream:before { - content: "settings_system_daydream"; } - -.ui-icon-settings-voice { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-settings-voice:before { - content: "settings_voice"; } - -.ui-icon-share { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-share:before { - content: "share"; } - -.ui-icon-shop { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-shop:before { - content: "shop"; } - -.ui-icon-shop-two { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-shop-two:before { - content: "shop_two"; } - -.ui-icon-shopping-basket { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-shopping-basket:before { - content: "shopping_basket"; } - -.ui-icon-shopping-cart { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-shopping-cart:before { - content: "shopping_cart"; } - -.ui-icon-short-text { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-short-text:before { - content: "short_text"; } - -.ui-icon-show-chart { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-show-chart:before { - content: "show_chart"; } - -.ui-icon-shuffle { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-shuffle:before { - content: "shuffle"; } - -.ui-icon-signal-cellular-4-bar { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-signal-cellular-4-bar:before { - content: "signal_cellular_4_bar"; } - -.ui-icon-signal-cellular-connected-no-internet-4-bar { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-signal-cellular-connected-no-internet-4-bar:before { - content: "signal_cellular_connected_no_internet_4_bar"; } - -.ui-icon-signal-cellular-no-sim { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-signal-cellular-no-sim:before { - content: "signal_cellular_no_sim"; } - -.ui-icon-signal-cellular-null { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-signal-cellular-null:before { - content: "signal_cellular_null"; } - -.ui-icon-signal-cellular-off { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-signal-cellular-off:before { - content: "signal_cellular_off"; } - -.ui-icon-signal-wifi-4-bar { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-signal-wifi-4-bar:before { - content: "signal_wifi_4_bar"; } - -.ui-icon-signal-wifi-4-bar-lock { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-signal-wifi-4-bar-lock:before { - content: "signal_wifi_4_bar_lock"; } - -.ui-icon-signal-wifi-off { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-signal-wifi-off:before { - content: "signal_wifi_off"; } - -.ui-icon-sim-card { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-sim-card:before { - content: "sim_card"; } - -.ui-icon-sim-card-alert { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-sim-card-alert:before { - content: "sim_card_alert"; } - -.ui-icon-skip-next { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-skip-next:before { - content: "skip_next"; } - -.ui-icon-skip-previous { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-skip-previous:before { - content: "skip_previous"; } - -.ui-icon-slideshow { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-slideshow:before { - content: "slideshow"; } - -.ui-icon-slow-motion-video { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-slow-motion-video:before { - content: "slow_motion_video"; } - -.ui-icon-smartphone { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-smartphone:before { - content: "smartphone"; } - -.ui-icon-smoke-free { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-smoke-free:before { - content: "smoke_free"; } - -.ui-icon-smoking-rooms { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-smoking-rooms:before { - content: "smoking_rooms"; } - -.ui-icon-sms { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-sms:before { - content: "sms"; } - -.ui-icon-sms-failed { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-sms-failed:before { - content: "sms_failed"; } - -.ui-icon-snooze { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-snooze:before { - content: "snooze"; } - -.ui-icon-sort { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-sort:before { - content: "sort"; } - -.ui-icon-sort-by-alpha { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-sort-by-alpha:before { - content: "sort_by_alpha"; } - -.ui-icon-spa { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-spa:before { - content: "spa"; } - -.ui-icon-space-bar { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-space-bar:before { - content: "space_bar"; } - -.ui-icon-speaker { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-speaker:before { - content: "speaker"; } - -.ui-icon-speaker-group { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-speaker-group:before { - content: "speaker_group"; } - -.ui-icon-speaker-notes { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-speaker-notes:before { - content: "speaker_notes"; } - -.ui-icon-speaker-notes-off { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-speaker-notes-off:before { - content: "speaker_notes_off"; } - -.ui-icon-speaker-phone { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-speaker-phone:before { - content: "speaker_phone"; } - -.ui-icon-spellcheck { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-spellcheck:before { - content: "spellcheck"; } - -.ui-icon-star { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-star:before { - content: "star"; } - -.ui-icon-star-border { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-star-border:before { - content: "star_border"; } - -.ui-icon-star-half { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-star-half:before { - content: "star_half"; } - -.ui-icon-stars { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-stars:before { - content: "stars"; } - -.ui-icon-stay-current-landscape { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-stay-current-landscape:before { - content: "stay_current_landscape"; } - -.ui-icon-stay-current-portrait { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-stay-current-portrait:before { - content: "stay_current_portrait"; } - -.ui-icon-stay-primary-landscape { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-stay-primary-landscape:before { - content: "stay_primary_landscape"; } - -.ui-icon-stay-primary-portrait { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-stay-primary-portrait:before { - content: "stay_primary_portrait"; } - -.ui-icon-stop { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-stop:before { - content: "stop"; } - -.ui-icon-stop-screen-share { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-stop-screen-share:before { - content: "stop_screen_share"; } - -.ui-icon-storage { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-storage:before { - content: "storage"; } - -.ui-icon-store { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-store:before { - content: "store"; } - -.ui-icon-store-mall-directory { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-store-mall-directory:before { - content: "store_mall_directory"; } - -.ui-icon-straighten { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-straighten:before { - content: "straighten"; } - -.ui-icon-streetview { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-streetview:before { - content: "streetview"; } - -.ui-icon-strikethrough-s { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-strikethrough-s:before { - content: "strikethrough_s"; } - -.ui-icon-style { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-style:before { - content: "style"; } - -.ui-icon-subdirectory-arrow-left { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-subdirectory-arrow-left:before { - content: "subdirectory_arrow_left"; } - -.ui-icon-subdirectory-arrow-right { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-subdirectory-arrow-right:before { - content: "subdirectory_arrow_right"; } - -.ui-icon-subject { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-subject:before { - content: "subject"; } - -.ui-icon-subscriptions { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-subscriptions:before { - content: "subscriptions"; } - -.ui-icon-subtitles { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-subtitles:before { - content: "subtitles"; } - -.ui-icon-subway { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-subway:before { - content: "subway"; } - -.ui-icon-supervisor-account { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-supervisor-account:before { - content: "supervisor_account"; } - -.ui-icon-surround-sound { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-surround-sound:before { - content: "surround_sound"; } - -.ui-icon-swap-calls { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-swap-calls:before { - content: "swap_calls"; } - -.ui-icon-swap-horiz { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-swap-horiz:before { - content: "swap_horiz"; } - -.ui-icon-swap-vert { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-swap-vert:before { - content: "swap_vert"; } - -.ui-icon-swap-vertical-circle { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-swap-vertical-circle:before { - content: "swap_vertical_circle"; } - -.ui-icon-switch-camera { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-switch-camera:before { - content: "switch_camera"; } - -.ui-icon-switch-video { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-switch-video:before { - content: "switch_video"; } - -.ui-icon-sync { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-sync:before { - content: "sync"; } - -.ui-icon-sync-disabled { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-sync-disabled:before { - content: "sync_disabled"; } - -.ui-icon-sync-problem { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-sync-problem:before { - content: "sync_problem"; } - -.ui-icon-system-update { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-system-update:before { - content: "system_update"; } - -.ui-icon-system-update-alt { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-system-update-alt:before { - content: "system_update_alt"; } - -.ui-icon-tab { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-tab:before { - content: "tab"; } - -.ui-icon-tab-unselected { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-tab-unselected:before { - content: "tab_unselected"; } - -.ui-icon-tablet { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-tablet:before { - content: "tablet"; } - -.ui-icon-tablet-android { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-tablet-android:before { - content: "tablet_android"; } - -.ui-icon-tablet-mac { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-tablet-mac:before { - content: "tablet_mac"; } - -.ui-icon-tag-faces { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-tag-faces:before { - content: "tag_faces"; } - -.ui-icon-tap-and-play { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-tap-and-play:before { - content: "tap_and_play"; } - -.ui-icon-terrain { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-terrain:before { - content: "terrain"; } - -.ui-icon-text-fields { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-text-fields:before { - content: "text_fields"; } - -.ui-icon-text-format { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-text-format:before { - content: "text_format"; } - -.ui-icon-textsms { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-textsms:before { - content: "textsms"; } - -.ui-icon-texture { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-texture:before { - content: "texture"; } - -.ui-icon-theaters { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-theaters:before { - content: "theaters"; } - -.ui-icon-thumb-down { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-thumb-down:before { - content: "thumb_down"; } - -.ui-icon-thumb-up { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-thumb-up:before { - content: "thumb_up"; } - -.ui-icon-thumbs-up-down { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-thumbs-up-down:before { - content: "thumbs_up_down"; } - -.ui-icon-time-to-leave { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-time-to-leave:before { - content: "time_to_leave"; } - -.ui-icon-timelapse { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-timelapse:before { - content: "timelapse"; } - -.ui-icon-timeline { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-timeline:before { - content: "timeline"; } - -.ui-icon-timer { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-timer:before { - content: "timer"; } - -.ui-icon-timer-10 { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-timer-10:before { - content: "timer_10"; } - -.ui-icon-timer-3 { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-timer-3:before { - content: "timer_3"; } - -.ui-icon-timer-off { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-timer-off:before { - content: "timer_off"; } - -.ui-icon-title { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-title:before { - content: "title"; } - -.ui-icon-toc { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-toc:before { - content: "toc"; } - -.ui-icon-today { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-today:before { - content: "today"; } - -.ui-icon-toll { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-toll:before { - content: "toll"; } - -.ui-icon-tonality { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-tonality:before { - content: "tonality"; } - -.ui-icon-touch-app { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-touch-app:before { - content: "touch_app"; } - -.ui-icon-toys { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-toys:before { - content: "toys"; } - -.ui-icon-track-changes { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-track-changes:before { - content: "track_changes"; } - -.ui-icon-traffic { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-traffic:before { - content: "traffic"; } - -.ui-icon-train { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-train:before { - content: "train"; } - -.ui-icon-tram { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-tram:before { - content: "tram"; } - -.ui-icon-transfer-within-a-station { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-transfer-within-a-station:before { - content: "transfer_within_a_station"; } - -.ui-icon-transform { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-transform:before { - content: "transform"; } - -.ui-icon-translate { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-translate:before { - content: "translate"; } - -.ui-icon-trending-down { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-trending-down:before { - content: "trending_down"; } - -.ui-icon-trending-flat { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-trending-flat:before { - content: "trending_flat"; } - -.ui-icon-trending-up { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-trending-up:before { - content: "trending_up"; } - -.ui-icon-tune { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-tune:before { - content: "tune"; } - -.ui-icon-turned-in { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-turned-in:before { - content: "turned_in"; } - -.ui-icon-turned-in-not { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-turned-in-not:before { - content: "turned_in_not"; } - -.ui-icon-tv { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-tv:before { - content: "tv"; } - -.ui-icon-unarchive { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-unarchive:before { - content: "unarchive"; } - -.ui-icon-undo { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-undo:before { - content: "undo"; } - -.ui-icon-unfold-less { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-unfold-less:before { - content: "unfold_less"; } - -.ui-icon-unfold-more { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-unfold-more:before { - content: "unfold_more"; } - -.ui-icon-update { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-update:before { - content: "update"; } - -.ui-icon-usb { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-usb:before { - content: "usb"; } - -.ui-icon-verified-user { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-verified-user:before { - content: "verified_user"; } - -.ui-icon-vertical-align-bottom { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-vertical-align-bottom:before { - content: "vertical_align_bottom"; } - -.ui-icon-vertical-align-center { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-vertical-align-center:before { - content: "vertical_align_center"; } - -.ui-icon-vertical-align-top { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-vertical-align-top:before { - content: "vertical_align_top"; } - -.ui-icon-vibration { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-vibration:before { - content: "vibration"; } - -.ui-icon-video-call { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-video-call:before { - content: "video_call"; } - -.ui-icon-video-label { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-video-label:before { - content: "video_label"; } - -.ui-icon-video-library { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-video-library:before { - content: "video_library"; } - -.ui-icon-videocam { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-videocam:before { - content: "videocam"; } - -.ui-icon-videocam-off { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-videocam-off:before { - content: "videocam_off"; } - -.ui-icon-videogame-asset { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-videogame-asset:before { - content: "videogame_asset"; } - -.ui-icon-view-agenda { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-view-agenda:before { - content: "view_agenda"; } - -.ui-icon-view-array { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-view-array:before { - content: "view_array"; } - -.ui-icon-view-carousel { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-view-carousel:before { - content: "view_carousel"; } - -.ui-icon-view-column { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-view-column:before { - content: "view_column"; } - -.ui-icon-view-comfy { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-view-comfy:before { - content: "view_comfy"; } - -.ui-icon-view-compact { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-view-compact:before { - content: "view_compact"; } - -.ui-icon-view-day { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-view-day:before { - content: "view_day"; } - -.ui-icon-view-headline { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-view-headline:before { - content: "view_headline"; } - -.ui-icon-view-list { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-view-list:before { - content: "view_list"; } - -.ui-icon-view-module { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-view-module:before { - content: "view_module"; } - -.ui-icon-view-quilt { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-view-quilt:before { - content: "view_quilt"; } - -.ui-icon-view-stream { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-view-stream:before { - content: "view_stream"; } - -.ui-icon-view-week { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-view-week:before { - content: "view_week"; } - -.ui-icon-vignette { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-vignette:before { - content: "vignette"; } - -.ui-icon-visibility { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-visibility:before { - content: "visibility"; } - -.ui-icon-visibility-off { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-visibility-off:before { - content: "visibility_off"; } - -.ui-icon-voice-chat { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-voice-chat:before { - content: "voice_chat"; } - -.ui-icon-voicemail { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-voicemail:before { - content: "voicemail"; } - -.ui-icon-volume-down { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-volume-down:before { - content: "volume_down"; } - -.ui-icon-volume-mute { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-volume-mute:before { - content: "volume_mute"; } - -.ui-icon-volume-off { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-volume-off:before { - content: "volume_off"; } - -.ui-icon-volume-up { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-volume-up:before { - content: "volume_up"; } - -.ui-icon-vpn-key { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-vpn-key:before { - content: "vpn_key"; } - -.ui-icon-vpn-lock { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-vpn-lock:before { - content: "vpn_lock"; } - -.ui-icon-wallpaper { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-wallpaper:before { - content: "wallpaper"; } - -.ui-icon-warning { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-warning:before { - content: "warning"; } - -.ui-icon-watch { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-watch:before { - content: "watch"; } - -.ui-icon-watch-later { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-watch-later:before { - content: "watch_later"; } - -.ui-icon-wb-auto { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-wb-auto:before { - content: "wb_auto"; } - -.ui-icon-wb-cloudy { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-wb-cloudy:before { - content: "wb_cloudy"; } - -.ui-icon-wb-incandescent { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-wb-incandescent:before { - content: "wb_incandescent"; } - -.ui-icon-wb-iridescent { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-wb-iridescent:before { - content: "wb_iridescent"; } - -.ui-icon-wb-sunny { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-wb-sunny:before { - content: "wb_sunny"; } - -.ui-icon-wc { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-wc:before { - content: "wc"; } - -.ui-icon-web { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-web:before { - content: "web"; } - -.ui-icon-web-asset { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-web-asset:before { - content: "web_asset"; } - -.ui-icon-weekend { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-weekend:before { - content: "weekend"; } - -.ui-icon-whatshot { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-whatshot:before { - content: "whatshot"; } - -.ui-icon-widgets { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-widgets:before { - content: "widgets"; } - -.ui-icon-wifi { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-wifi:before { - content: "wifi"; } - -.ui-icon-wifi-lock { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-wifi-lock:before { - content: "wifi_lock"; } - -.ui-icon-wifi-tethering { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-wifi-tethering:before { - content: "wifi_tethering"; } - -.ui-icon-work { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-work:before { - content: "work"; } - -.ui-icon-wrap-text { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-wrap-text:before { - content: "wrap_text"; } - -.ui-icon-youtube-searched-for { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-youtube-searched-for:before { - content: "youtube_searched_for"; } - -.ui-icon-zoom-in { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-zoom-in:before { - content: "zoom_in"; } - -.ui-icon-zoom-out { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-zoom-out:before { - content: "zoom_out"; } - -.ui-icon-zoom-out-map { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - .ui-icon-zoom-out-map:before { - content: "zoom_out_map"; } - -.material-icons { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - -body .ui-widget, -body .ui-widget .ui-widget { - font-family: "Roboto","Helvetica Neue",sans-serif; - text-decoration: none; } -body .ui-widget-content { - background-color: #ffffff; - font-size: 1em; - border: 1px solid #bdbdbd; } - body .ui-widget-content .pi { - color: #757575; } -body .ui-widget-header { - background-color: #3e464c; - color: #ffffff; - font-size: 1em; - border: 1px solid #3e464c; } - body .ui-widget-header .pi { - color: #ffffff; } -body .ui-state-active, body .ui-state-highlight { - background-color: #5180ce; - color: #ffffff; } - body .ui-state-active .pi, body .ui-state-highlight .pi { - color: #ffffff; } -body .ui-widget:disabled, -body .ui-state-disabled { - opacity: .35; - filter: Alpha(Opacity=35); - background-image: none; - cursor: auto !important; } -body .ui-corner-all { - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; } -body .ui-corner-top { - -moz-border-radius-topleft: 3px; - -webkit-border-top-left-radius: 3px; - border-top-left-radius: 3px; - -moz-border-radius-topright: 3px; - -webkit-border-top-right-radius: 3px; - border-top-right-radius: 3px; } -body .ui-corner-bottom { - -moz-border-radius-bottomleft: 3px; - -webkit-border-bottom-left-radius: 3px; - border-bottom-left-radius: 3px; - -moz-border-radius-bottomright: 3px; - -webkit-border-bottom-right-radius: 3px; - border-bottom-right-radius: 3px; } -body .ui-corner-left { - -moz-border-radius-topleft: 3px; - -webkit-border-top-left-radius: 3px; - border-top-left-radius: 3px; - -moz-border-radius-bottomleft: 3px; - -webkit-border-bottom-left-radius: 3px; - border-bottom-left-radius: 3px; } -body .ui-corner-right { - -moz-border-radius-topright: 3px; - -webkit-border-top-right-radius: 3px; - border-top-right-radius: 3px; - -moz-border-radius-bottomright: 3px; - -webkit-border-bottom-right-radius: 3px; - border-bottom-right-radius: 3px; } -body .ui-widget-overlay { - background-color: #58575c; - opacity: .8; } - -body { - /* InputGroup */ - /* Validation */ } - body .ui-inputtext { - background: transparent no-repeat; - background-image: linear-gradient(to bottom, #3e464c, #3e464c), linear-gradient(to bottom, #bdbdbd, #bdbdbd); - background-size: 0 2px, 100% 1px; - background-position: 50% 100%, 50% 100%; - transition: background-size 0.3s cubic-bezier(0.64, 0.09, 0.08, 1); - border-width: 0; - padding: 2px; - font-size: 1em; - -moz-border-radius: 0px; - -webkit-border-radius: 0px; - border-radius: 0px; } - body .ui-inputtext:focus, body .ui-inputtext.ui-state-focus { - border-width: 0; - background-size: 100% 2px, 100% 1px; - outline: none; - padding-bottom: 2px; } - body .ui-inputtext:disabled { - border-bottom: 1px dotted; } - body .ui-inputtext.ui-widget-content { - border-width: 1px; - background: transparent; - background-image: none; } - body .ui-inputtext.ui-state-error { - border-color: #e62a10; } - body .ui-inputtext:-webkit-autofill { - border-color: #bdbdbd; - border-style: solid; - border-width: 0px 0px 1px 0px; } - body .ui-inputtext:-webkit-autofill.ui-state-focus { - padding-bottom: 0px; } - body .ui-widget-header:not(.ui-dataview-header) .ui-inputtext { - background-image: linear-gradient(to bottom, #ffffff, #ffffff), linear-gradient(to bottom, #788791, #788791); } - body .md-inputfield { - display: block; - position: relative; } - body .md-inputfield > label { - color: #999999; - font-weight: normal; - position: absolute; - pointer-events: none; - left: 5px; - top: 1px; - transition: 0.3s ease all; - -moz-transition: 0.3s ease all; - -webkit-transition: 0.3s ease all; } - body .md-inputfield input:focus ~ label, - body .md-inputfield input.ui-state-filled ~ label, - body .md-inputfield .ui-inputwrapper-focus ~ label, - body .md-inputfield .ui-inputwrapper-filled ~ label { - top: -20px; - font-size: 12px; - color: #3e464c; } - body .md-inputfield .input:-webkit-autofill ~ label { - top: -20px; - font-size: 12px; - color: #3e464c; } - body .md-inputfield input.ng-dirty.ng-invalid ~ label { - color: #e62a10; } - body .md-inputfield .ui-message { - position: absolute; } - body .md-inputfield .ui-message.ui-messages-error { - background-color: transparent; - border: 0 none; - margin: 0px; - color: #e62a10; - font-size: .75em; } - body .md-inputfield.md-inputfield-fill input { - background-color: #f7f7f7; - padding-left: 4px; - padding-right: 4px; - padding-top: 4px; } - body .md-inputfield.md-inputfield-fill label { - top: 2px; } - body .md-inputfield.md-inputfield-fill input:focus ~ label, - body .md-inputfield.md-inputfield-fill input.ui-state-filled ~ label, - body .md-inputfield.md-inputfield-fill .ui-inputwrapper-focus ~ label, - body .md-inputfield.md-inputfield-fill .ui-inputwrapper-filled ~ label { - top: -20px; - font-size: 12px; - color: #3e464c; } - body .md-inputfield.md-inputfield-box { - background-color: #f7f7f7; - height: 44px; } - body .md-inputfield.md-inputfield-box > *:not(label) { - bottom: 0px; - position: absolute; - background-color: #f7f7f7; - padding-left: 4px; - padding-right: 4px; - padding-top: 24px; } - body .md-inputfield.md-inputfield-box > label { - top: 23px; } - body .md-inputfield.md-inputfield-box input:focus ~ label, - body .md-inputfield.md-inputfield-box input.ui-state-filled ~ label, - body .md-inputfield.md-inputfield-box .ui-inputwrapper-focus ~ label, - body .md-inputfield.md-inputfield-box .ui-inputwrapper-filled ~ label { - top: 1px; } - body .md-inputfield.md-inputfield-box .input:-webkit-autofill ~ label { - top: 1px; } - body .ui-material-message.ui-message.ui-messages-error { - background-color: transparent; - color: #e62a10; - border: 0 none; - margin: 0px; - font-size: .75em; } - body .ui-material-message.ui-message.ui-messages-error label { - top: 4px; } - body .ui-listbox { - min-width: 12.5em; - background-color: #ffffff; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; } - body .ui-listbox.ui-inputtext { - padding: 0; } - body .ui-listbox .ui-listbox-list { - padding: 0; } - body .ui-listbox .ui-listbox-item { - overflow: hidden; - font-size: 1em; - padding: 0.625em 0.875em; - margin: 0; - color: #212121; - position: relative; - overflow: hidden; - -moz-transition: background-color 0.3s; - -o-transition: background-color 0.3s; - -webkit-transition: background-color 0.3s; - transition: background-color 0.3s; - -moz-border-radius: 0; - -webkit-border-radius: 0; - border-radius: 0; } - body .ui-listbox .ui-listbox-item.ui-state-highlight { - background-color: #5180ce; - color: #ffffff; } - body .ui-listbox:not(.ui-state-disabled) .ui-listbox-item:not(.ui-state-highlight):hover { - background-color: #e8e8e8; - color: #000000; } - body .ui-listbox .ui-listbox-header { - -moz-border-radius: 0; - -webkit-border-radius: 0; - border-radius: 0; - padding: 0.625em 1em; } - body .ui-listbox .ui-listbox-header .ui-chkbox .ui-chkbox-box { - border-color: #ffffff; } - body .ui-listbox .ui-listbox-header .ui-listbox-filter-container .ui-inputtext { - padding: 2px; - padding-left: 1.5em; - color: #ffffff; } - body .ui-listbox .ui-listbox-header .ui-listbox-filter-container .pi { - top: 0; - left: 0; } - body .ui-button, body .ui-datepicker-buttonpane > button { - overflow: hidden; - background-color: #3e464c; - color: #ffffff; - font-size: 1em; - height: 2.25em; - padding: 0 1em; - border: 0 none; - -moz-box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0 rgba(0, 0, 0, 0.16); - -webkit-box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0 rgba(0, 0, 0, 0.16); - box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0 rgba(0, 0, 0, 0.16); - -moz-transition: background-color 0.3s; - -o-transition: background-color 0.3s; - -webkit-transition: background-color 0.3s; - transition: background-color 0.3s; - vertical-align: middle; } - body .ui-button:enabled:not(:focus):hover, body .ui-datepicker-buttonpane > button:enabled:not(:focus):hover { - background-color: #2b3135; } - body .ui-button:focus, body .ui-datepicker-buttonpane > button:focus { - outline: 0 none; - background-color: #556068; } - body .ui-button .ui-button-text, body .ui-datepicker-buttonpane > button .ui-button-text { - padding: 0; - line-height: 2.25em; } - body .ui-button .pi, body .ui-datepicker-buttonpane > button .pi { - color: #ffffff; } - body .ui-button.ui-button-icon-only, body .ui-datepicker-buttonpane > button.ui-button-icon-only { - -moz-border-radius: 50%; - -webkit-border-radius: 50%; - border-radius: 50%; - width: 2.5em; - height: 2.5em; } - body .ui-button.ui-button-icon-only .pi, body .ui-datepicker-buttonpane > button.ui-button-icon-only .pi { - margin-left: -.5em; } - body .ui-button.ui-button-text-icon-left, body .ui-datepicker-buttonpane > button.ui-button-text-icon-left { - padding-left: 2.5em; } - body .ui-button.ui-button-text-icon-right, body .ui-datepicker-buttonpane > button.ui-button-text-icon-right { - padding-right: 2.5em; } - body .ui-button.secondary, body .ui-button.ui-secondary-button, body .ui-datepicker-buttonpane > button.secondary, body .ui-datepicker-buttonpane > button.ui-secondary-button { - background-color: #5180ce; - color: #ffffff; } - body .ui-button.secondary:enabled:not(:focus):hover, body .ui-button.ui-secondary-button:enabled:not(:focus):hover, body .ui-datepicker-buttonpane > button.secondary:enabled:not(:focus):hover, body .ui-datepicker-buttonpane > button.ui-secondary-button:enabled:not(:focus):hover { - background-color: #274d8d; } - body .ui-button.secondary:focus, body .ui-button.ui-secondary-button:focus, body .ui-datepicker-buttonpane > button.secondary:focus, body .ui-datepicker-buttonpane > button.ui-secondary-button:focus { - outline: 0 none; - background-color: #799dd9; } - body .ui-button.blue-grey-btn, body .ui-datepicker-buttonpane > button.blue-grey-btn { - background-color: #607D8B; } - body .ui-button.blue-grey-btn:enabled:not(:focus):hover, body .ui-datepicker-buttonpane > button.blue-grey-btn:enabled:not(:focus):hover { - background-color: #37474F; } - body .ui-button.blue-grey-btn:focus, body .ui-datepicker-buttonpane > button.blue-grey-btn:focus { - outline: 0 none; - background-color: #7b96a3; } - body .ui-button.cyan-btn, body .ui-datepicker-buttonpane > button.cyan-btn { - background-color: #00BCD4; } - body .ui-button.cyan-btn:enabled:not(:focus):hover, body .ui-datepicker-buttonpane > button.cyan-btn:enabled:not(:focus):hover { - background-color: #00838F; } - body .ui-button.cyan-btn:focus, body .ui-datepicker-buttonpane > button.cyan-btn:focus { - outline: 0 none; - background-color: #00cee8; } - body .ui-button.teal-btn, body .ui-datepicker-buttonpane > button.teal-btn { - background-color: #009688; } - body .ui-button.teal-btn:enabled:not(:focus):hover, body .ui-datepicker-buttonpane > button.teal-btn:enabled:not(:focus):hover { - background-color: #00695C; } - body .ui-button.teal-btn:focus, body .ui-datepicker-buttonpane > button.teal-btn:focus { - outline: 0 none; - background-color: #00c9b6; } - body .ui-button.red-btn, body .ui-button.ui-danger-button, body .ui-datepicker-buttonpane > button.red-btn, body .ui-datepicker-buttonpane > button.ui-danger-button { - background-color: #F44336; } - body .ui-button.red-btn:enabled:not(:focus):hover, body .ui-button.ui-danger-button:enabled:not(:focus):hover, body .ui-datepicker-buttonpane > button.red-btn:enabled:not(:focus):hover, body .ui-datepicker-buttonpane > button.ui-danger-button:enabled:not(:focus):hover { - background-color: #C62828; } - body .ui-button.red-btn:focus, body .ui-button.ui-danger-button:focus, body .ui-datepicker-buttonpane > button.red-btn:focus, body .ui-datepicker-buttonpane > button.ui-danger-button:focus { - outline: 0 none; - background-color: #f77066; } - body .ui-button.green-btn, body .ui-button.ui-success-button, body .ui-datepicker-buttonpane > button.green-btn, body .ui-datepicker-buttonpane > button.ui-success-button { - background-color: #4CAF50; } - body .ui-button.green-btn:enabled:not(:focus):hover, body .ui-button.ui-success-button:enabled:not(:focus):hover, body .ui-datepicker-buttonpane > button.green-btn:enabled:not(:focus):hover, body .ui-datepicker-buttonpane > button.ui-success-button:enabled:not(:focus):hover { - background-color: #2E7D32; } - body .ui-button.green-btn:focus, body .ui-button.ui-success-button:focus, body .ui-datepicker-buttonpane > button.green-btn:focus, body .ui-datepicker-buttonpane > button.ui-success-button:focus { - outline: 0 none; - background-color: #6ec071; } - body .ui-button.deep-orange-btn, body .ui-datepicker-buttonpane > button.deep-orange-btn { - background-color: #FF5722; } - body .ui-button.deep-orange-btn:enabled:not(:focus):hover, body .ui-datepicker-buttonpane > button.deep-orange-btn:enabled:not(:focus):hover { - background-color: #D84315; } - body .ui-button.deep-orange-btn:focus, body .ui-datepicker-buttonpane > button.deep-orange-btn:focus { - outline: 0 none; - background-color: #ff7e55; } - body .ui-button.purple-btn, body .ui-datepicker-buttonpane > button.purple-btn { - background-color: #673AB7; } - body .ui-button.purple-btn:enabled:not(:focus):hover, body .ui-datepicker-buttonpane > button.purple-btn:enabled:not(:focus):hover { - background-color: #4527A0; } - body .ui-button.purple-btn:focus, body .ui-datepicker-buttonpane > button.purple-btn:focus { - outline: 0 none; - background-color: #8259cb; } - body .ui-button.pink-btn, body .ui-datepicker-buttonpane > button.pink-btn { - background-color: #E91E63; } - body .ui-button.pink-btn:enabled:not(:focus):hover, body .ui-datepicker-buttonpane > button.pink-btn:enabled:not(:focus):hover { - background-color: #AD1457; } - body .ui-button.pink-btn:focus, body .ui-datepicker-buttonpane > button.pink-btn:focus { - outline: 0 none; - background-color: #ee4c83; } - body .ui-button.amber-btn, body .ui-button.ui-warning-button, body .ui-datepicker-buttonpane > button.amber-btn, body .ui-datepicker-buttonpane > button.ui-warning-button { - background-color: #FFC107; - color: #212121; } - body .ui-button.amber-btn:enabled:not(:focus):hover, body .ui-button.ui-warning-button:enabled:not(:focus):hover, body .ui-datepicker-buttonpane > button.amber-btn:enabled:not(:focus):hover, body .ui-datepicker-buttonpane > button.ui-warning-button:enabled:not(:focus):hover { - background-color: #FF8F00; } - body .ui-button.amber-btn:focus, body .ui-button.ui-warning-button:focus, body .ui-datepicker-buttonpane > button.amber-btn:focus, body .ui-datepicker-buttonpane > button.ui-warning-button:focus { - outline: 0 none; - background-color: #ffce3a; } - body .ui-button.orange-btn, body .ui-datepicker-buttonpane > button.orange-btn { - background-color: #FF9800; } - body .ui-button.orange-btn:enabled:not(:focus):hover, body .ui-datepicker-buttonpane > button.orange-btn:enabled:not(:focus):hover { - background-color: #EF6C00; } - body .ui-button.orange-btn:focus, body .ui-datepicker-buttonpane > button.orange-btn:focus { - outline: 0 none; - background-color: #ffad33; } - body .ui-button.brown-btn, body .ui-datepicker-buttonpane > button.brown-btn { - background-color: #795548; } - body .ui-button.brown-btn:enabled:not(:focus):hover, body .ui-datepicker-buttonpane > button.brown-btn:enabled:not(:focus):hover { - background-color: #4E342E; } - body .ui-button.brown-btn:focus, body .ui-datepicker-buttonpane > button.brown-btn:focus { - outline: 0 none; - background-color: #996b5b; } - body .ui-button.indigo-btn, body .ui-datepicker-buttonpane > button.indigo-btn { - background-color: #3F51B5; } - body .ui-button.indigo-btn:enabled:not(:focus):hover, body .ui-datepicker-buttonpane > button.indigo-btn:enabled:not(:focus):hover { - background-color: #283593; } - body .ui-button.indigo-btn:focus, body .ui-datepicker-buttonpane > button.indigo-btn:focus { - outline: 0 none; - background-color: #606fc7; } - body .ui-button.blue-btn, body .ui-button.ui-info-button, body .ui-datepicker-buttonpane > button.blue-btn, body .ui-datepicker-buttonpane > button.ui-info-button { - background-color: #03A9F4; } - body .ui-button.blue-btn:enabled:not(:focus):hover, body .ui-button.ui-info-button:enabled:not(:focus):hover, body .ui-datepicker-buttonpane > button.blue-btn:enabled:not(:focus):hover, body .ui-datepicker-buttonpane > button.ui-info-button:enabled:not(:focus):hover { - background-color: #0277BD; } - body .ui-button.blue-btn:focus, body .ui-button.ui-info-button:focus, body .ui-datepicker-buttonpane > button.blue-btn:focus, body .ui-datepicker-buttonpane > button.ui-info-button:focus { - outline: 0 none; - background-color: #2ebcfc; } - body .ui-button.flat, body .ui-datepicker-buttonpane > button.flat { - box-shadow: none; - -webkit-box-shadow: none; - -moz-box-shadow: none; } - body .ui-button.ui-state-default.ui-button-secondary, body .ui-buttonset.ui-button-secondary > .ui-button.ui-state-default { - color: #212121; - background-color: #ffffff; } - body .ui-button.ui-state-default.ui-button-secondary .ui-button-icon-left, body .ui-buttonset.ui-button-secondary > .ui-button.ui-state-default .ui-button-icon-left { - color: #757575; } - body .ui-button.ui-state-default.ui-button-secondary .ui-button-icon-right, body .ui-buttonset.ui-button-secondary > .ui-button.ui-state-default .ui-button-icon-right { - color: #757575; } - body .ui-button.ui-state-default.ui-button-secondary:enabled:hover, body .ui-buttonset.ui-button-secondary > .ui-button.ui-state-default:enabled:hover { - background-color: #e8e8e8; - color: #000000; } - body .ui-button.ui-state-default.ui-button-secondary:enabled:focus, body .ui-buttonset.ui-button-secondary > .ui-button.ui-state-default:enabled:focus { - background-color: #e6e6e6; } - body .ui-button.ui-state-default.ui-button-info, body .ui-buttonset.ui-button-info > .ui-button.ui-state-default { - background-color: #03A9F4; } - body .ui-button.ui-state-default.ui-button-info:enabled:hover, body .ui-buttonset.ui-button-info > .ui-button.ui-state-default:enabled:hover { - background-color: #0277BD; } - body .ui-button.ui-state-default.ui-button-info:enabled:focus, body .ui-buttonset.ui-button-info > .ui-button.ui-state-default:enabled:focus { - outline: 0 none; - background-color: #2ebcfc; } - body .ui-button.ui-state-default.ui-button-success, body .ui-buttonset.ui-button-success > .ui-button.ui-state-default { - background-color: #4CAF50; } - body .ui-button.ui-state-default.ui-button-success:enabled:hover, body .ui-buttonset.ui-button-success > .ui-button.ui-state-default:enabled:hover { - background-color: #2E7D32; } - body .ui-button.ui-state-default.ui-button-success:enabled:focus, body .ui-buttonset.ui-button-success > .ui-button.ui-state-default:enabled:focus { - outline: 0 none; - background-color: #6ec071; } - body .ui-button.ui-state-default.ui-button-warning, body .ui-buttonset.ui-button-warning > .ui-button.ui-state-default { - color: #212121; - background-color: #FFC107; } - body .ui-button.ui-state-default.ui-button-warning:enabled:hover, body .ui-buttonset.ui-button-warning > .ui-button.ui-state-default:enabled:hover { - background-color: #FF8F00; } - body .ui-button.ui-state-default.ui-button-warning:enabled:focus, body .ui-buttonset.ui-button-warning > .ui-button.ui-state-default:enabled:focus { - outline: 0 none; - background-color: #ffce3a; } - body .ui-button.ui-state-default.ui-button-danger, body .ui-buttonset.ui-button-danger > .ui-button.ui-state-default { - background-color: #F44336; } - body .ui-button.ui-state-default.ui-button-danger:enabled:hover, body .ui-buttonset.ui-button-danger > .ui-button.ui-state-default:enabled:hover { - background-color: #C62828; } - body .ui-button.ui-state-default.ui-button-danger:enabled:focus, body .ui-buttonset.ui-button-danger > .ui-button.ui-state-default:enabled:focus { - outline: 0 none; - background-color: #f77066; } - body .ui-buttonset:not(.ui-button-danger, ui-button-secondary, ui-button-success, ui-button-info, ui-button-warning) .ui-button:not(.ui-state-disabled):not(.ui-state-active):hover { - background-color: #2b3135; } - body .ui-buttonset:not(.ui-button-danger, ui-button-secondary, ui-button-success, ui-button-info, ui-button-warning) .ui-button.ui-state-active { - background-color: #5180ce; - color: #ffffff; } - body .ui-buttonset:not(.ui-button-danger, ui-button-secondary, ui-button-success, ui-button-info, ui-button-warning).ui-button-danger:enabled:not(:focus):hover { - background-color: #C62828; } - body .ui-buttonset:not(.ui-button-danger, ui-button-secondary, ui-button-success, ui-button-info, ui-button-warning).ui-button-danger:focus { - outline: 0 none; - background-color: #f77066; } - body .ui-togglebutton:not(.ui-state-active):not(.ui-state-disabled):hover { - background-color: #2b3135; } - body .ui-togglebutton.ui-state-active { - background-color: #5180ce; - color: #ffffff; } - body .ui-splitbutton { - -moz-border-radius: 4px; - -webkit-border-radius: 4px; - border-radius: 4px; - -moz-box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0 rgba(0, 0, 0, 0.16); - -webkit-box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0 rgba(0, 0, 0, 0.16); - box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0 rgba(0, 0, 0, 0.16); } - body .ui-splitbutton > .ui-button { - box-shadow: none; - -webkit-box-shadow: none; - -moz-box-shadow: none; } - body .ui-splitbutton > .ui-button:active { - background-color: #556068; } - body .ui-splitbutton .ui-splitbutton-menubutton { - height: 2.25em; - -moz-border-radius-topleft: 0; - -webkit-border-top-left-radius: 0; - border-top-left-radius: 0; - -moz-border-radius-bottomleft: 0; - -webkit-border-bottom-left-radius: 0; - border-bottom-left-radius: 0; - -moz-border-radius-topright: 3px; - -webkit-border-top-right-radius: 3px; - border-top-right-radius: 3px; - -moz-border-radius-bottomright: 3px; - -webkit-border-bottom-right-radius: 3px; - border-bottom-right-radius: 3px; } - body .ui-splitbutton .ui-menu { - width: 100%; - min-width: 12.5em; } - body .ui-fluid .ui-splitbutton .ui-button:first-child { - width: calc(100% - 2em); } - body .ui-chkbox { - display: inline-block; - vertical-align: middle; - line-height: 1.25em; - width: 1.25em; - height: 1.25em; - cursor: default; } - body .ui-chkbox .ui-chkbox-box { - border: 2px solid #757575; - width: 1.25em; - height: 1.25em; - overflow: hidden; - -moz-transition: background-color 0.3s; - -o-transition: background-color 0.3s; - -webkit-transition: background-color 0.3s; - transition: background-color 0.3s; } - body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon { - font-size: 1.25em; - margin-left: -2px; - margin-top: -2px; } - body .ui-chkbox .ui-chkbox-box.ui-state-active { - border-color: #3e464c; - background-color: #3e464c; } - body .ui-chkbox .ui-chkbox-box.ui-state-focus { - border-color: #3e464c; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); - -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); - -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); - -moz-transition: box-shadow 0.3s, background-color 0.3s; - -o-transition: box-shadow 0.3s, background-color 0.3s; - -webkit-transition: box-shadow 0.3s, background-color 0.3s; - transition: box-shadow 0.3s, background-color 0.3s; } - body .ui-chkbox-label { - margin-left: 0.5em; } - body .ui-radiobutton { - position: relative; - margin: 0 .25em 0 0; - vertical-align: middle; } - body .ui-radiobutton .ui-radiobutton-box { - border: 2px solid #757575; - width: 1.25em; - height: 1.25em; - -moz-transition: box-shadow 0.3s; - -o-transition: box-shadow 0.3s; - -webkit-transition: box-shadow 0.3s; - transition: box-shadow 0.3s; - -moz-border-radius: 50%; - -webkit-border-radius: 50%; - border-radius: 50%; } - body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { - border-color: #3e464c; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); - -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); - -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); - -moz-transition: box-shadow 0.3s, background-color 0.3s; - -o-transition: box-shadow 0.3s, background-color 0.3s; - -webkit-transition: box-shadow 0.3s, background-color 0.3s; - transition: box-shadow 0.3s, background-color 0.3s; } - body .ui-radiobutton .ui-radiobutton-box.ui-state-active { - border-color: #3e464c; - background-color: transparent; } - body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { - display: block; - box-sizing: border-box; - -moz-border-radius: 50%; - -webkit-border-radius: 50%; - border-radius: 50%; - font-size: 1em; - transition: -webkit-transform ease .28s; - transition: transform ease .28s; - -webkit-transform: scale(0); - transform: scale(0); - margin: 0; } - body .ui-radiobutton .ui-radiobutton-box .pi-circle-on { - background-color: #3e464c; - -webkit-transform: scale(0.5); - transform: scale(0.5); - top: 50%; - left: 50%; - margin-top: -.5em; - margin-left: -.5em; } - body .ui-radiobutton .ui-radiobutton-box .pi-circle-on.pi:before { - content: "circle"; } - body .ui-radiobutton-label { - margin-left: 0.5em; } - body .ui-autocomplete-panel { - -moz-border-radius: 0; - -webkit-border-radius: 0; - border-radius: 0; } - body .ui-autocomplete-panel.ui-shadow { - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } - body .ui-autocomplete-panel .ui-autocomplete-list { - padding: 0; } - body .ui-autocomplete-panel .ui-autocomplete-list .ui-autocomplete-list-item { - -moz-transition: background-color 0.3s; - -o-transition: background-color 0.3s; - -webkit-transition: background-color 0.3s; - transition: background-color 0.3s; - font-size: 1em; - padding: 0.625em 0.875em; - -moz-border-radius: 0; - -webkit-border-radius: 0; - border-radius: 0; - color: #212121; } - body .ui-autocomplete-panel .ui-autocomplete-list .ui-autocomplete-list-item .ui-autocomplete-query { - font-weight: 700; } - body .ui-autocomplete-panel .ui-autocomplete-list .ui-autocomplete-list-item.ui-state-highlight { - color: #ffffff; } - body .ui-autocomplete-panel .ui-autocomplete-list .ui-autocomplete-group { - padding: 0.625em 0.875em; } - body .ui-autocomplete .ui-autocomplete-dropdown.ui-button.ui-button-icon-only { - background-color: transparent; - box-shadow: none; - -webkit-box-shadow: none; - -moz-box-shadow: none; - height: 1.5em; - width: 1.5em; - padding: 0; - right: 0; - bottom: 0; - margin-right: 0; - position: absolute; } - body .ui-autocomplete .ui-autocomplete-dropdown.ui-button.ui-button-icon-only .ui-button-text { - display: none; } - body .ui-autocomplete .ui-autocomplete-dropdown.ui-button.ui-button-icon-only .pi { - color: #757575; } - body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container.ui-inputtext { - box-sizing: border-box; - padding: 2px; } - body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container.ui-state-disabled { - border-bottom: 1px dotted; } - body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-input-token { - float: none; - display: inline-block; - margin: 0 1px; - vertical-align: middle; } - body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-input-token > input { - padding: 0; - font-size: 16px; - margin: 0; - vertical-align: bottom; } - body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-token { - display: inline-block; - float: none; - vertical-align: middle; - font-size: 1em; } - body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-token .ui-autocomplete-token-label { - display: inline-block; - vertical-align: middle; } - body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-dropdown { - top: .75em; } - body .ui-fluid .ui-autocomplete.ui-autocomplete-dd > .ui-inputtext { - width: 100%; } - body .ui-fluid .ui-inputgroup .md-inputfield .ui-autocomplete { - top: 5px; } - body .ui-dropdown { - border-width: 0; - background: transparent no-repeat; - background-image: linear-gradient(to bottom, #3e464c, #3e464c), linear-gradient(to bottom, #bdbdbd, #bdbdbd); - background-size: 0 2px, 100% 1px; - background-position: 50% 100%, 50% 100%; - transition: background-size 0.3s cubic-bezier(0.64, 0.09, 0.08, 1); - padding-bottom: 2px; - box-sizing: border-box; - -moz-border-radius: 0; - -webkit-border-radius: 0; - border-radius: 0; } - body .ui-dropdown .ui-dropdown-trigger { - height: 1.5em; - width: 1.5em; - margin-top: 0; - padding: 0; - top: 2px; - margin-right: 0; } - body .ui-dropdown .ui-dropdown-trigger .pi { - color: #757575; } - body .ui-dropdown .ui-dropdown-label { - background: none; } - body .ui-dropdown .ui-dropdown-label.ui-inputtext { - font: 1em "Roboto", "Helvetica Neue", sans-serif; } - body .ui-dropdown:not(.ui-state-disabled).ui-state-focus { - border-width: 0; - background-size: 100% 2px, 100% 1px; - padding-bottom: 2px; } - body .ui-dropdown:not(.ui-state-disabled).ui-state-focus .ui-dropdown-label { - padding-bottom: 2px; } - body .ui-dropdown-panel { - -moz-border-radius: 0; - -webkit-border-radius: 0; - border-radius: 0; } - body .ui-dropdown-panel .ui-dropdown-list { - padding: 0; } - body .ui-dropdown-panel .ui-dropdown-item { - margin: 0; - font-size: 1em; - padding: 0.625em 0.875em; - color: #212121; - -moz-transition: background-color 0.3s; - -o-transition: background-color 0.3s; - -webkit-transition: background-color 0.3s; - transition: background-color 0.3s; - -moz-border-radius: 0; - -webkit-border-radius: 0; - border-radius: 0; } - body .ui-dropdown-panel .ui-dropdown-item.ui-state-highlight { - background-color: #5180ce; - color: #ffffff; } - body .ui-dropdown-panel .ui-dropdown-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { - background-color: #e8e8e8; - color: #000000; } - body .ui-dropdown-panel.ui-shadow { - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } - body .ui-dropdown-panel .ui-dropdown-filter-container { - display: block; - border-bottom: 1px solid #bdbdbd; - background-color: #3e464c; - padding: 0.625em 1em; } - body .ui-dropdown-panel .ui-dropdown-filter-container input { - color: #ffffff; } - body .ui-dropdown-panel .ui-dropdown-filter-container input:focus { - border-bottom-color: #ffffff; } - body .ui-dropdown-panel .ui-dropdown-filter-container .pi { - top: .325em; - right: .75em; - color: #ffffff; } - body .ui-multiselect { - border-bottom: 1px solid #bdbdbd; - box-sizing: border-box; - -moz-border-radius: 0; - -webkit-border-radius: 0; - border-radius: 0; - -moz-transition: border-color 0.3s; - -o-transition: border-color 0.3s; - -webkit-transition: border-color 0.3s; - transition: border-color 0.3s; } - body .ui-multiselect .ui-multiselect-label-container { - padding-right: 1.5em; } - body .ui-multiselect .ui-multiselect-label-container .ui-multiselect-label { - padding: 0px 2px 0px 2px; } - body .ui-multiselect .ui-multiselect-trigger { - height: 1.5em; - width: 1.5em; - margin-top: 0; - padding: 0; - top: -2px; } - body .ui-multiselect .ui-multiselect-trigger .pi { - color: #757575; } - body .ui-multiselect:not(.ui-state-disabled).ui-state-focus { - border-bottom: 2px solid #3e464c; } - body .ui-multiselect-panel.ui-widget { - padding: 0; - -moz-border-radius: 0; - -webkit-border-radius: 0; - border-radius: 0; - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - min-width: 12.5em; } - body .ui-multiselect-panel.ui-widget .ui-multiselect-header { - -moz-border-radius: 0; - -webkit-border-radius: 0; - border-radius: 0; - padding: 0.625em 1em; - position: relative; } - body .ui-multiselect-panel.ui-widget .ui-multiselect-header .ui-chkbox { - float: none; - margin: 0 .5em 0 -.125em; - position: static; } - body .ui-multiselect-panel.ui-widget .ui-multiselect-header .ui-chkbox .ui-chkbox-box { - border-color: #ffffff; } - body .ui-multiselect-panel.ui-widget .ui-multiselect-header .ui-chkbox .ui-chkbox-box .ui-chkbox-icon { - border-color: #ffffff; } - body .ui-multiselect-panel.ui-widget .ui-multiselect-header .ui-chkbox .ui-chkbox-box.ui-state-active .ui-chkbox-icon { - border-color: #ffffff; } - body .ui-multiselect-panel.ui-widget .ui-multiselect-header .ui-chkbox .ui-chkbox-box.ui-state-focus { - background-color: #777d81; - -moz-transition: background-color 0.3s; - -o-transition: background-color 0.3s; - -webkit-transition: background-color 0.3s; - transition: background-color 0.3s; } - body .ui-multiselect-panel.ui-widget .ui-multiselect-header .ui-multiselect-filter-container { - width: 70%; - display: inline-block; - vertical-align: middle; - float: none; - margin-left: 0; } - body .ui-multiselect-panel.ui-widget .ui-multiselect-header .ui-multiselect-filter-container .pi { - top: 0; - left: 0; } - body .ui-multiselect-panel.ui-widget .ui-multiselect-header .ui-multiselect-filter-container .ui-inputtext { - padding: 2px; - padding-left: 1.5em; - width: 100%; - box-sizing: border-box; - color: #ffffff; } - body .ui-multiselect-panel.ui-widget .ui-multiselect-header .ui-multiselect-filter-container .ui-inputtext:focus { - border-bottom-color: #ffffff; } - body .ui-multiselect-panel.ui-widget .ui-multiselect-header .ui-multiselect-close { - position: absolute; - right: .5em; - top: .625em; - height: 1.5em; - width: 1.5em; } - body .ui-multiselect-panel.ui-widget .ui-multiselect-header .ui-multiselect-close span { - position: absolute; - left: 50%; - top: 50%; - width: 1em; - height: 1em; - margin-top: -.5em; - margin-left: -.5em; - color: #ffffff; } - body .ui-multiselect-panel.ui-widget .ui-multiselect-header .ui-multiselect-close:hover { - background-color: #777d81; - -moz-border-radius: 50%; - -webkit-border-radius: 50%; - border-radius: 50%; - -moz-transition: background-color 0.3s; - -o-transition: background-color 0.3s; - -webkit-transition: background-color 0.3s; - transition: background-color 0.3s; } - body .ui-multiselect-panel.ui-widget .ui-multiselect-item { - font-size: 1em; - padding: 0.625em 0.875em; - color: #212121; - -moz-border-radius: 0; - -webkit-border-radius: 0; - border-radius: 0; } - body .ui-multiselect-panel.ui-widget .ui-multiselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { - background-color: #e8e8e8; - color: #000000; } - body .ui-multiselect-panel.ui-widget .ui-multiselect-item.ui-state-highlight { - color: #ffffff; } - body .ui-spinner .ui-spinner-button { - width: 1em; - height: .75em; - padding: 0; - margin-right: .25em; - background-color: transparent; - color: #212121; - z-index: auto; - box-shadow: none; - -webkit-box-shadow: none; - -moz-box-shadow: none; } - body .ui-spinner .ui-spinner-button .pi-triangle-1-n { - color: #212121; } - body .ui-spinner .ui-spinner-button .pi-triangle-1-s { - color: #212121; } - body .ui-spinner .ui-spinner-button .pi { - top: 0px; - height: .5em; - color: #757575; } - body .ui-spinner .ui-spinner-button:enabled:hover, body .ui-spinner .ui-spinner-button:active { - background-color: transparent; } - body .ui-spinner .ui-spinner-up .pi { - top: .25em; } - body .ui-spinner .ui-spinner-down .pi { - top: .167em; } - body .ui-spinner .ui-spinner-input { - padding-right: 30px; } - body .ui-fluid .ui-spinner .ui-spinner-button { - width: 1em; - height: .75em; } - body .ui-fluid .ui-spinner .ui-spinner-button .pi { - left: auto; } - body .ui-inputswitch { - height: 14px; - width: 34px !important; } - body .ui-inputswitch .ui-inputswitch-slider { - background-color: #9e9e9e; - -moz-border-radius: 8px; - -webkit-border-radius: 8px; - border-radius: 8px; - -moz-transition: background-color 0.3s; - -o-transition: background-color 0.3s; - -webkit-transition: background-color 0.3s; - transition: background-color 0.3s; } - body .ui-inputswitch .ui-inputswitch-slider:before { - background-color: #ffffff; - height: 1.429em; - width: 1.429em; - left: 0; - bottom: -0.214em; - border-radius: 50%; - -webkit-transition: 0.3s; - transition: 0.3s; - -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px 0px, rgba(0, 0, 0, 0.137255) 0px 1px 1px 0px, rgba(0, 0, 0, 0.117647) 0px 2px 1px -1px; - -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px 0px, rgba(0, 0, 0, 0.137255) 0px 1px 1px 0px, rgba(0, 0, 0, 0.117647) 0px 2px 1px -1px; - box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px 0px, rgba(0, 0, 0, 0.137255) 0px 1px 1px 0px, rgba(0, 0, 0, 0.117647) 0px 2px 1px -1px; } - body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-slider:before { - -webkit-transform: translateX(1.25em); - -ms-transform: translateX(1.25em); - transform: translateX(1.25em); } - body .ui-inputswitch.ui-inputswitch-focus .ui-inputswitch-slider { - background-color: #9e9e9e; } - body .ui-inputswitch:not(.ui-state-disabled):hover .ui-inputswitch-slider { - background-color: #9e9e9e; } - body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-slider { - background-color: #86b0f5; } - body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-slider:before { - background-color: #5180ce; } - body .ui-inputswitch.ui-inputswitch-checked:not(.ui-state-disabled):hover .ui-inputswitch-slider { - background-color: #86b0f5; } - body .ui-inputswitch.ui-inputswitch-checked.ui-inputswitch-focus .ui-inputswitch-slider { - background: #86b0f5; } - body .ui-slider .ui-slider-handle { - background-color: #5180ce; - color: #ffffff; - -moz-border-radius: 50%; - -webkit-border-radius: 50%; - border-radius: 50%; - width: 1.25em; - height: 1.25em; - transform: scale(0.7); - -moz-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); - -o-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); - -webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); - transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); } - body .ui-slider .ui-slider-handle.ui-state-focus { - transform: scale(1); } - body .ui-slider .ui-slider-handle:focus { - outline: 0 none; } - body .ui-slider.ui-slider-horizontal { - height: 2px; - border: 0 none; - background-color: #bdbdbd; } - body .ui-slider.ui-slider-horizontal .ui-slider-handle { - top: -.55em; } - body .ui-slider.ui-slider-vertical { - width: 2px; - border: 0 none; - background-color: #bdbdbd; } - body .ui-slider.ui-slider-vertical .ui-slider-handle { - left: -.55em; } - body .ui-slider .ui-slider-range { - background-color: #5180ce; - color: #ffffff; } - body .ui-slider:not(.ui-state-disabled) .ui-slider-handle:hover { - transform: scale(1); } - body .ui-calendar .ui-datepicker { - min-width: auto; } - body .ui-calendar .ui-datepicker-trigger { - bottom: 2px; - right: 0; - background-color: transparent; - color: #212121; - height: 1.5em; - width: 1.5em; - box-shadow: none; - -webkit-box-shadow: none; - -moz-box-shadow: none; - -moz-border-radius: 0; - -webkit-border-radius: 0; - border-radius: 0; } - body .ui-calendar .ui-datepicker-trigger .pi { - color: #757575; } - body .ui-calendar .ui-datepicker-trigger:enabled:hover { - background-color: transparent; } - body .ui-fluid .ui-calendar.ui-calendar-w-btn .ui-inputtext { - width: 100%; } - body .ui-datepicker { - padding: 0; - width: 20em; } - body .ui-datepicker.ui-shadow { - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } - body .ui-datepicker:not(.ui-state-disabled) .ui-datepicker-header .ui-datepicker-prev:hover, - body .ui-datepicker:not(.ui-state-disabled) .ui-datepicker-header .ui-datepicker-next:hover { - background-color: #777d81; } - body .ui-datepicker:not(.ui-state-disabled) table td a:not(.ui-state-active):not(.ui-state-highlight):hover { - background-color: #e8e8e8; - color: #000000; } - body .ui-datepicker:not(.ui-state-disabled) .ui-monthpicker a.ui-monthpicker-month:not(.ui-state-active):hover { - background-color: #e8e8e8; - color: #000000; } - body .ui-datepicker .ui-datepicker-header { - padding: 0.625em 1em; - font-size: 1em; - background: #2b3135; - border-color: #2b3135; - -moz-border-radius-topleft: 2px; - -webkit-border-top-left-radius: 2px; - border-top-left-radius: 2px; - -moz-border-radius-topright: 2px; - -webkit-border-top-right-radius: 2px; - border-top-right-radius: 2px; - -moz-border-radius-bottomleft: 0; - -webkit-border-bottom-left-radius: 0; - border-bottom-left-radius: 0; - -moz-border-radius-bottomright: 0; - -webkit-border-bottom-right-radius: 0; - border-bottom-right-radius: 0; } - body .ui-datepicker .ui-datepicker-header .ui-datepicker-prev { - cursor: pointer; - top: .4em; - left: .2em; - -moz-border-radius: 50%; - -webkit-border-radius: 50%; - border-radius: 50%; - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; - -moz-transition: background-color 0.3s; - -o-transition: background-color 0.3s; - -webkit-transition: background-color 0.3s; - transition: background-color 0.3s; - color: #ffffff; } - body .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before { - content: "keyboard_arrow_left"; } - body .ui-datepicker .ui-datepicker-header .ui-datepicker-prev .pi { - display: none; } - body .ui-datepicker .ui-datepicker-header .ui-datepicker-next { - cursor: pointer; - top: .4em; - right: .2em; - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; - -moz-border-radius: 50%; - -webkit-border-radius: 50%; - border-radius: 50%; - -moz-transition: background-color 0.3s; - -o-transition: background-color 0.3s; - -webkit-transition: background-color 0.3s; - transition: background-color 0.3s; - color: #ffffff; } - body .ui-datepicker .ui-datepicker-header .ui-datepicker-next:before { - content: "keyboard_arrow_right"; } - body .ui-datepicker .ui-datepicker-header .ui-datepicker-next .pi { - display: none; } - body .ui-datepicker .ui-datepicker-header select.ui-datepicker-month, - body .ui-datepicker .ui-datepicker-header select.ui-datepicker-year { - font-size: 14px; } - body .ui-datepicker table { - table-layout: fixed; - border-spacing: 0; - border-collapse: collapse; - font-size: 14px; } - body .ui-datepicker thead tr { - color: #ffffff; - background: #3e464c; } - body .ui-datepicker tbody td { - padding: .25em .125em; - box-sizing: border-box; } - body .ui-datepicker tbody td.ui-datepicker-today a { - color: #ffffff; - background: #6c7a84; } - body .ui-datepicker tbody td.ui-datepicker-today a.ui-state-active { - background-color: #5180ce; - color: #ffffff; } - body .ui-datepicker tbody td a { - padding: .25em; - margin: 0; - text-align: center; - color: #212121; - display: inline-block; - height: 2.250em; - width: 2.250em; - -moz-border-radius: 50%; - -webkit-border-radius: 50%; - border-radius: 50%; - line-height: 1.8em; } - body .ui-datepicker tbody td a.ui-state-active { - background-color: #5180ce; - color: #ffffff; } - body .ui-datepicker tbody td a span { - display: inline; - padding: 0; - text-align: center; } - body .ui-datepicker .ui-timepicker { - -moz-border-radius: 0; - -webkit-border-radius: 0; - border-radius: 0; } - body .ui-datepicker .ui-timepicker > div a { - height: 1.5em; } - body .ui-datepicker .ui-timepicker > div a > span { - display: inline-block; - margin-bottom: .25em; } - body .ui-datepicker .ui-timepicker > div a .pi.pi-angle-up { - -webkit-transform: rotate(0); - -moz-transform: rotate(0); - -o-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - body .ui-datepicker .ui-timepicker > div a .pi.pi-angle-up:before { - content: "keyboard_arrow_up"; } - body .ui-datepicker .ui-timepicker > div a .pi.pi-angle-down { - -webkit-transform: rotate(0); - -moz-transform: rotate(0); - -o-transform: rotate(0); - -ms-transform: rotate(0); - transform: rotate(0); - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - body .ui-datepicker .ui-timepicker > div a .pi.pi-angle-down:before { - content: "keyboard_arrow_down"; } - body .ui-datepicker .ui-monthpicker .ui-monthpicker-month { - color: #212121; } - body .ui-datepicker .ui-monthpicker .ui-monthpicker-month.ui-state-active { - color: #ffffff; - background-color: #5180ce; } - body .ui-datepicker.ui-datepicker-multiple-month { - width: auto; } - body .ui-datepicker.ui-datepicker-multiple-month .ui-datepicker-group { - border-right: 1px solid #bdbdbd; - padding-top: 0; - padding-bottom: 0; } - body .ui-datepicker.ui-datepicker-multiple-month .ui-datepicker-group .ui-datepicker-calendar-container tbody { - padding-right: .25em; - padding-left: .25em; } - body .ui-datepicker.ui-datepicker-multiple-month .ui-datepicker-group:first-child { - padding-left: 0; } - body .ui-datepicker.ui-datepicker-multiple-month .ui-datepicker-group:last-child { - padding-right: 0; - border-right: 0 none; } - body #ui-datepicker-div { - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } - body .ui-rating { - font-size: inherit; - min-height: 1.5em; } - body .ui-rating .pi-ban { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; - color: #757575; } - body .ui-rating .pi-ban:before { - content: "cancel"; } - body .ui-rating .pi-star { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; - color: #757575; } - body .ui-rating .pi-star:before { - content: "star"; } - body .ui-rating .pi-star-o { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; - color: #757575; } - body .ui-rating .pi-star-o:before { - content: "star_border"; } - body .ui-chips > ul.ui-inputtext.ui-state-disabled { - border-bottom: 1px dotted; } - body .ui-chips > ul.ui-inputtext .ui-chips-input-token { - padding-bottom: 2px; - margin-bottom: 2px; } - body .ui-chips > ul.ui-inputtext .ui-chips-input-token > input { - padding: 0; - font-size: 16px; - margin: 0; - vertical-align: bottom; } - body .ui-chips > ul.ui-inputtext .ui-chips-input-token input:disabled { - width: 0; } - body .ui-chips > ul.ui-inputtext .ui-chips-token { - display: inline-block; - float: none; - vertical-align: middle; - font-size: 1em; - margin-bottom: 2px; } - body .ui-chips > ul.ui-inputtext .ui-chips-token .ui-chips-token-label { - display: inline-block; - vertical-align: middle; } - body .ui-password-panel.ui-shadow { - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } - body .ui-fileupload .ui-fileupload-buttonbar { - padding: 0.625em 1em; } - body .ui-fileupload .ui-fileupload-buttonbar .pi-arrowreturnthick-1-n { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - body .ui-fileupload .ui-fileupload-buttonbar .pi-arrowreturnthick-1-n:before { - content: "file_upload"; } - body .ui-fileupload .ui-fileupload-buttonbar .ui-button { - background-color: #5180ce; } - body .ui-fileupload .ui-fileupload-buttonbar .ui-button:enabled:hover { - background-color: #274d8d; } - body .ui-fileupload .ui-fileupload-content .ui-messages-error .pi { - color: #ffffff; } - body .ui-fileupload-choose:not(.ui-state-disabled):hover.ui-button, - body .ui-fileupload-choose.ui-state-focus.ui-button { - background-color: #3d71c8; } - body .ui-fileupload-choose:not(.ui-state-disabled):active.ui-button { - background-color: #3466b8; } - body .ui-editor-container .ui-editor-toolbar { - background-color: #e8e8e8; } - body .ui-inputgroup .ui-inputgroup-addon { - border-width: 0 0 1px 0; - border-color: #bdbdbd; - color: #757575; - padding: 2px 2px 1px 2px; - align-self: flex-end; } - body .ui-inputgroup .ui-inputgroup-addon.ui-inputgroup-addon-fill { - background-color: #f7f7f7; } - body .ui-inputgroup .ui-inputgroup-addon > i { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - align-self: flex-end; } - body .ui-inputgroup .ui-inputtext { - align-self: flex-end; } - body .ui-inputgroup .md-inputfield { - -webkit-box-flex: 1; - -ms-flex: 1 1 auto; - flex: 1 1 auto; - width: 1%; - display: inherit; } - body .ui-inputgroup .md-inputfield label { - top: 5px; } - body .ui-inputgroup .md-inputfield .ui-inputwrapper-filled ~ label { - top: -20px; } - body .ui-inputgroup .md-inputfield .ui-inputwrapper-focus ~ label { - top: -20px; } - body .ui-inputgroup .md-inputfield .ui-message { - top: 100%; } - body .ui-inputgroup .ui-chkbox, body .ui-inputgroup .ui-radiobutton { - margin-bottom: .125em; } - body .ui-selectbutton .ui-button:not(.ui-state-active):not(.ui-state-disabled):hover { - background-color: #2b3135; } - body .ui-selectbutton .ui-button.ui-state-active { - background-color: #5180ce; - color: #ffffff; } - body .ui-fluid .ui-inputgroup .ui-button-icon-only { - width: 1.643em; - height: 1.643em; - padding: 0; } - body .ui-fluid .ui-inputgroup .ui-button-icon-only .ui-button-icon-left { - margin-left: -.45em; } - body .ui-inputtext.ng-dirty.ng-invalid, - body p-dropdown.ng-dirty.ng-invalid > .ui-dropdown, - body p-autocomplete.ng-dirty.ng-invalid > .ui-autocomplete > .ui-inputtext, - body p-calendar.ng-dirty.ng-invalid > .ui-calendar > .ui-inputtext, - body p-chips.ng-dirty.ng-invalid > .ui-inputtext, - body p-inputmask.ng-dirty.ng-invalid > .ui-inputtext, - body p-checkbox.ng-dirty.ng-invalid .ui-chkbox-box, - body p-radiobutton.ng-dirty.ng-invalid .ui-radiobutton-box, - body p-inputswitch.ng-dirty.ng-invalid .ui-inputswitch, - body p-listbox.ng-dirty.ng-invalid .ui-inputtext, - body p-multiselect.ng-dirty.ng-invalid > .ui-multiselect, - body p-spinner.ng-dirty.ng-invalid > .ui-inputtext, - body p-selectbutton.ng-dirty.ng-invalid .ui-button, - body p-togglebutton.ng-dirty.ng-invalid .ui-button { - background-image: linear-gradient(to bottom, #e62a10, #e62a10), linear-gradient(to bottom, #e62a10, #e62a10); } - -@media (max-width: 640px) { - body .ui-buttonset > .ui-button { - display: block; - -moz-border-radius: 0; - -webkit-border-radius: 0; - border-radius: 0; } - body .ui-buttonset > .ui-button:first-child { - -moz-border-radius-topleft: 3px; - -webkit-border-top-left-radius: 3px; - border-top-left-radius: 3px; - -moz-border-radius-topright: 3px; - -webkit-border-top-right-radius: 3px; - border-top-right-radius: 3px; } - body .ui-buttonset > .ui-button:last-child { - -moz-border-radius-bottomleft: 3px; - -webkit-border-bottom-left-radius: 3px; - border-bottom-left-radius: 3px; - -moz-border-radius-bottomright: 3px; - -webkit-border-bottom-right-radius: 3px; - border-bottom-right-radius: 3px; } - body .ui-splitbutton > .ui-button { - display: inline-block; } - body .ui-splitbutton > .ui-button:first-child { - -moz-border-radius-topleft: 0; - -webkit-border-top-left-radius: 0; - border-top-left-radius: 0; - -moz-border-radius-topright: 0; - -webkit-border-top-right-radius: 0; - border-top-right-radius: 0; } - body .ui-splitbutton > .ui-button:last-child { - -moz-border-radius-bottomleft: 0; - -webkit-border-bottom-left-radius: 0; - border-bottom-left-radius: 0; - -moz-border-radius-bottomright: 0; - -webkit-border-bottom-right-radius: 0; - border-bottom-right-radius: 0; } } -body .ui-panel { - padding: 0; } - body .ui-panel .ui-panel-titlebar { - border: 0 none; - border-bottom: 1px solid #3e464c; - padding: 0.625em 1em; - -moz-border-radius-topleft: 2px; - -webkit-border-top-left-radius: 2px; - border-top-left-radius: 2px; - -moz-border-radius-topright: 2px; - -webkit-border-top-right-radius: 2px; - border-top-right-radius: 2px; - -moz-border-radius-bottomleft: 0; - -webkit-border-bottom-left-radius: 0; - border-bottom-left-radius: 0; - -moz-border-radius-bottomright: 0; - -webkit-border-bottom-right-radius: 0; - border-bottom-right-radius: 0; } - body .ui-panel .ui-panel-titlebar .ui-panel-title { - line-height: 1.5em; } - body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { - position: relative; - width: 1.5em; - height: 1.5em; - color: #ffffff; - margin: 0; - -moz-transition: background-color 0.3s; - -o-transition: background-color 0.3s; - -webkit-transition: background-color 0.3s; - transition: background-color 0.3s; - -moz-border-radius: 50%; - -webkit-border-radius: 50%; - border-radius: 50%; } - body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover { - background-color: #777d81; } - body .ui-panel .ui-panel-content { - height: 100%; - box-sizing: border-box; - padding: 0.625em 1em; } - body .ui-panel .ui-panel-footer { - padding: 0.625em 1em; - border: 0 none; - border-top: 1px solid #bdbdbd; - margin: 0; } -body .ui-fieldset { - padding: 0.625em 1em; } - body .ui-fieldset .ui-fieldset-legend { - padding: 0.625em 1em; - padding-left: .125em; - padding-right: .5em; - color: #3e464c; } - body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler { - padding: .5em; - height: 2em; - width: 2em; - background-color: #3e464c; - color: #ffffff; - font-size: 1.5em; - -moz-border-radius: 50%; - -webkit-border-radius: 50%; - border-radius: 50%; - -moz-transition: background-color 0.3s; - -o-transition: background-color 0.3s; - -webkit-transition: background-color 0.3s; - transition: background-color 0.3s; - margin-right: .5em; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); - -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); - -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); } - body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler:hover { - background-color: #2b3135; } - body .ui-fieldset .ui-fieldset-legend .ui-fieldset-legend-text { - color: #3e464c; } - body .ui-fieldset .ui-fieldset-legend.ui-state-focus { - background-color: transparent; } -body .ui-accordion .ui-accordion-header { - background-color: #3e464c; - padding: 0; - color: #ffffff; - font-size: 1em; - -moz-transition: background-color 0.3s; - -o-transition: background-color 0.3s; - -webkit-transition: background-color 0.3s; - transition: background-color 0.3s; } - body .ui-accordion .ui-accordion-header > a { - padding: 0.625em 1em; - color: #ffffff; } - body .ui-accordion .ui-accordion-header > a .ui-accordion-toggle-icon, - body .ui-accordion .ui-accordion-header > a .ui-accordion-header-text { - vertical-align: middle; } - body .ui-accordion .ui-accordion-header:not(.ui-state-active):not(.ui-state-disabled):hover { - background-color: #2b3135; } - body .ui-accordion .ui-accordion-header.ui-state-active { - background-color: #5180ce; - color: #ffffff; - -moz-border-radius-bottomleft: 0; - -webkit-border-bottom-left-radius: 0; - border-bottom-left-radius: 0; - -moz-border-radius-bottomright: 0; - -webkit-border-bottom-right-radius: 0; - border-bottom-right-radius: 0; } - body .ui-accordion .ui-accordion-header.ui-state-active > a { - color: #ffffff; } -body .ui-accordion .ui-accordion-content { - padding: 0.625em 1em; - line-height: 1.5em; } -body .ui-toolbar { - background-color: #2b3135; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); - -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); - -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); - padding: .625em; } -body .ui-tabview { - padding: 0; } - body .ui-tabview .ui-tabview-nav { - background-color: #ffffff; - border: 0 none; - -moz-border-radius: 0; - -webkit-border-radius: 0; - border-radius: 0; } - body .ui-tabview .ui-tabview-nav > li { - padding: 0; - -moz-transition: border-color 0.3s; - -o-transition: border-color 0.3s; - -webkit-transition: border-color 0.3s; - transition: border-color 0.3s; } - body .ui-tabview .ui-tabview-nav > li > a { - padding: 0.625em 1em; } - body .ui-tabview .ui-tabview-nav > li > a:focus { - outline: 0 none; } - body .ui-tabview .ui-tabview-nav > li > .pi-times { - margin: .325em 0 0 0; - -moz-transition: color 0.3s; - -o-transition: color 0.3s; - -webkit-transition: color 0.3s; - transition: color 0.3s; - color: #757575; } - body .ui-tabview .ui-tabview-nav > li .ui-tabview-left-icon, body .ui-tabview .ui-tabview-nav > li .ui-tabview-right-icon { - color: #757575; - display: inline-block; - vertical-align: middle; } - body .ui-tabview .ui-tabview-nav > li .ui-tabview-title { - line-height: 1.5em; - vertical-align: middle; } - body .ui-tabview .ui-tabview-nav > li.ui-state-default a { - color: #757575; } - body .ui-tabview .ui-tabview-nav > li:not(.ui-state-active):not(.ui-state-disabled):hover { - background-color: #ffffff; } - body .ui-tabview .ui-tabview-nav > li.ui-state-active { - background-color: #ffffff; - border-color: #5180ce; - border-style: solid; } - body .ui-tabview .ui-tabview-nav > li.ui-state-active a { - color: #3e464c; } - body .ui-tabview .ui-tabview-nav > li.ui-state-active > .pi-times { - color: #5180ce; } - body .ui-tabview .ui-tabview-nav > li.ui-tabview-outline { - outline: 0 none; - border-color: #86b0f5; } - body .ui-tabview .ui-tabview-panel { - padding: 0.625em 1em; } - body .ui-tabview.ui-tabview-top > .ui-tabview-nav { - padding: 0; - margin: 0; - -moz-border-radius-topleft: 4px; - -webkit-border-top-left-radius: 4px; - border-top-left-radius: 4px; - -moz-border-radius-topright: 4px; - -webkit-border-top-right-radius: 4px; - border-top-right-radius: 4px; - border-bottom: 1px solid #bdbdbd; } - body .ui-tabview.ui-tabview-top > .ui-tabview-nav > li { - border-style: solid; - border-width: 0 0 2px 0; } - body .ui-tabview.ui-tabview-bottom > .ui-tabview-nav { - padding: 0; - margin: 0; - -moz-border-radius-bottomleft: 4px; - -webkit-border-bottom-left-radius: 4px; - border-bottom-left-radius: 4px; - -moz-border-radius-bottomright: 4px; - -webkit-border-bottom-right-radius: 4px; - border-bottom-right-radius: 4px; - border-top: 1px solid #bdbdbd; } - body .ui-tabview.ui-tabview-bottom > .ui-tabview-nav > li { - border-width: 2px 0 0 0; } - body .ui-tabview.ui-tabview-left > .ui-tabview-nav { - padding: 0; - margin: 0; - -moz-border-radius-topleft: 4px; - -webkit-border-top-left-radius: 4px; - border-top-left-radius: 4px; - -moz-border-radius-bottomleft: 4px; - -webkit-border-bottom-left-radius: 4px; - border-bottom-left-radius: 4px; - border-right: 1px solid #bdbdbd; } - body .ui-tabview.ui-tabview-left > .ui-tabview-nav > li { - box-sizing: border-box; - border-width: 0 2px 0 0; } - body .ui-tabview.ui-tabview-left > .ui-tabview-nav > li > a { - width: 100%; - box-sizing: border-box; } - body .ui-tabview.ui-tabview-right > .ui-tabview-nav { - padding: 0; - -moz-border-radius-topright: 4px; - -webkit-border-top-right-radius: 4px; - border-top-right-radius: 4px; - -moz-border-radius-bottomright: 4px; - -webkit-border-bottom-right-radius: 4px; - border-bottom-right-radius: 4px; - border-left: 1px solid #bdbdbd; } - body .ui-tabview.ui-tabview-right > .ui-tabview-nav > li { - box-sizing: border-box; - border-width: 0 0 0 2px; } - body .ui-tabview.ui-tabview-right > .ui-tabview-nav > li > a { - width: 100%; - box-sizing: border-box; } - body .ui-tabview.ui-tabview-right > .ui-tabview-nav > li.ui-state-active > a { - padding-left: 0.875em; } - -@media (max-width: 640px) { - body .ui-toolbar .ui-toolbar-group-right { - margin-top: 1em; } } -body .ui-picklist .ui-picklist-caption { - font-size: 1em; - padding: 0.625em 1em; } -body .ui-picklist .ui-picklist-list { - padding: 0; } -body .ui-picklist .ui-picklist-filter-container .pi { - left: 0.3em; } -body .ui-picklist .ui-picklist-filter-container .ui-picklist-filter { - text-indent: 1.5em; } -body .ui-picklist li.ui-picklist-item { - font-size: 1em; - padding: 0.625em 0.875em; - margin: 0; - -moz-border-radius: 0; - -webkit-border-radius: 0; - border-radius: 0; - color: #212121; } - body .ui-picklist li.ui-picklist-item:not(.ui-state-highlight):hover { - background-color: #e8e8e8; - color: #000000; } - body .ui-picklist li.ui-picklist-item.ui-state-highlight { - background-color: #5180ce; - color: #ffffff; } -body .ui-picklist .ui-picklist-buttons { - width: 3em; } - body .ui-picklist .ui-picklist-buttons .ui-button.ui-button-icon-only { - width: 2.5em; - margin-right: 0; - display: inline-block; - margin-bottom: .5em; } -body .ui-picklist .ui-picklist-buttons-cell { - text-align: center; } -body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button.ui-button-icon-only { - margin: 0 auto; - display: block; - margin-bottom: .5em; } -body .ui-picklist.ui-picklist-responsive .ui-picklist-list .ui-picklist-item .ui-chkbox { - margin-right: .5em; - vertical-align: top; } -body .ui-picklist.ui-picklist-responsive .ui-picklist-list .ui-picklist-item .ui-chkbox, body .ui-picklist.ui-picklist-responsive .ui-picklist-list .ui-picklist-item .ui-chkbox * { - box-sizing: content-box; } -body .ui-organizationchart .ui-organizationchart-node-content.ui-organizationchart-selectable-node:not(.ui-state-highlight):hover { - background-color: #e8e8e8; - color: #000000; } -body .ui-organizationchart .ui-organizationchart-node-content.ui-state-highlight .ui-node-toggler i { - color: #23457c; } -body .ui-organizationchart .ui-organizationchart-line-down { - background-color: #bdbdbd; } -body .ui-organizationchart .ui-organizationchart-line-left { - border-right: 1px solid #bdbdbd; } -body .ui-organizationchart .ui-organizationchart-line-top { - border-top: 1px solid #bdbdbd; } -body .ui-organizationchart .ui-organizationchart-node-content { - border-color: #bdbdbd; } -body .ui-organizationchart .ui-organizationchart-node-content .ui-node-toggler { - bottom: -1.3em; - margin-left: -.75em; - color: #bdbdbd; } - body .ui-organizationchart .ui-organizationchart-node-content .ui-node-toggler .pi-chevron-down { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - body .ui-organizationchart .ui-organizationchart-node-content .ui-node-toggler .pi-chevron-down:before { - content: "keyboard_arrow_down"; } - body .ui-organizationchart .ui-organizationchart-node-content .ui-node-toggler .pi-chevron-up { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - body .ui-organizationchart .ui-organizationchart-node-content .ui-node-toggler .pi-chevron-up:before { - content: "keyboard_arrow_up"; } -body .ui-orderlist .ui-orderlist-caption { - font-size: 1em; - padding: 0.625em 1em; - box-sizing: border-box; } -body .ui-orderlist .ui-orderlist-list { - padding: 0; - box-sizing: border-box; } - body .ui-orderlist .ui-orderlist-list li.ui-orderlist-item { - font-size: 1em; - padding: 0.625em 0.875em; - margin: 0; - -moz-border-radius: 0; - -webkit-border-radius: 0; - border-radius: 0; - color: #212121; } - body .ui-orderlist .ui-orderlist-list li.ui-orderlist-item:not(.ui-state-highlight):hover { - background-color: #e8e8e8; - color: #000000; } - body .ui-orderlist .ui-orderlist-list li.ui-orderlist-item.ui-state-highlight { - background-color: #5180ce; - color: #ffffff; } -body .ui-orderlist.ui-orderlist-responsive .ui-orderlist-controls { - width: 3.75em; } -body .ui-orderlist .ui-orderlist-controls { - width: 3.75em; - text-align: center; } - body .ui-orderlist .ui-orderlist-controls .ui-button.ui-button-icon-only { - width: 2.5em; - margin-bottom: .5em; - margin-right: 0; } -body .ui-paginator { - background-color: #2b3135; - padding: 0.625em 1em; } - body .ui-paginator > a { - box-sizing: border-box; - color: #ffffff; } - body .ui-paginator > a .pi { - display: none; } - body .ui-paginator > a:not(.ui-state-disabled):not(.ui-state-active):hover { - background-color: #777d81; - -moz-border-radius: 50%; - -webkit-border-radius: 50%; - border-radius: 50%; - -moz-transition: background-color 0.3s; - -o-transition: background-color 0.3s; - -webkit-transition: background-color 0.3s; - transition: background-color 0.3s; } - body .ui-paginator .ui-paginator-next { - padding: 0; - vertical-align: middle; - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - body .ui-paginator .ui-paginator-next:before { - content: "navigate_next"; } - body .ui-paginator .ui-paginator-last { - padding: 0; - vertical-align: middle; - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - body .ui-paginator .ui-paginator-last:before { - content: "last_page"; } - body .ui-paginator .ui-paginator-prev { - padding: 0; - vertical-align: middle; - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - body .ui-paginator .ui-paginator-prev:before { - content: "navigate_before"; } - body .ui-paginator .ui-paginator-first { - padding: 0; - vertical-align: middle; - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - body .ui-paginator .ui-paginator-first:before { - content: "first_page"; } - body .ui-paginator .ui-paginator-pages { - vertical-align: middle; - margin: 0 .375em 0 .375em; } - body .ui-paginator .ui-paginator-pages a { - padding: 0; - color: #ffffff; - min-width: 1.5em; - min-height: 1.5em; - line-height: 1.5em; - -moz-border-radius: 50%; - -webkit-border-radius: 50%; - border-radius: 50%; - -moz-transition: background-color 0.3s; - -o-transition: background-color 0.3s; - -webkit-transition: background-color 0.3s; - transition: background-color 0.3s; } - body .ui-paginator .ui-paginator-pages a:not(.ui-state-active):hover { - background-color: #777d81; } - body .ui-paginator .ui-paginator-pages a.ui-state-active { - background-color: #5180ce; - color: #ffffff; } - body .ui-paginator .ui-dropdown { - background-image: linear-gradient(to bottom, #3e464c, #3e464c), linear-gradient(to bottom, #ffffff, #ffffff); } - body .ui-paginator .ui-dropdown .ui-dropdown-trigger .pi { - color: #ffffff; } - body .ui-paginator .ui-dropdown .ui-dropdown-label { - background: none; - padding-right: 1.5em; } -body .ui-datagrid .ui-datagrid-header { - padding: 0.625em 1em; } -body .ui-datagrid .ui-panel .ui-panel-titlebar { - background-color: #ffffff; - color: #212121; - border-color: #bdbdbd; } -body .ui-datalist .ui-datalist-header { - padding: 0.625em 1em; } -body .ui-table .ui-table-caption, -body .ui-table .ui-table-summary { - padding: 0.625em 1em; - text-align: center; - font-weight: normal; } -body .ui-table .ui-table-caption { - border-bottom: 0 none; } -body .ui-table .ui-table-summary { - border-top: 0 none; } -body .ui-table .ui-table-thead > tr > th, -body .ui-table .ui-table-tbody > tr > td, -body .ui-table .ui-table-tfoot > tr > td { - padding: 0.625em 1em; } -body .ui-table .ui-table-thead > tr > th, -body .ui-table .ui-table-tfoot > tr > td { - font-weight: 400; - color: #212121; - background-color: #ffffff; - border: 1px solid #cacaca; } -body .ui-table .ui-table-thead tr .ui-inputtext { - width: 100%; } -body .ui-table .ui-table-scrollable-header { - border: none; } - body .ui-table .ui-table-scrollable-header .ui-sortable-column .ui-sortable-column-icon { - color: #212121; } - body .ui-table .ui-table-scrollable-header .ui-sortable-column.ui-state-highlight .ui-sortable-column-icon { - color: #ffffff; } -body .ui-table .ui-table-loading-content .pi-spin { - -webkit-animation: 2s linear infinite fa-spin; - animation: 2s linear infinite fa-spin; - color: #ffffff; } -body .ui-table .ui-sortable-column { - color: #212121; } - body .ui-table .ui-sortable-column a, body .ui-table .ui-sortable-column a:hover { - color: #757575; } - body .ui-table .ui-sortable-column:not(.ui-state-highlight):hover { - background-color: #e8e8e8; - color: #000000; } - body .ui-table .ui-sortable-column:not(.ui-state-highlight):hover a, body .ui-table .ui-sortable-column:not(.ui-state-highlight):hover a:hover { - background-color: #e8e8e8; - color: #000000; } - body .ui-table .ui-sortable-column.ui-state-highlight { - background-color: #5180ce; - color: #ffffff; - border-top-color: #5180ce; } - body .ui-table .ui-sortable-column.ui-state-highlight a, body .ui-table .ui-sortable-column.ui-state-highlight a:hover { - color: #ffffff; } - body .ui-table .ui-sortable-column .ui-sortable-column-icon { - vertical-align: middle; } -body .ui-table .ui-table-tbody > tr { - background: #ffffff; } - body .ui-table .ui-table-tbody > tr > td { - background: inherit; - border: 1px solid #cacaca; } - body .ui-table .ui-table-tbody > tr.ui-state-highlight { - background-color: #5180ce; - color: #ffffff; } - body .ui-table .ui-table-tbody > tr.ui-contextmenu-selected { - background-color: #5180ce; - color: #ffffff; } -body .ui-table .ui-table-tbody > tr:nth-child(odd) { - background-color: #f4f4f4; } - body .ui-table .ui-table-tbody > tr:nth-child(odd).ui-state-highlight { - background-color: #5180ce; - color: #ffffff; } - body .ui-table .ui-table-tbody > tr:nth-child(odd).ui-contextmenu-selected { - background-color: #5180ce; - color: #ffffff; } -body .ui-table.ui-table-hoverable-rows .ui-table-tbody > tr:not(.ui-state-highlight):not(.ui-contextmenu-selected):hover { - cursor: pointer; - background-color: #e8e8e8; - color: #000000; } -body .ui-table .ui-table-reorder-indicator-down, body .ui-table .ui-table-reorder-indicator-up { - position: absolute; - display: none; } -@media (max-width: 35em) { - body .ui-table-responsive .ui-table-tbody > tr { - border-top: 1px solid #cacaca; - border-bottom: 1px solid #cacaca; } - body .ui-table-responsive .ui-table-tbody > tr.ui-state-highlight { - background-color: #5180ce; - color: #ffffff; } } -@media screen and (max-width: 40em) { - body .ui-table-responsive .ui-table-tbody > tr > td { - border: 0 none; } } -body .ui-datatable .ui-datatable-header, -body .ui-datatable .ui-datatable-footer { - padding: 0.625em 1em; } - body .ui-datatable .ui-datatable-header .ui-inputtext, - body .ui-datatable .ui-datatable-footer .ui-inputtext { - color: #ffffff; } - body .ui-datatable .ui-datatable-header .ui-inputtext:focus, - body .ui-datatable .ui-datatable-footer .ui-inputtext:focus { - border-color: #ffffff; } -body .ui-datatable .ui-paginator { - padding: 0.625em 1em; } -body .ui-datatable .ui-datatable-thead > tr { - border-color: #cacaca; } - body .ui-datatable .ui-datatable-thead > tr th { - padding: .625em .875em; - background-color: #ffffff; } - body .ui-datatable .ui-datatable-thead > tr th.ui-sortable-column:not(.ui-state-active):hover { - background-color: #e8e8e8; - color: #000000; } - body .ui-datatable .ui-datatable-thead > tr th .ui-column-title { - display: inline-block; - vertical-align: middle; } - body .ui-datatable .ui-datatable-thead > tr th .ui-sortable-column-icon { - vertical-align: middle; - color: #757575; } - body .ui-datatable .ui-datatable-thead > tr th.ui-state-active, body .ui-datatable .ui-datatable-thead > tr th.ui-state-highlight { - background-color: #5180ce; - color: #ffffff; - border-top-color: #5180ce; } - body .ui-datatable .ui-datatable-thead > tr th.ui-state-active .pi, body .ui-datatable .ui-datatable-thead > tr th.ui-state-highlight .pi { - color: #ffffff; } - body .ui-datatable .ui-datatable-thead > tr th.ui-state-active .ui-inputtext, body .ui-datatable .ui-datatable-thead > tr th.ui-state-highlight .ui-inputtext { - color: #ffffff; } - body .ui-datatable .ui-datatable-thead > tr th.ui-state-active .ui-inputtext.ui-state-focus, body .ui-datatable .ui-datatable-thead > tr th.ui-state-highlight .ui-inputtext.ui-state-focus { - border-color: #ffffff; } - body .ui-datatable .ui-datatable-thead > tr th.ui-selection-column .ui-chkbox-box { - box-sizing: content-box; } -body .ui-datatable tfoot th { - padding: .625em .875em; - border: 1px solid #bdbdbd; - background-color: #ffffff; } -body .ui-datatable .ui-datatable-data tr.ui-datatable-even { - background-color: #f4f4f4; } - body .ui-datatable .ui-datatable-data tr.ui-datatable-even.ui-state-highlight { - background-color: #5180ce; - color: #ffffff; } -body .ui-datatable .ui-datatable-data tr { - border: 1px solid #cacaca; } - body .ui-datatable .ui-datatable-data tr td { - padding: .625em .875em; } - body .ui-datatable .ui-datatable-data tr td .ui-row-toggler { - display: inherit; } - body .ui-datatable .ui-datatable-data tr td.ui-state-highlight .ui-inputtext { - color: #ffffff; - border-color: #ffffff; } - body .ui-datatable .ui-datatable-data tr td.ui-state-highlight .ui-inputtext:focus { - border-color: #ffffff; } - body .ui-datatable .ui-datatable-data tr td.ui-state-error { - background-color: #e62a10; - border-color: #e62a10; - color: #ffffff; } - body .ui-datatable .ui-datatable-data tr td input.ui-cell-editor { - padding: 2px 2px 1px 2px; - font-size: 1em; } - body .ui-datatable .ui-datatable-data tr td.ui-selection-column .ui-chkbox-box, body .ui-datatable .ui-datatable-data tr td.ui-selection-column .ui-radiobutton-box { - box-sizing: content-box; } - body .ui-datatable .ui-datatable-data tr.ui-state-highlight { - background-color: #5180ce; - border-color:   #5180ce; - color: #ffffff; } - body .ui-datatable .ui-datatable-data tr .ui-cell-editor-input input { - color: #ffffff; } -body .ui-datatable .ui-datatable-data tr.ui-state-error { - background-color: #e62a10; - border-color: #e62a10; - color: #ffffff; } - body .ui-datatable .ui-datatable-data tr.ui-state-error .ui-inputtext, - body .ui-datatable .ui-datatable-data tr.ui-state-error .ui-inputtext.ui-state-error { - border-color: #ffffff; } -body .ui-datatable .ui-datatable-data tr.ui-state-highlight td.ui-selection-column .ui-radiobutton-box { - border-color: #ffffff; } - body .ui-datatable .ui-datatable-data tr.ui-state-highlight td.ui-selection-column .ui-radiobutton-box .ui-radiobutton-icon { - background-color: #ffffff; } -body .ui-datatable .ui-datatable-data tr.ui-state-highlight td.ui-selection-column .ui-chkbox-box { - border-color: #ffffff; - background-color: #ffffff; } - body .ui-datatable .ui-datatable-data tr.ui-state-highlight td.ui-selection-column .ui-chkbox-box .ui-chkbox-icon { - color: #757575; } -body .ui-datatable .ui-datatable-data tr.ui-state-highlight .ui-inputtext { - color: #ffffff; - border-color: #ffffff; } - body .ui-datatable .ui-datatable-data tr.ui-state-highlight .ui-inputtext:focus { - border-color: #ffffff; } -body .ui-datatable .ui-datatable-data tr.ui-rowgroup-header td a { - height: 1.5em; - vertical-align: top; - display: inline-block; } -body .ui-datatable .ui-datatable-data.ui-datatable-hoverable-rows > tr.ui-widget-content:not(.ui-state-highlight):hover { - cursor: pointer; - background-color: #e8e8e8; - color: #000000; } -body .ui-datatable.ui-datatable-scrollable .ui-datatable-scrollable-header, body .ui-datatable.ui-datatable-scrollable .ui-datatable-scrollable-footer { - border: 0 none; - background-color: transparent; } - body .ui-datatable.ui-datatable-scrollable .ui-datatable-scrollable-header .ui-datatable-data td, body .ui-datatable.ui-datatable-scrollable .ui-datatable-scrollable-footer .ui-datatable-data td { - color: #212121; } -body .ui-datatable.ui-datatable-scrollable thead tr th { - color: #212121; - font-size: 16px; } -body .ui-datatable.ui-datatable-scrollable tfoot tr td { - color: #212121; - font-size: 16px; } -body .ui-datatable .ui-datatable-loading { - opacity: 0.3; - filter: alpha(opacity=30); } -body .ui-datatable .ui-datatable-loading-content { - top: 35%; } - body .ui-datatable .ui-datatable-loading-content .pi { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; - -webkit-animation-delay: 0; - -webkit-animation-duration: 1000ms; - -webkit-animation-name: spin; - -webkit-animation-iteration-count: infinite; - -webkit-animation-timing-function: linear; - -moz-animation-delay: 0; - -moz-animation-duration: 1000ms; - -moz-animation-name: spin; - -moz-animation-iteration-count: infinite; - -moz-animation-timing-function: linear; - animation-delay: 0; - animation-duration: 1000ms; - animation-name: spin; - animation-iteration-count: infinite; - animation-timing-function: linear; - font-size: 2em; } - body .ui-datatable .ui-datatable-loading-content .pi:before { - content: "refresh"; } -body .ui-dataview .ui-dataview-header { - background-color: #ffffff; - color: #212121; - padding: 0.625em 1em; - border: 1px solid #cacaca; - border-bottom: 0 none; } - body .ui-dataview .ui-dataview-header .ui-button.ui-state-active:hover { - background-color: #5180ce; - color: #ffffff; } -body .ui-dataview .ui-dataview-content { - background-color: #ffffff; - color: #212121; - border: 1px solid #cacaca; } -body .ui-dataview .ui-dataview-footer { - background-color: #ffffff; - color: #212121; - padding: 0.625em 1em; - border: 1px solid #cacaca; - border-top: 0 none; } -body .ui-carousel { - padding: 0; } - body .ui-carousel .ui-carousel-header { - padding: 0.625em 1em; - font-size: 1em; - overflow: visible; } - body .ui-carousel .ui-carousel-header .ui-carousel-header-title { - overflow: visible; } - body .ui-carousel .ui-carousel-header .pi { - color: #ffffff; } - body .ui-carousel .ui-carousel-header .ui-carousel-button { - margin: -1px 0 0 0; } - body .ui-carousel .ui-carousel-header .ui-carousel-page-links { - margin: -1px 0 0 0; } -body .ui-tree { - padding: 0.625em 1em/2; } - body .ui-tree .ui-treenode-children { - padding-left: 1.75em; } - body .ui-tree .ui-treenode-content .ui-chkbox { - margin-right: .5em; } - body .ui-tree .ui-treenode-content .ui-chkbox .pi { - color: #757575; } - body .ui-tree .ui-treenode-content .ui-tree-toggler { - vertical-align: middle; - margin: 0 0 0 .25em; } - body .ui-tree .ui-treenode-content .ui-treenode-icon { - vertical-align: middle; - margin: 0 .25em; } - body .ui-tree .ui-treenode-content .ui-chkbox { - margin: 0 .25em; } - body .ui-tree .ui-treenode-content .ui-treenode-label { - margin: 0; - vertical-align: middle; } - body .ui-tree .ui-treenode-content.ui-treenode-selectable:not(.ui-state-highlight):hover { - background-color: #e8e8e8; - color: #000000; } - body .ui-tree.ui-tree-horizontal { - padding-left: 0; - padding-right: 0; } - body .ui-tree.ui-tree-horizontal .ui-treenode-content { - background-color: #ffffff; - border: 1px solid #bdbdbd; } - body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler { - vertical-align: bottom; } - body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-icon { - vertical-align: top; - margin-right: .25em; } - body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-treenode-selectable:not(.ui-state-highlight):hover { - background-color: #e8e8e8; - color: #000000; } - body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { - background-color: #5180ce; - color: #ffffff; } -body .ui-tree-draghelper { - border: 1px solid #3e464c; } -body .fc .fc-toolbar .ui-icon-circle-triangle-e { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; - margin-top: .15em; } - body .fc .fc-toolbar .ui-icon-circle-triangle-e:before { - content: "play_circle_outline"; } -body .fc .fc-toolbar .ui-icon-circle-triangle-w { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; - -webkit-transform: rotate(180deg); - -moz-transform: rotate(180deg); - -o-transform: rotate(180deg); - -ms-transform: rotate(180deg); - transform: rotate(180deg); - margin-top: .15em; } - body .fc .fc-toolbar .ui-icon-circle-triangle-w:before { - content: "play_circle_outline"; } -body .fc .fc-toolbar .ui-state-active { - background-color: #5180ce; } -body .fc .fc-event { - background-color: #777d81; - color: #ffffff; } -body .fc table { - box-sizing: border-box; } -body .ui-treetable .ui-treetable-caption, -body .ui-treetable .ui-treetable-summary { - padding: 0.625em 1em; - text-align: center; - font-weight: normal; } -body .ui-treetable .ui-treetable-caption { - border-bottom: 0 none; } -body .ui-treetable .ui-treetable-summary { - border-top: 0 none; } -body .ui-treetable .ui-treetable-thead > tr > th, -body .ui-treetable .ui-treetable-tbody > tr > td, -body .ui-treetable .ui-treetable-tfoot > tr > td { - padding: 0.625em 1em; } -body .ui-treetable .ui-treetable-thead > tr > th, -body .ui-treetable .ui-treetable-tfoot > tr > td { - font-weight: 400; - color: #212121; - background-color: #ffffff; - border: 1px solid #cacaca; } -body .ui-treetable .ui-treetable-thead tr .ui-inputtext { - width: 100%; } -body .ui-treetable .ui-treetable-scrollable-header { - border: none; } -body .ui-treetable .ui-treetable-loading-content .pi-spin { - -webkit-animation: 2s linear infinite fa-spin; - animation: 2s linear infinite fa-spin; - color: #ffffff; } -body .ui-treetable .ui-sortable-column { - color: #212121; } - body .ui-treetable .ui-sortable-column a, body .ui-treetable .ui-sortable-column a:hover { - color: #757575; } - body .ui-treetable .ui-sortable-column:not(.ui-state-highlight):hover { - background-color: #e8e8e8; - color: #000000; } - body .ui-treetable .ui-sortable-column:not(.ui-state-highlight):hover a, body .ui-treetable .ui-sortable-column:not(.ui-state-highlight):hover a:hover { - background-color: #e8e8e8; - color: #000000; } - body .ui-treetable .ui-sortable-column.ui-state-highlight { - background-color: #5180ce; - color: #ffffff; - border-top-color: #5180ce; } - body .ui-treetable .ui-sortable-column.ui-state-highlight a, body .ui-treetable .ui-sortable-column.ui-state-highlight a:hover { - color: #ffffff; } - body .ui-treetable .ui-sortable-column .ui-sortable-column-icon { - vertical-align: middle; } -body .ui-treetable .ui-treetable-tbody > tr { - background: #ffffff; } - body .ui-treetable .ui-treetable-tbody > tr > td { - background: inherit; - border: 1px solid #cacaca; } - body .ui-treetable .ui-treetable-tbody > tr > td .ui-treetable-toggler { - color: #757575; } - body .ui-treetable .ui-treetable-tbody > tr > td .ui-treetable-toggler .pi.pi-chevron-right { - vertical-align: top; } - body .ui-treetable .ui-treetable-tbody > tr > td .ui-treetable-toggler .pi.pi-chevron-down { - vertical-align: middle; } - body .ui-treetable .ui-treetable-tbody > tr > td .ui-treetable-chkbox { - vertical-align: middle; - margin-right: .4em; } - body .ui-treetable .ui-treetable-tbody > tr.ui-state-highlight { - background-color: #5180ce; - color: #ffffff; } - body .ui-treetable .ui-treetable-tbody > tr.ui-state-highlight > td { - background: inherit; - border: #bdbdbd; } - body .ui-treetable .ui-treetable-tbody > tr.ui-state-highlight > td .ui-treetable-toggler { - color: #ffffff; } - body .ui-treetable .ui-treetable-tbody > tr.ui-contextmenu-selected { - background-color: #5180ce; - color: #ffffff; } - body .ui-treetable .ui-treetable-tbody > tr.ui-contextmenu-selected > td { - background: inherit; - border: #bdbdbd; } - body .ui-treetable .ui-treetable-tbody > tr.ui-contextmenu-selected > td .ui-treetable-toggler { - color: #ffffff; } -body .ui-treetable.ui-treetable-hoverable-rows .ui-treetable-tbody > tr:not(.ui-state-highlight):not(.ui-contextmenu-selected):hover { - cursor: pointer; - background-color: #e8e8e8; - color: #000000; } - -@media (max-width: 40em) { - body .ui-orderlist.ui-orderlist-responsive .ui-orderlist-controls { - width: 100%; } } -@media (max-width: 640px) { - body .ui-picklist.ui-picklist-responsive .ui-picklist-list-wrapper { - margin-bottom: .5em; } - body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons { - padding: .5em 0; } - body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button.ui-button-icon-only { - display: inline-block; - margin-right: .25em; - margin-bottom: 0; } - body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .pi-angle-right { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; - -webkit-transform: rotate(90deg); - -moz-transform: rotate(90deg); - -o-transform: rotate(90deg); - -ms-transform: rotate(90deg); - transform: rotate(90deg); } - body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .pi-angle-right:before { - content: "play_arrow"; } - body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .pi-angle-double-right { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; - -webkit-transform: rotate(-90deg); - -moz-transform: rotate(-90deg); - -o-transform: rotate(-90deg); - -ms-transform: rotate(-90deg); - transform: rotate(-90deg); } - body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .pi-angle-double-right:before { - content: "skip_previous"; } - body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .pi-angle-left { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; - -webkit-transform: rotate(-90deg); - -moz-transform: rotate(-90deg); - -o-transform: rotate(-90deg); - -ms-transform: rotate(-90deg); - transform: rotate(-90deg); } - body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .pi-angle-left:before { - content: "play_arrow"; } - body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .pi-angle-double-left { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; - -webkit-transform: rotate(-90deg); - -moz-transform: rotate(-90deg); - -o-transform: rotate(-90deg); - -ms-transform: rotate(-90deg); - transform: rotate(-90deg); } - body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .pi-angle-double-left:before { - content: "skip_next"; } - body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls { - text-align: center; - width: auto; } - body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button { - margin-right: .25em; } } -body .ui-breadcrumb { - padding: 0.625em 1em; } - body .ui-breadcrumb ul li a { - color: #ffffff; - font-size: 1em; } -body .ui-steps { - position: relative; } - body .ui-steps .ui-steps-item { - background-color: transparent; } - body .ui-steps .ui-steps-item.ui-state-disabled { - opacity: 1; - filter: alpha(opacity=100); } - body .ui-steps .ui-steps-item .ui-menuitem-link { - display: inline-block; - text-align: left; - background-color: #ffffff; - overflow: hidden; } - body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { - display: inline-block; - background-color: #757575; - -moz-border-radius: 50%; - -webkit-border-radius: 50%; - border-radius: 50%; - padding: .25em .75em; - font-size: 1em; - color: #ffffff; } - body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title { - display: inline; - margin-left: .625em; - color: #757575; } - body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { - background-color: #5180ce; } - body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { - font-weight: 700; - color: #212121; } - body .ui-steps .ui-steps-item:last-child .ui-menuitem-link { - display: block; } - body .ui-steps:before { - content: ' '; - border: 1px solid #bdbdbd; - width: 90%; - top: 45%; - left: 0; - display: block; - position: absolute; } -body .ui-menu .ui-menuitem-link, -body .ui-menubar .ui-menuitem-link, -body .ui-tieredmenu .ui-menuitem-link, -body .ui-contextmenu .ui-menuitem-link, -body .ui-megamenu .ui-menuitem-link, -body .ui-slidemenu .ui-menuitem-link { - padding: .625em 1em; - color: #212121; - -moz-border-radius: 0; - -webkit-border-radius: 0; - border-radius: 0; } - body .ui-menu .ui-menuitem-link:hover, - body .ui-menubar .ui-menuitem-link:hover, - body .ui-tieredmenu .ui-menuitem-link:hover, - body .ui-contextmenu .ui-menuitem-link:hover, - body .ui-megamenu .ui-menuitem-link:hover, - body .ui-slidemenu .ui-menuitem-link:hover { - background-color: #e8e8e8; - color: #000000; } - body .ui-menu .ui-menuitem-link:focus, - body .ui-menubar .ui-menuitem-link:focus, - body .ui-tieredmenu .ui-menuitem-link:focus, - body .ui-contextmenu .ui-menuitem-link:focus, - body .ui-megamenu .ui-menuitem-link:focus, - body .ui-slidemenu .ui-menuitem-link:focus { - background-color: #e8e8e8; - color: #000000; } - body .ui-menu .ui-menuitem-link .ui-menuitem-text, - body .ui-menubar .ui-menuitem-link .ui-menuitem-text, - body .ui-tieredmenu .ui-menuitem-link .ui-menuitem-text, - body .ui-contextmenu .ui-menuitem-link .ui-menuitem-text, - body .ui-megamenu .ui-menuitem-link .ui-menuitem-text, - body .ui-slidemenu .ui-menuitem-link .ui-menuitem-text { - vertical-align: middle; } - body .ui-menu .ui-menuitem-link .ui-menuitem-icon, - body .ui-menubar .ui-menuitem-link .ui-menuitem-icon, - body .ui-tieredmenu .ui-menuitem-link .ui-menuitem-icon, - body .ui-contextmenu .ui-menuitem-link .ui-menuitem-icon, - body .ui-megamenu .ui-menuitem-link .ui-menuitem-icon, - body .ui-slidemenu .ui-menuitem-link .ui-menuitem-icon { - color: #757575; } -body .ui-menubar .ui-submenu-list, body .ui-contextmenu .ui-submenu-list, -body .ui-slidemenu .ui-submenu-list, body .ui-tieredmenu .ui-submenu-list { - padding: .5em 0; } - body .ui-menubar .ui-submenu-list .ui-menuitem, body .ui-contextmenu .ui-submenu-list .ui-menuitem, - body .ui-slidemenu .ui-submenu-list .ui-menuitem, body .ui-tieredmenu .ui-submenu-list .ui-menuitem { - margin: 0; } -body .ui-menu { - min-width: 12.5em; - padding: .5em 0; } - body .ui-menu .ui-menuitem { - margin: 0; } - body .ui-menu .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { - vertical-align: middle; } - body .ui-menu.ui-shadow, body .ui-menu .ui-shadow { - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } - body .ui-menu .ui-submenu-header { - border: 0 none; - margin: 0; - padding: .625em 1em; - border-radius: 0; } -body .ui-menubar { - padding: 0; } - body .ui-menubar .ui-menubar-root-list > .ui-menuitem > .ui-menuitem-link { - padding: .625em 1em; } - body .ui-menubar .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { - vertical-align: middle; } - body .ui-menubar .ui-menuitem .ui-menuitem-link .ui-submenu-icon { - vertical-align: middle; } - body .ui-menubar .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { - background-color: #e8e8e8; - color: #000000; } - body .ui-menubar .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon { - vertical-align: middle; } -body .ui-contextmenu { - padding: .5em 0; } - body .ui-contextmenu .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { - vertical-align: middle; } - body .ui-contextmenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { - background-color: #e8e8e8; - color: #000000; } -body .ui-slidemenu { - padding: .5em 0; } - body .ui-slidemenu .ui-menuitem { - margin: 0; } - body .ui-slidemenu .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { - vertical-align: middle; } - body .ui-slidemenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { - background-color: #e8e8e8; - color: #000000; } - body .ui-slidemenu .ui-slidemenu-backward { - margin-bottom: .4em; - padding: 0.625em 1em; - width: 100%; - background-color: #3e464c; - box-sizing: border-box; - -moz-border-radius: 0; - -webkit-border-radius: 0; - border-radius: 0; - border: 0 none; } - body .ui-slidemenu .ui-slidemenu-backward:hover { - background-color: #272c30; } -body .ui-tieredmenu { - padding: .5em 0; } - body .ui-tieredmenu .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { - vertical-align: middle; } - body .ui-tieredmenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { - background-color: #e8e8e8; - color: #000000; } -body .ui-tabmenu { - padding: 0; } - body .ui-tabmenu .ui-tabmenu-nav { - padding: 0; - background-color: #ffffff; - border: 0 none; - -moz-border-radius: 0; - -webkit-border-radius: 0; - border-radius: 0; } - body .ui-tabmenu .ui-tabmenu-nav > .ui-tabmenuitem { - top: auto; - margin: 0 .25em 0 0; - padding: 0; - border-style: solid; - border-width: 0 0 2px 0; - -moz-transition: border-color 0.3s; - -o-transition: border-color 0.3s; - -webkit-transition: border-color 0.3s; - transition: border-color 0.3s; } - body .ui-tabmenu .ui-tabmenu-nav > .ui-tabmenuitem > a { - padding: 0.625em 1em; } - body .ui-tabmenu .ui-tabmenu-nav > .ui-tabmenuitem > a:focus { - outline: 0 none; } - body .ui-tabmenu .ui-tabmenu-nav > .ui-tabmenuitem > a .ui-menuitem-icon, body .ui-tabmenu .ui-tabmenu-nav > .ui-tabmenuitem > a .ui-menuitem-text { - float: none; - display: inline-block; - vertical-align: middle; } - body .ui-tabmenu .ui-tabmenu-nav > .ui-tabmenuitem > a .ui-menuitem-icon { - font-weight: 1em; - margin-right: .25em; } - body .ui-tabmenu .ui-tabmenu-nav > .ui-tabmenuitem.ui-state-default a { - color: #757575; } - body .ui-tabmenu .ui-tabmenu-nav > .ui-tabmenuitem.ui-state-default a .ui-menuitem-icon { - color: #757575; } - body .ui-tabmenu .ui-tabmenu-nav > .ui-tabmenuitem:not(.ui-state-active):hover { - background-color: #ffffff; } - body .ui-tabmenu .ui-tabmenu-nav > .ui-tabmenuitem.ui-state-active { - background-color: #ffffff; - border-color: #5180ce; - border-style: solid; } - body .ui-tabmenu .ui-tabmenu-nav > .ui-tabmenuitem.ui-state-active a { - color: #3e464c; } - body .ui-tabmenu .ui-tabmenu-nav > .ui-tabmenuitem.ui-state-active a .ui-menuitem-icon { - color: #3e464c; } -body .ui-megamenu { - padding: 0; } - body .ui-megamenu .ui-megamenu-submenu-header { - border-radius: 0; - padding: .5em; } - body .ui-megamenu .ui-submenu-list { - padding: 0; - border: 0 none; } - body .ui-megamenu .ui-submenu-list .ui-menuitem { - margin: 0; } - body .ui-megamenu .ui-menuitem { - margin: 0; } - body .ui-megamenu .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { - vertical-align: middle; } - body .ui-megamenu .ui-menuitem .ui-menuitem-link .ui-submenu-icon { - vertical-align: middle; } - body .ui-megamenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { - background-color: #e8e8e8; - color: #000000; } -body .ui-panelmenu .ui-panelmenu-header { - background-color: #3e464c; - margin-bottom: 1px; } - body .ui-panelmenu .ui-panelmenu-header a { - padding: .625em 1em; - color: #ffffff; - font-size: 16px; - border-bottom: 1px solid #ffffff; } - body .ui-panelmenu .ui-panelmenu-header .pi { - color: #ffffff; - vertical-align: middle; } - body .ui-panelmenu .ui-panelmenu-header .ui-menuitem-icon { - color: #ffffff; - vertical-align: middle; } - body .ui-panelmenu .ui-panelmenu-header .ui-menuitem-text { - vertical-align: middle; } - body .ui-panelmenu .ui-panelmenu-header.ui-state-active { - background-color: #5180ce; - -moz-border-radius-bottomleft: 0; - -webkit-border-bottom-left-radius: 0; - border-bottom-left-radius: 0; - -moz-border-radius-bottomright: 0; - -webkit-border-bottom-right-radius: 0; - border-bottom-right-radius: 0; - margin-bottom: 0; } - body .ui-panelmenu .ui-panelmenu-header.ui-state-active a, body .ui-panelmenu .ui-panelmenu-header.ui-state-active .ui-menuitem-icon { - color: #ffffff; } -body .ui-panelmenu .ui-panelmenu-content { - padding: 0; } - body .ui-panelmenu .ui-panelmenu-content .ui-menuitem { - margin: 0; } - body .ui-panelmenu .ui-panelmenu-content .ui-menuitem .ui-menuitem-link { - border: 0 none; - padding: .625em 1em; - width: 100%; - min-height: 2.750em; - box-sizing: border-box; - color: #212121; - line-height: 1.5em; - -moz-border-radius: 0; - -webkit-border-radius: 0; - border-radius: 0; - position: relative; } - body .ui-panelmenu .ui-panelmenu-content .ui-menuitem .ui-menuitem-link:hover { - background-color: #e8e8e8; - color: #000000; } - body .ui-panelmenu .ui-panelmenu-content .ui-menuitem .ui-menuitem-link .ui-menuitem-text { - display: inline-block; - vertical-align: middle; - float: none; } - body .ui-panelmenu .ui-panelmenu-content .ui-menuitem .ui-menuitem-link .pi { - position: static; - display: inline-block; - vertical-align: middle; } - body .ui-panelmenu .ui-panelmenu-content .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { - vertical-align: middle; } -body .ui-panelmenu .ui-menu-parent .ui-menu-list { - margin-left: 28px; } - -@media (max-width: 640px) { - body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title { - display: none; } } -body { - /* Messages */ } - body .ui-messages { - padding: 0.625em 1em; } - body .ui-messages ul { - display: inline-block; - margin-left: 0; } - body .ui-messages.ui-messages-info { - background-color: #2196F3; - border-color: #2196F3; - color: #ffffff; } - body .ui-messages.ui-messages-warn { - background-color: #ffc107; - border-color: #ffc107; - color: #ffffff; } - body .ui-messages.ui-messages-error { - background-color: #e62a10; - border-color: #e62a10; - color: #ffffff; } - body .ui-messages.ui-messages-success { - background-color: #8BC34A; - border-color: #8BC34A; - color: #ffffff; } - body .ui-messages .ui-messages-close { - text-decoration: none; - color: #ffffff; - right: .25em; } - body .ui-messages .ui-messages-icon { - background: none; - color: #ffffff; - margin-top: -2px; } - body .ui-messages .ui-messages-icon.pi-info-circle { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; - font-size: 1.75em; } - body .ui-messages .ui-messages-icon.pi-info-circle:before { - content: "info"; } - body .ui-messages .ui-messages-icon.pi-exclamation-triangle { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; - font-size: 1.75em; } - body .ui-messages .ui-messages-icon.pi-exclamation-triangle:before { - content: "warning"; } - body .ui-messages .ui-messages-icon.pi-times { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; - font-size: 1.75em; } - body .ui-messages .ui-messages-icon.pi-times:before { - content: "error_outline"; } - body .ui-messages .ui-messages-icon.pi-check { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; - font-size: 1.75em; } - body .ui-messages .ui-messages-icon.pi-check:before { - content: "check_circle"; } - body .ui-message.ui-message-info { - background-color: #2196F3; - border-color: #2196F3; - color: #ffffff; } - body .ui-message.ui-message-warn { - background-color: #ffc107; - border-color: #ffc107; - color: #ffffff; } - body .ui-message.ui-message-error { - background-color: #e62a10; - border-color: #e62a10; - color: #ffffff; } - body .ui-message.ui-message-success { - background-color: #8BC34A; - border-color: #8BC34A; - color: #ffffff; } - body .ui-message .ui-message-close { - text-decoration: none; - color: #ffffff; - right: .25em; } - body .ui-message .ui-message-icon { - background: none; - color: #ffffff; - margin-top: -2px; } - body .ui-message .ui-message-icon.pi-info-circle { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; - font-size: 1.75em; } - body .ui-message .ui-message-icon.pi-info-circle:before { - content: "info"; } - body .ui-message .ui-message-icon.pi-exclamation-triangle { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; - font-size: 1.75em; } - body .ui-message .ui-message-icon.pi-exclamation-triangle:before { - content: "warning"; } - body .ui-message .ui-message-icon.pi-times { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; - font-size: 1.75em; } - body .ui-message .ui-message-icon.pi-times:before { - content: "error_outline"; } - body .ui-message .ui-message-icon.pi-check { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; - font-size: 1.75em; } - body .ui-message .ui-message-icon.pi-check:before { - content: "check_circle"; } - body .ui-growl { - top: 90px; } - body .ui-growl > .ui-growl-item-container { - opacity: 1; } - body .ui-growl > .ui-growl-item-container.ui-growl-message-info { - background-color: #2196F3; } - body .ui-growl > .ui-growl-item-container.ui-growl-message-warn { - background-color: #ffc107; } - body .ui-growl > .ui-growl-item-container.ui-growl-message-error { - background-color: #e62a10; } - body .ui-growl > .ui-growl-item-container.ui-growl-message-success { - background-color: #8BC34A; } - body .ui-growl > .ui-growl-item-container.ui-shadow { - -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); - -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); - box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } - body .ui-growl .ui-growl-item .ui-growl-image { - background: none; - color: #ffffff; - font-size: 1.75em; } - body .ui-growl .ui-growl-item .ui-growl-image.pi-info-circle { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; - font-size: 1.75em; } - body .ui-growl .ui-growl-item .ui-growl-image.pi-info-circle:before { - content: "info"; } - body .ui-growl .ui-growl-item .ui-growl-image.pi-exclamation-triangle { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; - font-size: 1.75em; } - body .ui-growl .ui-growl-item .ui-growl-image.pi-exclamation-triangle:before { - content: "warning"; } - body .ui-growl .ui-growl-item .ui-growl-image.pi-times { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; - font-size: 1.75em; } - body .ui-growl .ui-growl-item .ui-growl-image.pi-times:before { - content: "error_outline"; } - body .ui-growl .ui-growl-item .ui-growl-image.pi-check { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; - font-size: 1.75em; } - body .ui-growl .ui-growl-item .ui-growl-image.pi-check:before { - content: "check_circle"; } - body .ui-growl .ui-growl-item .ui-growl-message { - color: #ffffff; } - body .ui-growl .ui-growl-item .ui-growl-icon-close { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; - font-size: 24px; - color: #ffffff; } - body .ui-growl .ui-growl-item .ui-growl-icon-close:before { - content: "close"; } - body .ui-toast .ui-toast-message { - -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); - -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); - box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } - body .ui-toast .ui-toast-message.ui-toast-message-info { - background-color: #2196F3; - border: 0 none; - color: #ffffff; } - body .ui-toast .ui-toast-message.ui-toast-message-info .ui-toast-close-icon { - color: #ffffff; } - body .ui-toast .ui-toast-message.ui-toast-message-success { - background-color: #8BC34A; - border: 0 none; - color: #ffffff; } - body .ui-toast .ui-toast-message.ui-toast-message-success .ui-toast-close-icon { - color: #ffffff; } - body .ui-toast .ui-toast-message.ui-toast-message-warn { - background-color: #ffc107; - border: 0 none; - color: #ffffff; } - body .ui-toast .ui-toast-message.ui-toast-message-warn .ui-toast-close-icon { - color: #ffffff; } - body .ui-toast .ui-toast-message.ui-toast-message-error { - background-color: #e62a10; - border: 0 none; - color: #ffffff; } - body .ui-toast .ui-toast-message.ui-toast-message-error .ui-toast-close-icon { - color: #ffffff; } - body .ui-toast .ui-toast-message .ui-toast-message-content.pi-info-circle { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; - font-size: 1.75em; } - body .ui-toast .ui-toast-message .ui-toast-message-content.pi-info-circle:before { - content: "info"; } - body .ui-toast .ui-toast-message .ui-toast-message-content.pi-exclamation-triangle { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; - font-size: 1.75em; } - body .ui-toast .ui-toast-message .ui-toast-message-content.pi-exclamation-triangle:before { - content: "warning"; } - body .ui-toast .ui-toast-message .ui-toast-message-content.pi-times { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; - font-size: 1.75em; } - body .ui-toast .ui-toast-message .ui-toast-message-content.pi-times:before { - content: "error_outline"; } - body .ui-toast .ui-toast-message .ui-toast-message-content.pi-check { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; - font-size: 1.75em; } - body .ui-toast .ui-toast-message .ui-toast-message-content.pi-check:before { - content: "check_circle"; } - -body .ui-dialog.ui-shadow { - -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); - -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); - box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } -body .ui-dialog .ui-dialog-titlebar { - background-color: #ffffff; - color: #212121; - padding: 0.625em 1em; } - body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { - font-size: 1.25em; - letter-spacing: .005em; - margin-top: .25em; - line-height: 2em; } - body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { - border: 0 none; - padding: 0; - -moz-border-radius: 50%; - -webkit-border-radius: 50%; - border-radius: 50%; - -moz-transition: background-color 0.3s; - -o-transition: background-color 0.3s; - -webkit-transition: background-color 0.3s; - transition: background-color 0.3s; - height: 1.5em; - width: 1.5em; - text-align: center; - margin-top: .5em; } - body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover, body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:focus { - background-color: #e8e8e8; - color: #000000; } - body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .pi { - color: #757575; - display: inline-block; } - body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .pi-window-maximize { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .pi-window-maximize:before { - content: "fullscreen"; } - body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .pi-window-minimize { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 1.5em; - /* Preferred icon size */ - display: inline-block; - width: 1em; - height: 1em; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - text-indent: 0; - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - /* Support for IE. */ - font-feature-settings: 'liga'; } - body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .pi-window-minimize:before { - content: "fullscreen_exit"; } - body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-maximize span { - margin-top: -2px; } -body .ui-dialog .ui-dialog-content { - padding: 0.625em 1em; } -body .ui-dialog .ui-dialog-footer { - text-align: right; - border: 0 none; - border-top: 1px solid #bdbdbd; } - body .ui-dialog .ui-dialog-footer .ui-button { - background-color: #ffffff; - color: #212121; - box-shadow: none; - -webkit-box-shadow: none; - -moz-box-shadow: none; - width: auto; } - body .ui-dialog .ui-dialog-footer .ui-button .ui-button-icon-left { - color: #757575; } - body .ui-dialog .ui-dialog-footer .ui-button .ui-button-icon-right { - color: #757575; } - body .ui-dialog .ui-dialog-footer .ui-button:hover { - background-color: #e8e8e8; - color: #000000; } -body .ui-dialog .ui-confirm-dialog-severity { - margin: 0px .75em; } -body .ui-lightbox.ui-shadow { - -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); - -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); - box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } -body .ui-lightbox .ui-lightbox-caption { - padding: 0.625em 1em; } - body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text { - margin: 0; } - body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close { - -moz-border-radius: 50%; - -webkit-border-radius: 50%; - border-radius: 50%; - -moz-transition: background-color 0.3s; - -o-transition: background-color 0.3s; - -webkit-transition: background-color 0.3s; - transition: background-color 0.3s; - padding: 0; - margin: 0; - width: 1.5em; - height: 1.5em; } - body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:hover { - background-color: #777d81; - -moz-border-radius: 50%; - -webkit-border-radius: 50%; - border-radius: 50%; - -moz-transition: background-color 0.3s; - -o-transition: background-color 0.3s; - -webkit-transition: background-color 0.3s; - transition: background-color 0.3s; } -body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right, body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left { - top: 40%; } - body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right .pi, body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left .pi { - -moz-transition: color 0.3s; - -o-transition: color 0.3s; - -webkit-transition: color 0.3s; - transition: color 0.3s; - font-size: 3em; - color: #777d81; } -body .ui-overlaypanel.ui-shadow { - -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); - -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); - box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } -body .ui-overlaypanel .ui-overlaypanel-close { - background-color: #5180ce; - -moz-border-radius: 50%; - -webkit-border-radius: 50%; - border-radius: 50%; - -moz-transition: background-color 0.3s; - -o-transition: background-color 0.3s; - -webkit-transition: background-color 0.3s; - transition: background-color 0.3s; - right: -16px; - top: -16px; - width: 2em; - height: 2em; - line-height: 2em; - text-align: center; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); - -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); - -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); } - body .ui-overlaypanel .ui-overlaypanel-close span { - color: #ffffff; - line-height: inherit; } - body .ui-overlaypanel .ui-overlaypanel-close:hover { - background-color: #274d8d; } -body .ui-tooltip { - opacity: 0.9; - filter: alpha(opacity=90); } - body .ui-tooltip .ui-tooltip-text { - background-color: #323232; } - body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { - border-top-color: #323232; } - body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { - border-bottom-color: #323232; } - body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { - border-left-color: #323232; } - body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { - border-right-color: #323232; } - -body .ui-draggable-dragging.ui-state-default { - padding: 0.625em 1em !important; - background-color: #3e464c; } -body .jqplot-target { - font-family: "Roboto","Helvetica Neue",sans-serif; } -body .ui-progressbar { - height: .5em; - background-color: #777d81; - overflow: hidden; - border: 0 none; } - body .ui-progressbar .ui-progressbar-value { - height: .5em; } - body .ui-progressbar .ui-progressbar-label { - color: #ffffff; - display: none !important; } -body .ui-progressbar-indeterminate .ui-progressbar-value { - background-color: inherit; } - body .ui-progressbar-indeterminate .ui-progressbar-value::after { - background-color: #3e464c; } - body .ui-progressbar-indeterminate .ui-progressbar-value::before { - background-color: #3e464c; } -body .ui-galleria .ui-galleria-nav-prev { - left: 0; } -body .ui-galleria .ui-galleria-nav-next { - right: 0; } -body .ui-inplace .ui-inplace-display { - -moz-transition: background-color 0.3s; - -o-transition: background-color 0.3s; - -webkit-transition: background-color 0.3s; - transition: background-color 0.3s; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; } - body .ui-inplace .ui-inplace-display:hover { - background-color: #e8e8e8; } -body .ui-terminal .ui-terminal-input { - font-size: 16px; } diff --git a/src/assets/theme/theme-dark-blue.scss b/src/assets/theme/theme-dark-blue.scss deleted file mode 100644 index eb13f4e9..00000000 --- a/src/assets/theme/theme-dark-blue.scss +++ /dev/null @@ -1,9 +0,0 @@ -$primaryColor: #3e464c; -$primaryDarkColor: #2b3135; -$primaryLightColor: #777d81; -$accentColor: #5180ce; -$accentDarkColor: #274d8d; -$accentLightColor: #86b0f5; -$accentTextColor: #ffffff; - -@import '../sass/theme/_theme'; diff --git a/src/index.html b/src/index.html index f950f2ae..6045d8dc 100644 --- a/src/index.html +++ b/src/index.html @@ -12,29 +12,18 @@ - - - + + - - - - - - - - - - +
      +
      + + + +
      +
      diff --git a/src/main.ts b/src/main.ts index 62406960..0c531231 100644 --- a/src/main.ts +++ b/src/main.ts @@ -9,4 +9,5 @@ if (environment.production) { enableProdMode(); } console.log("main.ts environment.name:", environment.name); -platformBrowserDynamic().bootstrapModule(AppModule); +platformBrowserDynamic().bootstrapModule(AppModule) + .catch(err => console.error(err)); diff --git a/src/polyfills.ts b/src/polyfills.ts index 709596ae..c34a53ba 100644 --- a/src/polyfills.ts +++ b/src/polyfills.ts @@ -13,57 +13,55 @@ * automatically update themselves. This includes Safari >= 10, Chrome >= 55 (including Opera), * Edge >= 13 on the desktop, and iOS 10 and Chrome on mobile. * - * Learn more in https://angular.io/docs/ts/latest/guide/browser-support.html + * Learn more in https://angular.io/guide/browser-support */ /*************************************************************************************************** * BROWSER POLYFILLS */ -/** IE9, IE10 and IE11 requires all of the following polyfills. **/ -// import 'core-js/es6/symbol'; -// import 'core-js/es6/object'; -// import 'core-js/es6/function'; -// import 'core-js/es6/parse-int'; -// import 'core-js/es6/parse-float'; -// import 'core-js/es6/number'; -// import 'core-js/es6/math'; -// import 'core-js/es6/string'; -// import 'core-js/es6/date'; -// import 'core-js/es6/array'; -// import 'core-js/es6/regexp'; -// import 'core-js/es6/map'; -// import 'core-js/es6/set'; /** IE10 and IE11 requires the following for NgClass support on SVG elements */ // import 'classlist.js'; // Run `npm install --save classlist.js`. -/** IE10 and IE11 requires the following to support `@angular/animation`. */ -// import 'web-animations-js'; // Run `npm install --save web-animations-js`. - -/** Evergreen browsers require these. **/ -// import 'core-js/es6/reflect'; +/** + * Web Animations `@angular/platform-browser/animations` + * Only required if AnimationBuilder is used within the application and using IE/Edge or Safari. + * Standard animation support in Angular DOES NOT require any polyfills (as of Angular 6.0). + */ +import 'web-animations-js'; // Run `npm install --save web-animations-js`. -/** ALL Firefox browsers require the following to support `@angular/animation`. **/ -// import 'web-animations-js'; // Run `npm install --save web-animations-js`. +/** + * By default, zone.js will patch all possible macroTask and DomEvents + * user can disable parts of macroTask/DomEvents patch by setting following flags + * because those flags need to be set before `zone.js` being loaded, and webpack + * will put import in the top of bundle, so user need to create a separate file + * in this directory (for example: zone-flags.ts), and put the following flags + * into that file, and then add the following code before importing zone.js. + * import './zone-flags.ts'; + * + * The flags allowed in zone-flags.ts are listed here. + * + * The following flags will work for all browsers. + * + * (window as any).__Zone_disable_requestAnimationFrame = true; // disable patch requestAnimationFrame + * (window as any).__Zone_disable_on_property = true; // disable patch onProperty such as onclick + * (window as any).__zone_symbol__UNPATCHED_EVENTS = ['scroll', 'mousemove']; // disable patch specified eventNames + * + * in IE/Edge developer tools, the addEventListener will also be wrapped by zone.js + * with the following flag, it will bypass `zone.js` patch for IE/Edge + * + * (window as any).__Zone_enable_cross_context_check = true; + * + */ /*************************************************************************************************** - * Zone JS is required by Angular itself. + * Zone JS is required by default for Angular itself. */ -import "zone.js"; // Included with Angular CLI. +import 'zone.js/dist/zone'; // Included with Angular CLI. /*************************************************************************************************** * APPLICATION IMPORTS */ -/** - * Date, currency, decimal and percent pipes. - * Needed for: All but Chrome, Firefox, Edge, IE11 and Safari 10 - */ -// import 'intl'; // Run `npm install --save intl`. -// https://github.com/algolia/algoliasearch-client-javascript/issues/691 -(window as any).process = { - // eslint-disable-next-line @typescript-eslint/naming-convention - env: { DEBUG: undefined }, -}; diff --git a/src/silent-renew.html b/src/silent-renew.html deleted file mode 100644 index f3901129..00000000 --- a/src/silent-renew.html +++ /dev/null @@ -1,13 +0,0 @@ - - - - - - - -

      Waiting...

      -
      - - - - \ No newline at end of file diff --git a/src/styles.scss b/src/styles.scss index 28689c84..d77647cd 100644 --- a/src/styles.scss +++ b/src/styles.scss @@ -1,6 +1,19 @@ /* You can add global styles to this file, and also import other style files */ // Global outlined input text styles // - +@import "../node_modules/primeng/resources/primeng.min.css"; +@import "../node_modules/primeflex/primeflex.scss"; +@import "../node_modules/primeicons/primeicons.css"; +@import "../node_modules/prismjs/themes/prism-coy.css"; +@import "../node_modules/@fullcalendar/daygrid/main.min.css"; +@import "../node_modules/@fullcalendar/timegrid/main.min.css"; + +// "node_modules/nanoscroller/bin/css/nanoscroller.css", +// "node_modules/primeng/resources/primeng.min.css", +// "node_modules/primeng/resources/themes/mdc-light-indigo/theme.css", +// "node_modules/primeflex/primeflex.css", +// "node_modules/primeicons/primeicons.css", +// "node_modules/codemirror/lib/codemirror.css", +// "node_modules/codemirror/theme/monokai.css", .p-float-label textarea ~ label { top: 0; } @@ -10,7 +23,7 @@ // Responsive Table Styles .p-datatable-responsive .p-datatable-tbody > tr > td { - word-break: break-word; + word-break: break-word; & .p-column-title { display: none; } @@ -84,8 +97,8 @@ } .c-divider { - border-bottom: .2px solid var(--surface-d); - margin: 1.5rem 0 .2rem 0; + border-bottom: 0.2px solid var(--surface-d); + margin: 1.5rem 0 0.2rem 0; } .c-hightlight { diff --git a/test/global-variables.js b/test/global-variables.js new file mode 100644 index 00000000..78654505 --- /dev/null +++ b/test/global-variables.js @@ -0,0 +1,5 @@ +const process = { + env: { + NODE_ENV :'production' + } + }; \ No newline at end of file diff --git a/tsconfig.spec.json b/tsconfig.spec.json index 6b6ac33c..d632de59 100644 --- a/tsconfig.spec.json +++ b/tsconfig.spec.json @@ -28,8 +28,9 @@ "src/polyfills.ts" ], "include": [ - "src/**/*.spec.ts", - "src/**/.d.ts" + "**/*.spec.ts", + "src/ **/.d.ts", + "src/ **/*.ts" ], "exclude": [ "cypress"