diff --git a/backend/src/services/eventBrite/eventBriteService.ts b/backend/src/services/eventBrite/eventBriteService.ts new file mode 100644 index 000000000..e69de29bb diff --git a/backend/src/services/index.ts b/backend/src/services/index.ts new file mode 100644 index 000000000..e69de29bb diff --git a/backend/src/services/oneMap/oneMapService.ts b/backend/src/services/oneMap/oneMapService.ts new file mode 100644 index 000000000..e69de29bb diff --git a/backend/src/services/stbTourism/stbTourism.ts b/backend/src/services/stbTourism/stbTourism.ts new file mode 100644 index 000000000..e69de29bb diff --git a/backend/src/services/strava/stravaService.ts b/backend/src/services/strava/stravaService.ts new file mode 100644 index 000000000..e69de29bb diff --git a/backend/src/services/tripAdvisor/tripAdvisorService.ts b/backend/src/services/tripAdvisor/tripAdvisorService.ts new file mode 100644 index 000000000..e69de29bb diff --git a/backend/src/services/youtube/youtubeService.ts b/backend/src/services/youtube/youtubeService.ts new file mode 100644 index 000000000..e69de29bb diff --git a/frontend/peakvisor/angular.json b/frontend/peakvisor/angular.json index 68e930033..f6a3b8e8e 100644 --- a/frontend/peakvisor/angular.json +++ b/frontend/peakvisor/angular.json @@ -22,9 +22,13 @@ "tsConfig": "tsconfig.app.json", "assets": [ "src/favicon.ico", - "src/assets" + "src/assets", + "src/assets/svg/*" ], "styles": [ + "primeng/resources/themes/vela-green/theme.css", + "node_modules/primeng/resources/primeng.min.css", + "node_modules/primeflex/primeflex.css", "src/styles.css" ], "scripts": [] diff --git a/frontend/peakvisor/package-lock.json b/frontend/peakvisor/package-lock.json index 4ea817764..0cf393b95 100644 --- a/frontend/peakvisor/package-lock.json +++ b/frontend/peakvisor/package-lock.json @@ -16,7 +16,12 @@ "@angular/platform-browser": "^17.1.0", "@angular/platform-browser-dynamic": "^17.1.0", "@angular/router": "^17.1.0", + "lottie-web": "^5.12.2", + "ngx-lottie": "^10.0.0", + "primeflex": "^3.3.1", + "primeng": "^17.5.0", "rxjs": "~7.8.0", + "sass": "^1.70.0", "tslib": "^2.3.0", "zone.js": "~0.14.3" }, @@ -25,15 +30,31 @@ "@angular/cli": "^17.1.1", "@angular/compiler-cli": "^17.1.0", "@types/jasmine": "~5.1.0", + "autoprefixer": "^10.4.17", "jasmine-core": "~5.1.0", "karma": "~6.4.0", "karma-chrome-launcher": "~3.2.0", "karma-coverage": "~2.2.0", "karma-jasmine": "~5.1.0", "karma-jasmine-html-reporter": "~2.1.0", + "postcss": "^8.4.33", "typescript": "~5.3.2" } }, + "node_modules/@alloc/quick-lru": { + "version": "5.2.0", + "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz", + "integrity": "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==", + "dev": true, + "optional": true, + "peer": true, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, "node_modules/@ampproject/remapping": { "version": "2.2.1", "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.2.1.tgz", @@ -192,6 +213,60 @@ } } }, + "node_modules/@angular-devkit/build-angular/node_modules/autoprefixer": { + "version": "10.4.16", + "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.16.tgz", + "integrity": "sha512-7vd3UC6xKp0HLfua5IjZlcXvGAGy7cBAXTg2lyQ/8WpNhd6SiZ8Be+xm3FyBSYJx5GKcpRCzBh7RH4/0dnY+uQ==", + "dev": true, + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/postcss/" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/autoprefixer" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "dependencies": { + "browserslist": "^4.21.10", + "caniuse-lite": "^1.0.30001538", + "fraction.js": "^4.3.6", + "normalize-range": "^0.1.2", + "picocolors": "^1.0.0", + "postcss-value-parser": "^4.2.0" + }, + "bin": { + "autoprefixer": "bin/autoprefixer" + }, + "engines": { + "node": "^10 || ^12 || >=14" + }, + "peerDependencies": { + "postcss": "^8.1.0" + } + }, + "node_modules/@angular-devkit/build-angular/node_modules/sass": { + "version": "1.69.7", + "resolved": "https://registry.npmjs.org/sass/-/sass-1.69.7.tgz", + "integrity": "sha512-rzj2soDeZ8wtE2egyLXgOOHQvaC2iosZrkF6v3EUG+tBwEvhqUCzm0VP3k9gHF9LXbSrRhT5SksoI56Iw8NPnQ==", + "dev": true, + "dependencies": { + "chokidar": ">=3.0.0 <4.0.0", + "immutable": "^4.0.0", + "source-map-js": ">=0.6.2 <2.0.0" + }, + "bin": { + "sass": "sass.js" + }, + "engines": { + "node": ">=14.0.0" + } + }, "node_modules/@angular-devkit/build-webpack": { "version": "0.1701.1", "resolved": "https://registry.npmjs.org/@angular-devkit/build-webpack/-/build-webpack-0.1701.1.tgz", @@ -3314,6 +3389,12 @@ "win32" ] }, + "node_modules/@scarf/scarf": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/@scarf/scarf/-/scarf-1.3.0.tgz", + "integrity": "sha512-lHKK8M5CTcpFj2hZDB3wIjb0KAbEOgDmiJGDv1WBRfQgRm/a8/XMEkG/N1iM01xgbUDsPQwi42D+dFo1XPAKew==", + "hasInstallScript": true + }, "node_modules/@schematics/angular": { "version": "17.1.1", "resolved": "https://registry.npmjs.org/@schematics/angular/-/angular-17.1.1.tgz", @@ -4047,11 +4128,18 @@ "node": ">=4" } }, + "node_modules/any-promise": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz", + "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==", + "dev": true, + "optional": true, + "peer": true + }, "node_modules/anymatch": { "version": "3.1.3", "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz", "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==", - "dev": true, "dependencies": { "normalize-path": "^3.0.0", "picomatch": "^2.0.4" @@ -4064,7 +4152,6 @@ "version": "2.3.1", "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", - "dev": true, "engines": { "node": ">=8.6" }, @@ -4072,6 +4159,14 @@ "url": "https://github.com/sponsors/jonschlinkert" } }, + "node_modules/arg": { + "version": "5.0.2", + "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz", + "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==", + "dev": true, + "optional": true, + "peer": true + }, "node_modules/argparse": { "version": "1.0.10", "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz", @@ -4088,9 +4183,9 @@ "dev": true }, "node_modules/autoprefixer": { - "version": "10.4.16", - "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.16.tgz", - "integrity": "sha512-7vd3UC6xKp0HLfua5IjZlcXvGAGy7cBAXTg2lyQ/8WpNhd6SiZ8Be+xm3FyBSYJx5GKcpRCzBh7RH4/0dnY+uQ==", + "version": "10.4.17", + "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.17.tgz", + "integrity": "sha512-/cpVNRLSfhOtcGflT13P2794gVSgmPgTR+erw5ifnMLZb0UnSlkK4tquLmkd3BhA+nLo5tX8Cu0upUsGKvKbmg==", "dev": true, "funding": [ { @@ -4107,9 +4202,9 @@ } ], "dependencies": { - "browserslist": "^4.21.10", - "caniuse-lite": "^1.0.30001538", - "fraction.js": "^4.3.6", + "browserslist": "^4.22.2", + "caniuse-lite": "^1.0.30001578", + "fraction.js": "^4.3.7", "normalize-range": "^0.1.2", "picocolors": "^1.0.0", "postcss-value-parser": "^4.2.0" @@ -4275,7 +4370,6 @@ "version": "2.2.0", "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz", "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==", - "dev": true, "engines": { "node": ">=8" } @@ -4360,7 +4454,6 @@ "version": "3.0.2", "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz", "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==", - "dev": true, "dependencies": { "fill-range": "^7.0.1" }, @@ -4558,6 +4651,17 @@ "node": ">=6" } }, + "node_modules/camelcase-css": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz", + "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==", + "dev": true, + "optional": true, + "peer": true, + "engines": { + "node": ">= 6" + } + }, "node_modules/caniuse-lite": { "version": "1.0.30001581", "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001581.tgz", @@ -4602,7 +4706,6 @@ "version": "3.5.3", "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz", "integrity": "sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==", - "dev": true, "funding": [ { "type": "individual", @@ -5366,6 +5469,14 @@ "integrity": "sha512-uJaamHkagcZtHPqCIHZxnFrXlunQXgBOsZSUOWwFw31QJCAbyTBoHMW75YOTur5ZNx8pIeAKgf6GWIgaqqiLhA==", "dev": true }, + "node_modules/didyoumean": { + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz", + "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==", + "dev": true, + "optional": true, + "peer": true + }, "node_modules/dir-glob": { "version": "3.0.1", "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz", @@ -5378,6 +5489,14 @@ "node": ">=8" } }, + "node_modules/dlv": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz", + "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==", + "dev": true, + "optional": true, + "peer": true + }, "node_modules/dns-packet": { "version": "5.6.1", "resolved": "https://registry.npmjs.org/dns-packet/-/dns-packet-5.6.1.tgz", @@ -6051,7 +6170,6 @@ "version": "7.0.1", "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz", "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==", - "dev": true, "dependencies": { "to-regex-range": "^5.0.1" }, @@ -6269,7 +6387,6 @@ "version": "2.3.3", "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz", "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==", - "dev": true, "hasInstallScript": true, "optional": true, "os": [ @@ -6366,7 +6483,6 @@ "version": "5.1.2", "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz", "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==", - "dev": true, "dependencies": { "is-glob": "^4.0.1" }, @@ -6831,8 +6947,7 @@ "node_modules/immutable": { "version": "4.3.5", "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.3.5.tgz", - "integrity": "sha512-8eabxkth9gZatlwl5TBuJnCsoTADlL6ftEr7A4qgdaTsPyreilDSnUk57SO+jfKcNtxPa22U5KK6DSeAYhpBJw==", - "dev": true + "integrity": "sha512-8eabxkth9gZatlwl5TBuJnCsoTADlL6ftEr7A4qgdaTsPyreilDSnUk57SO+jfKcNtxPa22U5KK6DSeAYhpBJw==" }, "node_modules/import-fresh": { "version": "3.3.0", @@ -6965,7 +7080,6 @@ "version": "2.1.0", "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz", "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==", - "dev": true, "dependencies": { "binary-extensions": "^2.0.0" }, @@ -7004,7 +7118,6 @@ "version": "2.1.1", "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz", "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==", - "dev": true, "engines": { "node": ">=0.10.0" } @@ -7022,7 +7135,6 @@ "version": "4.0.3", "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz", "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==", - "dev": true, "dependencies": { "is-extglob": "^2.1.1" }, @@ -7049,7 +7161,6 @@ "version": "7.0.0", "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz", "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==", - "dev": true, "engines": { "node": ">=0.12.0" } @@ -7763,6 +7874,17 @@ } } }, + "node_modules/lilconfig": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-2.1.0.tgz", + "integrity": "sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==", + "dev": true, + "optional": true, + "peer": true, + "engines": { + "node": ">=10" + } + }, "node_modules/lines-and-columns": { "version": "1.2.4", "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz", @@ -7925,6 +8047,11 @@ "node": ">=8.0" } }, + "node_modules/lottie-web": { + "version": "5.12.2", + "resolved": "https://registry.npmjs.org/lottie-web/-/lottie-web-5.12.2.tgz", + "integrity": "sha512-uvhvYPC8kGPjXT3MyKMrL3JitEAmDMp30lVkuq/590Mw9ok6pWcFCwXJveo0t5uqYw1UREQHofD+jVpdjBv8wg==" + }, "node_modules/lru-cache": { "version": "5.1.1", "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz", @@ -8383,6 +8510,19 @@ "node": "^14.17.0 || ^16.13.0 || >=18.0.0" } }, + "node_modules/mz": { + "version": "2.7.0", + "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz", + "integrity": "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==", + "dev": true, + "optional": true, + "peer": true, + "dependencies": { + "any-promise": "^1.0.0", + "object-assign": "^4.0.1", + "thenify-all": "^1.0.0" + } + }, "node_modules/nanoid": { "version": "3.3.7", "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz", @@ -8446,6 +8586,19 @@ "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==", "dev": true }, + "node_modules/ngx-lottie": { + "version": "10.0.0", + "resolved": "https://registry.npmjs.org/ngx-lottie/-/ngx-lottie-10.0.0.tgz", + "integrity": "sha512-8a0ufv13+o1cLR25SQ4N731rxD9nIA7F1jyo3l/jbUlRnrlcF5heFqWyTYnRf4BG0LQ4URuybN/nr+xbGT1W9Q==", + "dependencies": { + "@scarf/scarf": "^1.1.1", + "tslib": "^2.3.0" + }, + "peerDependencies": { + "@angular/core": ">=15", + "lottie-web": ">=5.9.2" + } + }, "node_modules/nice-napi": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/nice-napi/-/nice-napi-1.0.2.tgz", @@ -8623,7 +8776,6 @@ "version": "3.0.0", "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz", "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==", - "dev": true, "engines": { "node": ">=0.10.0" } @@ -8763,6 +8915,17 @@ "node": ">=0.10.0" } }, + "node_modules/object-hash": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz", + "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==", + "dev": true, + "optional": true, + "peer": true, + "engines": { + "node": ">= 6" + } + }, "node_modules/object-inspect": { "version": "1.13.1", "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.1.tgz", @@ -9258,6 +9421,17 @@ "node": ">=6" } }, + "node_modules/pirates": { + "version": "4.0.6", + "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.6.tgz", + "integrity": "sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==", + "dev": true, + "optional": true, + "peer": true, + "engines": { + "node": ">= 6" + } + }, "node_modules/piscina": { "version": "4.2.1", "resolved": "https://registry.npmjs.org/piscina/-/piscina-4.2.1.tgz", @@ -9384,6 +9558,94 @@ "node": "^10 || ^12 || >=14" } }, + "node_modules/postcss-import": { + "version": "15.1.0", + "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-15.1.0.tgz", + "integrity": "sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==", + "dev": true, + "optional": true, + "peer": true, + "dependencies": { + "postcss-value-parser": "^4.0.0", + "read-cache": "^1.0.0", + "resolve": "^1.1.7" + }, + "engines": { + "node": ">=14.0.0" + }, + "peerDependencies": { + "postcss": "^8.0.0" + } + }, + "node_modules/postcss-js": { + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.0.1.tgz", + "integrity": "sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==", + "dev": true, + "optional": true, + "peer": true, + "dependencies": { + "camelcase-css": "^2.0.1" + }, + "engines": { + "node": "^12 || ^14 || >= 16" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/postcss/" + }, + "peerDependencies": { + "postcss": "^8.4.21" + } + }, + "node_modules/postcss-load-config": { + "version": "4.0.2", + "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-4.0.2.tgz", + "integrity": "sha512-bSVhyJGL00wMVoPUzAVAnbEoWyqRxkjv64tUl427SKnPrENtq6hJwUojroMz2VB+Q1edmi4IfrAPpami5VVgMQ==", + "dev": true, + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/postcss/" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "optional": true, + "peer": true, + "dependencies": { + "lilconfig": "^3.0.0", + "yaml": "^2.3.4" + }, + "engines": { + "node": ">= 14" + }, + "peerDependencies": { + "postcss": ">=8.0.9", + "ts-node": ">=9.0.0" + }, + "peerDependenciesMeta": { + "postcss": { + "optional": true + }, + "ts-node": { + "optional": true + } + } + }, + "node_modules/postcss-load-config/node_modules/lilconfig": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.0.0.tgz", + "integrity": "sha512-K2U4W2Ff5ibV7j7ydLr+zLAkIg5JJ4lPn1Ltsdt+Tz/IjQ8buJ55pZAxoP34lqIiwtF9iAvtLv3JGv7CAyAg+g==", + "dev": true, + "optional": true, + "peer": true, + "engines": { + "node": ">=14" + } + }, "node_modules/postcss-loader": { "version": "7.3.4", "resolved": "https://registry.npmjs.org/postcss-loader/-/postcss-loader-7.3.4.tgz", @@ -9465,6 +9727,27 @@ "postcss": "^8.1.0" } }, + "node_modules/postcss-nested": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.0.1.tgz", + "integrity": "sha512-mEp4xPMi5bSWiMbsgoPfcP74lsWLHkQbZc3sY+jWYd65CUwXrUaTp0fmNpa01ZcETKlIgUdFN/MpS2xZtqL9dQ==", + "dev": true, + "optional": true, + "peer": true, + "dependencies": { + "postcss-selector-parser": "^6.0.11" + }, + "engines": { + "node": ">=12.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/postcss/" + }, + "peerDependencies": { + "postcss": "^8.2.14" + } + }, "node_modules/postcss-selector-parser": { "version": "6.0.15", "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.15.tgz", @@ -9496,6 +9779,26 @@ "url": "https://github.com/sponsors/sindresorhus" } }, + "node_modules/primeflex": { + "version": "3.3.1", + "resolved": "https://registry.npmjs.org/primeflex/-/primeflex-3.3.1.tgz", + "integrity": "sha512-zaOq3YvcOYytbAmKv3zYc+0VNS9Wg5d37dfxZnveKBFPr7vEIwfV5ydrpiouTft8MVW6qNjfkaQphHSnvgQbpQ==" + }, + "node_modules/primeng": { + "version": "17.5.0", + "resolved": "https://registry.npmjs.org/primeng/-/primeng-17.5.0.tgz", + "integrity": "sha512-I5nH+KLi1gOiBXd8TlFOoqy+HVnBXnbLOo7+zvG5yNaLIEjGirHm1c+fi73imbyHGa0L0VtZeNNZDsS7poScrw==", + "dependencies": { + "tslib": "^2.3.0" + }, + "peerDependencies": { + "@angular/common": "^17.0.0", + "@angular/core": "^17.0.0", + "@angular/forms": "^17.0.0", + "rxjs": "^6.0.0 || ^7.8.1", + "zone.js": "~0.14.0" + } + }, "node_modules/proc-log": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/proc-log/-/proc-log-3.0.0.tgz", @@ -9645,6 +9948,28 @@ "node": ">= 0.8" } }, + "node_modules/read-cache": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz", + "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==", + "dev": true, + "optional": true, + "peer": true, + "dependencies": { + "pify": "^2.3.0" + } + }, + "node_modules/read-cache/node_modules/pify": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz", + "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==", + "dev": true, + "optional": true, + "peer": true, + "engines": { + "node": ">=0.10.0" + } + }, "node_modules/read-package-json": { "version": "7.0.0", "resolved": "https://registry.npmjs.org/read-package-json/-/read-package-json-7.0.0.tgz", @@ -9737,7 +10062,6 @@ "version": "3.6.0", "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz", "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==", - "dev": true, "dependencies": { "picomatch": "^2.2.1" }, @@ -9749,7 +10073,6 @@ "version": "2.3.1", "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", - "dev": true, "engines": { "node": ">=8.6" }, @@ -10081,10 +10404,9 @@ "dev": true }, "node_modules/sass": { - "version": "1.69.7", - "resolved": "https://registry.npmjs.org/sass/-/sass-1.69.7.tgz", - "integrity": "sha512-rzj2soDeZ8wtE2egyLXgOOHQvaC2iosZrkF6v3EUG+tBwEvhqUCzm0VP3k9gHF9LXbSrRhT5SksoI56Iw8NPnQ==", - "dev": true, + "version": "1.70.0", + "resolved": "https://registry.npmjs.org/sass/-/sass-1.70.0.tgz", + "integrity": "sha512-uUxNQ3zAHeAx5nRFskBnrWzDUJrrvpCPD5FNAoRvTi0WwremlheES3tg+56PaVtCs5QDRX5CBLxxKMDJMEa1WQ==", "dependencies": { "chokidar": ">=3.0.0 <4.0.0", "immutable": "^4.0.0", @@ -10586,7 +10908,6 @@ "version": "1.0.2", "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz", "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==", - "dev": true, "engines": { "node": ">=0.10.0" } @@ -10817,23 +11138,110 @@ "node": ">=6" } }, - "node_modules/supports-color": { - "version": "5.5.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", - "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", + "node_modules/sucrase": { + "version": "3.35.0", + "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.35.0.tgz", + "integrity": "sha512-8EbVDiu9iN/nESwxeSxDKe0dunta1GOlHufmSSXxMD2z2/tMZpDMpvXQGsc+ajGo8y2uYUmixaSRUc/QPoQ0GA==", "dev": true, + "optional": true, + "peer": true, "dependencies": { - "has-flag": "^3.0.0" + "@jridgewell/gen-mapping": "^0.3.2", + "commander": "^4.0.0", + "glob": "^10.3.10", + "lines-and-columns": "^1.1.6", + "mz": "^2.7.0", + "pirates": "^4.0.1", + "ts-interface-checker": "^0.1.9" + }, + "bin": { + "sucrase": "bin/sucrase", + "sucrase-node": "bin/sucrase-node" }, "engines": { - "node": ">=4" + "node": ">=16 || 14 >=14.17" } }, - "node_modules/supports-preserve-symlinks-flag": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz", - "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==", - "dev": true, + "node_modules/sucrase/node_modules/brace-expansion": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz", + "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==", + "dev": true, + "optional": true, + "peer": true, + "dependencies": { + "balanced-match": "^1.0.0" + } + }, + "node_modules/sucrase/node_modules/commander": { + "version": "4.1.1", + "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz", + "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==", + "dev": true, + "optional": true, + "peer": true, + "engines": { + "node": ">= 6" + } + }, + "node_modules/sucrase/node_modules/glob": { + "version": "10.3.10", + "resolved": "https://registry.npmjs.org/glob/-/glob-10.3.10.tgz", + "integrity": "sha512-fa46+tv1Ak0UPK1TOy/pZrIybNNt4HCv7SDzwyfiOZkvZLEbjsZkJBPtDHVshZjbecAoAGSC20MjLDG/qr679g==", + "dev": true, + "optional": true, + "peer": true, + "dependencies": { + "foreground-child": "^3.1.0", + "jackspeak": "^2.3.5", + "minimatch": "^9.0.1", + "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0", + "path-scurry": "^1.10.1" + }, + "bin": { + "glob": "dist/esm/bin.mjs" + }, + "engines": { + "node": ">=16 || 14 >=14.17" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/sucrase/node_modules/minimatch": { + "version": "9.0.3", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.3.tgz", + "integrity": "sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==", + "dev": true, + "optional": true, + "peer": true, + "dependencies": { + "brace-expansion": "^2.0.1" + }, + "engines": { + "node": ">=16 || 14 >=14.17" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/supports-color": { + "version": "5.5.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", + "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", + "dev": true, + "dependencies": { + "has-flag": "^3.0.0" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/supports-preserve-symlinks-flag": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz", + "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==", + "dev": true, "engines": { "node": ">= 0.4" }, @@ -10850,6 +11258,59 @@ "node": ">=0.10" } }, + "node_modules/tailwindcss": { + "version": "3.4.1", + "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.1.tgz", + "integrity": "sha512-qAYmXRfk3ENzuPBakNK0SRrUDipP8NQnEY6772uDhflcQz5EhRdD7JNZxyrFHVQNCwULPBn6FNPp9brpO7ctcA==", + "dev": true, + "optional": true, + "peer": true, + "dependencies": { + "@alloc/quick-lru": "^5.2.0", + "arg": "^5.0.2", + "chokidar": "^3.5.3", + "didyoumean": "^1.2.2", + "dlv": "^1.1.3", + "fast-glob": "^3.3.0", + "glob-parent": "^6.0.2", + "is-glob": "^4.0.3", + "jiti": "^1.19.1", + "lilconfig": "^2.1.0", + "micromatch": "^4.0.5", + "normalize-path": "^3.0.0", + "object-hash": "^3.0.0", + "picocolors": "^1.0.0", + "postcss": "^8.4.23", + "postcss-import": "^15.1.0", + "postcss-js": "^4.0.1", + "postcss-load-config": "^4.0.1", + "postcss-nested": "^6.0.1", + "postcss-selector-parser": "^6.0.11", + "resolve": "^1.22.2", + "sucrase": "^3.32.0" + }, + "bin": { + "tailwind": "lib/cli.js", + "tailwindcss": "lib/cli.js" + }, + "engines": { + "node": ">=14.0.0" + } + }, + "node_modules/tailwindcss/node_modules/glob-parent": { + "version": "6.0.2", + "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz", + "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==", + "dev": true, + "optional": true, + "peer": true, + "dependencies": { + "is-glob": "^4.0.3" + }, + "engines": { + "node": ">=10.13.0" + } + }, "node_modules/tapable": { "version": "2.2.1", "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz", @@ -11048,6 +11509,31 @@ "integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==", "dev": true }, + "node_modules/thenify": { + "version": "3.3.1", + "resolved": "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz", + "integrity": "sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==", + "dev": true, + "optional": true, + "peer": true, + "dependencies": { + "any-promise": "^1.0.0" + } + }, + "node_modules/thenify-all": { + "version": "1.6.0", + "resolved": "https://registry.npmjs.org/thenify-all/-/thenify-all-1.6.0.tgz", + "integrity": "sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==", + "dev": true, + "optional": true, + "peer": true, + "dependencies": { + "thenify": ">= 3.1.0 < 4" + }, + "engines": { + "node": ">=0.8" + } + }, "node_modules/thunky": { "version": "1.1.0", "resolved": "https://registry.npmjs.org/thunky/-/thunky-1.1.0.tgz", @@ -11079,7 +11565,6 @@ "version": "5.0.1", "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz", "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==", - "dev": true, "dependencies": { "is-number": "^7.0.0" }, @@ -11105,6 +11590,14 @@ "tree-kill": "cli.js" } }, + "node_modules/ts-interface-checker": { + "version": "0.1.13", + "resolved": "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz", + "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==", + "dev": true, + "optional": true, + "peer": true + }, "node_modules/tslib": { "version": "2.6.2", "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz", @@ -11938,6 +12431,17 @@ "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==", "dev": true }, + "node_modules/yaml": { + "version": "2.3.4", + "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.3.4.tgz", + "integrity": "sha512-8aAvwVUSHpfEqTQ4w/KMlf3HcRdt50E5ODIQJBw1fQ5RL34xabzxtUlzTXVqc4rkZsPbvrXKWnABCD7kWSmocA==", + "dev": true, + "optional": true, + "peer": true, + "engines": { + "node": ">= 14" + } + }, "node_modules/yargs": { "version": "17.7.2", "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz", @@ -11987,6 +12491,14 @@ } }, "dependencies": { + "@alloc/quick-lru": { + "version": "5.2.0", + "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz", + "integrity": "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==", + "dev": true, + "optional": true, + "peer": true + }, "@ampproject/remapping": { "version": "2.2.1", "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.2.1.tgz", @@ -12078,6 +12590,33 @@ "webpack-dev-server": "4.15.1", "webpack-merge": "5.10.0", "webpack-subresource-integrity": "5.1.0" + }, + "dependencies": { + "autoprefixer": { + "version": "10.4.16", + "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.16.tgz", + "integrity": "sha512-7vd3UC6xKp0HLfua5IjZlcXvGAGy7cBAXTg2lyQ/8WpNhd6SiZ8Be+xm3FyBSYJx5GKcpRCzBh7RH4/0dnY+uQ==", + "dev": true, + "requires": { + "browserslist": "^4.21.10", + "caniuse-lite": "^1.0.30001538", + "fraction.js": "^4.3.6", + "normalize-range": "^0.1.2", + "picocolors": "^1.0.0", + "postcss-value-parser": "^4.2.0" + } + }, + "sass": { + "version": "1.69.7", + "resolved": "https://registry.npmjs.org/sass/-/sass-1.69.7.tgz", + "integrity": "sha512-rzj2soDeZ8wtE2egyLXgOOHQvaC2iosZrkF6v3EUG+tBwEvhqUCzm0VP3k9gHF9LXbSrRhT5SksoI56Iw8NPnQ==", + "dev": true, + "requires": { + "chokidar": ">=3.0.0 <4.0.0", + "immutable": "^4.0.0", + "source-map-js": ">=0.6.2 <2.0.0" + } + } } }, "@angular-devkit/build-webpack": { @@ -14121,6 +14660,11 @@ "dev": true, "optional": true }, + "@scarf/scarf": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/@scarf/scarf/-/scarf-1.3.0.tgz", + "integrity": "sha512-lHKK8M5CTcpFj2hZDB3wIjb0KAbEOgDmiJGDv1WBRfQgRm/a8/XMEkG/N1iM01xgbUDsPQwi42D+dFo1XPAKew==" + }, "@schematics/angular": { "version": "17.1.1", "resolved": "https://registry.npmjs.org/@schematics/angular/-/angular-17.1.1.tgz", @@ -14756,11 +15300,18 @@ "color-convert": "^1.9.0" } }, + "any-promise": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz", + "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==", + "dev": true, + "optional": true, + "peer": true + }, "anymatch": { "version": "3.1.3", "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz", "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==", - "dev": true, "requires": { "normalize-path": "^3.0.0", "picomatch": "^2.0.4" @@ -14769,11 +15320,18 @@ "picomatch": { "version": "2.3.1", "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", - "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", - "dev": true + "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==" } } }, + "arg": { + "version": "5.0.2", + "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz", + "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==", + "dev": true, + "optional": true, + "peer": true + }, "argparse": { "version": "1.0.10", "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz", @@ -14790,14 +15348,14 @@ "dev": true }, "autoprefixer": { - "version": "10.4.16", - "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.16.tgz", - "integrity": "sha512-7vd3UC6xKp0HLfua5IjZlcXvGAGy7cBAXTg2lyQ/8WpNhd6SiZ8Be+xm3FyBSYJx5GKcpRCzBh7RH4/0dnY+uQ==", + "version": "10.4.17", + "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.17.tgz", + "integrity": "sha512-/cpVNRLSfhOtcGflT13P2794gVSgmPgTR+erw5ifnMLZb0UnSlkK4tquLmkd3BhA+nLo5tX8Cu0upUsGKvKbmg==", "dev": true, "requires": { - "browserslist": "^4.21.10", - "caniuse-lite": "^1.0.30001538", - "fraction.js": "^4.3.6", + "browserslist": "^4.22.2", + "caniuse-lite": "^1.0.30001578", + "fraction.js": "^4.3.7", "normalize-range": "^0.1.2", "picocolors": "^1.0.0", "postcss-value-parser": "^4.2.0" @@ -14912,8 +15470,7 @@ "binary-extensions": { "version": "2.2.0", "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz", - "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==", - "dev": true + "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==" }, "bl": { "version": "4.1.0", @@ -14993,7 +15550,6 @@ "version": "3.0.2", "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz", "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==", - "dev": true, "requires": { "fill-range": "^7.0.1" } @@ -15123,6 +15679,14 @@ "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==", "dev": true }, + "camelcase-css": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz", + "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==", + "dev": true, + "optional": true, + "peer": true + }, "caniuse-lite": { "version": "1.0.30001581", "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001581.tgz", @@ -15150,7 +15714,6 @@ "version": "3.5.3", "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz", "integrity": "sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==", - "dev": true, "requires": { "anymatch": "~3.1.2", "braces": "~3.0.2", @@ -15723,6 +16286,14 @@ "integrity": "sha512-uJaamHkagcZtHPqCIHZxnFrXlunQXgBOsZSUOWwFw31QJCAbyTBoHMW75YOTur5ZNx8pIeAKgf6GWIgaqqiLhA==", "dev": true }, + "didyoumean": { + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz", + "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==", + "dev": true, + "optional": true, + "peer": true + }, "dir-glob": { "version": "3.0.1", "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz", @@ -15732,6 +16303,14 @@ "path-type": "^4.0.0" } }, + "dlv": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz", + "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==", + "dev": true, + "optional": true, + "peer": true + }, "dns-packet": { "version": "5.6.1", "resolved": "https://registry.npmjs.org/dns-packet/-/dns-packet-5.6.1.tgz", @@ -16269,7 +16848,6 @@ "version": "7.0.1", "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz", "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==", - "dev": true, "requires": { "to-regex-range": "^5.0.1" } @@ -16425,7 +17003,6 @@ "version": "2.3.3", "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz", "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==", - "dev": true, "optional": true }, "function-bind": { @@ -16488,7 +17065,6 @@ "version": "5.1.2", "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz", "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==", - "dev": true, "requires": { "is-glob": "^4.0.1" } @@ -16833,8 +17409,7 @@ "immutable": { "version": "4.3.5", "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.3.5.tgz", - "integrity": "sha512-8eabxkth9gZatlwl5TBuJnCsoTADlL6ftEr7A4qgdaTsPyreilDSnUk57SO+jfKcNtxPa22U5KK6DSeAYhpBJw==", - "dev": true + "integrity": "sha512-8eabxkth9gZatlwl5TBuJnCsoTADlL6ftEr7A4qgdaTsPyreilDSnUk57SO+jfKcNtxPa22U5KK6DSeAYhpBJw==" }, "import-fresh": { "version": "3.3.0", @@ -16941,7 +17516,6 @@ "version": "2.1.0", "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz", "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==", - "dev": true, "requires": { "binary-extensions": "^2.0.0" } @@ -16964,8 +17538,7 @@ "is-extglob": { "version": "2.1.1", "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz", - "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==", - "dev": true + "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==" }, "is-fullwidth-code-point": { "version": "3.0.0", @@ -16977,7 +17550,6 @@ "version": "4.0.3", "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz", "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==", - "dev": true, "requires": { "is-extglob": "^2.1.1" } @@ -16997,8 +17569,7 @@ "is-number": { "version": "7.0.0", "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz", - "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==", - "dev": true + "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==" }, "is-plain-obj": { "version": "3.0.0", @@ -17525,6 +18096,14 @@ "webpack-sources": "^3.0.0" } }, + "lilconfig": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-2.1.0.tgz", + "integrity": "sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==", + "dev": true, + "optional": true, + "peer": true + }, "lines-and-columns": { "version": "1.2.4", "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz", @@ -17644,6 +18223,11 @@ "streamroller": "^3.1.5" } }, + "lottie-web": { + "version": "5.12.2", + "resolved": "https://registry.npmjs.org/lottie-web/-/lottie-web-5.12.2.tgz", + "integrity": "sha512-uvhvYPC8kGPjXT3MyKMrL3JitEAmDMp30lVkuq/590Mw9ok6pWcFCwXJveo0t5uqYw1UREQHofD+jVpdjBv8wg==" + }, "lru-cache": { "version": "5.1.1", "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz", @@ -18000,6 +18584,19 @@ "integrity": "sha512-avsJQhyd+680gKXyG/sQc0nXaC6rBkPOfyHYcFb9+hdkqQkR9bdnkJ0AMZhke0oesPqIO+mFFJ+IdBc7mst4IA==", "dev": true }, + "mz": { + "version": "2.7.0", + "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz", + "integrity": "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==", + "dev": true, + "optional": true, + "peer": true, + "requires": { + "any-promise": "^1.0.0", + "object-assign": "^4.0.1", + "thenify-all": "^1.0.0" + } + }, "nanoid": { "version": "3.3.7", "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz", @@ -18041,6 +18638,15 @@ "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==", "dev": true }, + "ngx-lottie": { + "version": "10.0.0", + "resolved": "https://registry.npmjs.org/ngx-lottie/-/ngx-lottie-10.0.0.tgz", + "integrity": "sha512-8a0ufv13+o1cLR25SQ4N731rxD9nIA7F1jyo3l/jbUlRnrlcF5heFqWyTYnRf4BG0LQ4URuybN/nr+xbGT1W9Q==", + "requires": { + "@scarf/scarf": "^1.1.1", + "tslib": "^2.3.0" + } + }, "nice-napi": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/nice-napi/-/nice-napi-1.0.2.tgz", @@ -18168,8 +18774,7 @@ "normalize-path": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz", - "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==", - "dev": true + "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==" }, "normalize-range": { "version": "0.1.2", @@ -18273,6 +18878,14 @@ "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==", "dev": true }, + "object-hash": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz", + "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==", + "dev": true, + "optional": true, + "peer": true + }, "object-inspect": { "version": "1.13.1", "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.1.tgz", @@ -18635,6 +19248,14 @@ "dev": true, "optional": true }, + "pirates": { + "version": "4.0.6", + "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.6.tgz", + "integrity": "sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==", + "dev": true, + "optional": true, + "peer": true + }, "piscina": { "version": "4.2.1", "resolved": "https://registry.npmjs.org/piscina/-/piscina-4.2.1.tgz", @@ -18711,6 +19332,52 @@ "source-map-js": "^1.0.2" } }, + "postcss-import": { + "version": "15.1.0", + "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-15.1.0.tgz", + "integrity": "sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==", + "dev": true, + "optional": true, + "peer": true, + "requires": { + "postcss-value-parser": "^4.0.0", + "read-cache": "^1.0.0", + "resolve": "^1.1.7" + } + }, + "postcss-js": { + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.0.1.tgz", + "integrity": "sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==", + "dev": true, + "optional": true, + "peer": true, + "requires": { + "camelcase-css": "^2.0.1" + } + }, + "postcss-load-config": { + "version": "4.0.2", + "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-4.0.2.tgz", + "integrity": "sha512-bSVhyJGL00wMVoPUzAVAnbEoWyqRxkjv64tUl427SKnPrENtq6hJwUojroMz2VB+Q1edmi4IfrAPpami5VVgMQ==", + "dev": true, + "optional": true, + "peer": true, + "requires": { + "lilconfig": "^3.0.0", + "yaml": "^2.3.4" + }, + "dependencies": { + "lilconfig": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.0.0.tgz", + "integrity": "sha512-K2U4W2Ff5ibV7j7ydLr+zLAkIg5JJ4lPn1Ltsdt+Tz/IjQ8buJ55pZAxoP34lqIiwtF9iAvtLv3JGv7CAyAg+g==", + "dev": true, + "optional": true, + "peer": true + } + } + }, "postcss-loader": { "version": "7.3.4", "resolved": "https://registry.npmjs.org/postcss-loader/-/postcss-loader-7.3.4.tgz", @@ -18758,6 +19425,17 @@ "icss-utils": "^5.0.0" } }, + "postcss-nested": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.0.1.tgz", + "integrity": "sha512-mEp4xPMi5bSWiMbsgoPfcP74lsWLHkQbZc3sY+jWYd65CUwXrUaTp0fmNpa01ZcETKlIgUdFN/MpS2xZtqL9dQ==", + "dev": true, + "optional": true, + "peer": true, + "requires": { + "postcss-selector-parser": "^6.0.11" + } + }, "postcss-selector-parser": { "version": "6.0.15", "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.15.tgz", @@ -18780,6 +19458,19 @@ "integrity": "sha512-FFw039TmrBqFK8ma/7OL3sDz/VytdtJr044/QUJtH0wK9lb9jLq9tJyIxUwtQJHwar2BqtiA4iCWSwo9JLkzFg==", "dev": true }, + "primeflex": { + "version": "3.3.1", + "resolved": "https://registry.npmjs.org/primeflex/-/primeflex-3.3.1.tgz", + "integrity": "sha512-zaOq3YvcOYytbAmKv3zYc+0VNS9Wg5d37dfxZnveKBFPr7vEIwfV5ydrpiouTft8MVW6qNjfkaQphHSnvgQbpQ==" + }, + "primeng": { + "version": "17.5.0", + "resolved": "https://registry.npmjs.org/primeng/-/primeng-17.5.0.tgz", + "integrity": "sha512-I5nH+KLi1gOiBXd8TlFOoqy+HVnBXnbLOo7+zvG5yNaLIEjGirHm1c+fi73imbyHGa0L0VtZeNNZDsS7poScrw==", + "requires": { + "tslib": "^2.3.0" + } + }, "proc-log": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/proc-log/-/proc-log-3.0.0.tgz", @@ -18887,6 +19578,27 @@ "unpipe": "1.0.0" } }, + "read-cache": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz", + "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==", + "dev": true, + "optional": true, + "peer": true, + "requires": { + "pify": "^2.3.0" + }, + "dependencies": { + "pify": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz", + "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==", + "dev": true, + "optional": true, + "peer": true + } + } + }, "read-package-json": { "version": "7.0.0", "resolved": "https://registry.npmjs.org/read-package-json/-/read-package-json-7.0.0.tgz", @@ -18957,7 +19669,6 @@ "version": "3.6.0", "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz", "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==", - "dev": true, "requires": { "picomatch": "^2.2.1" }, @@ -18965,8 +19676,7 @@ "picomatch": { "version": "2.3.1", "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", - "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", - "dev": true + "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==" } } }, @@ -19206,10 +19916,9 @@ "dev": true }, "sass": { - "version": "1.69.7", - "resolved": "https://registry.npmjs.org/sass/-/sass-1.69.7.tgz", - "integrity": "sha512-rzj2soDeZ8wtE2egyLXgOOHQvaC2iosZrkF6v3EUG+tBwEvhqUCzm0VP3k9gHF9LXbSrRhT5SksoI56Iw8NPnQ==", - "dev": true, + "version": "1.70.0", + "resolved": "https://registry.npmjs.org/sass/-/sass-1.70.0.tgz", + "integrity": "sha512-uUxNQ3zAHeAx5nRFskBnrWzDUJrrvpCPD5FNAoRvTi0WwremlheES3tg+56PaVtCs5QDRX5CBLxxKMDJMEa1WQ==", "requires": { "chokidar": ">=3.0.0 <4.0.0", "immutable": "^4.0.0", @@ -19594,8 +20303,7 @@ "source-map-js": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz", - "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==", - "dev": true + "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==" }, "source-map-loader": { "version": "5.0.0", @@ -19782,6 +20490,70 @@ "integrity": "sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==", "dev": true }, + "sucrase": { + "version": "3.35.0", + "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.35.0.tgz", + "integrity": "sha512-8EbVDiu9iN/nESwxeSxDKe0dunta1GOlHufmSSXxMD2z2/tMZpDMpvXQGsc+ajGo8y2uYUmixaSRUc/QPoQ0GA==", + "dev": true, + "optional": true, + "peer": true, + "requires": { + "@jridgewell/gen-mapping": "^0.3.2", + "commander": "^4.0.0", + "glob": "^10.3.10", + "lines-and-columns": "^1.1.6", + "mz": "^2.7.0", + "pirates": "^4.0.1", + "ts-interface-checker": "^0.1.9" + }, + "dependencies": { + "brace-expansion": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz", + "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==", + "dev": true, + "optional": true, + "peer": true, + "requires": { + "balanced-match": "^1.0.0" + } + }, + "commander": { + "version": "4.1.1", + "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz", + "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==", + "dev": true, + "optional": true, + "peer": true + }, + "glob": { + "version": "10.3.10", + "resolved": "https://registry.npmjs.org/glob/-/glob-10.3.10.tgz", + "integrity": "sha512-fa46+tv1Ak0UPK1TOy/pZrIybNNt4HCv7SDzwyfiOZkvZLEbjsZkJBPtDHVshZjbecAoAGSC20MjLDG/qr679g==", + "dev": true, + "optional": true, + "peer": true, + "requires": { + "foreground-child": "^3.1.0", + "jackspeak": "^2.3.5", + "minimatch": "^9.0.1", + "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0", + "path-scurry": "^1.10.1" + } + }, + "minimatch": { + "version": "9.0.3", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.3.tgz", + "integrity": "sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==", + "dev": true, + "optional": true, + "peer": true, + "requires": { + "brace-expansion": "^2.0.1" + } + } + } + }, "supports-color": { "version": "5.5.0", "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", @@ -19803,6 +20575,51 @@ "integrity": "sha512-b19dMThMV4HVFynSAM1++gBHAbk2Tc/osgLIBZMKsyqh34jb2e8Os7T6ZW/Bt3pJFdBTd2JwAnAAEQV7rSNvcQ==", "dev": true }, + "tailwindcss": { + "version": "3.4.1", + "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.1.tgz", + "integrity": "sha512-qAYmXRfk3ENzuPBakNK0SRrUDipP8NQnEY6772uDhflcQz5EhRdD7JNZxyrFHVQNCwULPBn6FNPp9brpO7ctcA==", + "dev": true, + "optional": true, + "peer": true, + "requires": { + "@alloc/quick-lru": "^5.2.0", + "arg": "^5.0.2", + "chokidar": "^3.5.3", + "didyoumean": "^1.2.2", + "dlv": "^1.1.3", + "fast-glob": "^3.3.0", + "glob-parent": "^6.0.2", + "is-glob": "^4.0.3", + "jiti": "^1.19.1", + "lilconfig": "^2.1.0", + "micromatch": "^4.0.5", + "normalize-path": "^3.0.0", + "object-hash": "^3.0.0", + "picocolors": "^1.0.0", + "postcss": "^8.4.23", + "postcss-import": "^15.1.0", + "postcss-js": "^4.0.1", + "postcss-load-config": "^4.0.1", + "postcss-nested": "^6.0.1", + "postcss-selector-parser": "^6.0.11", + "resolve": "^1.22.2", + "sucrase": "^3.32.0" + }, + "dependencies": { + "glob-parent": { + "version": "6.0.2", + "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz", + "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==", + "dev": true, + "optional": true, + "peer": true, + "requires": { + "is-glob": "^4.0.3" + } + } + } + }, "tapable": { "version": "2.2.1", "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz", @@ -19943,6 +20760,28 @@ "integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==", "dev": true }, + "thenify": { + "version": "3.3.1", + "resolved": "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz", + "integrity": "sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==", + "dev": true, + "optional": true, + "peer": true, + "requires": { + "any-promise": "^1.0.0" + } + }, + "thenify-all": { + "version": "1.6.0", + "resolved": "https://registry.npmjs.org/thenify-all/-/thenify-all-1.6.0.tgz", + "integrity": "sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==", + "dev": true, + "optional": true, + "peer": true, + "requires": { + "thenify": ">= 3.1.0 < 4" + } + }, "thunky": { "version": "1.1.0", "resolved": "https://registry.npmjs.org/thunky/-/thunky-1.1.0.tgz", @@ -19968,7 +20807,6 @@ "version": "5.0.1", "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz", "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==", - "dev": true, "requires": { "is-number": "^7.0.0" } @@ -19985,6 +20823,14 @@ "integrity": "sha512-L0Orpi8qGpRG//Nd+H90vFB+3iHnue1zSSGmNOOCh1GLJ7rUKVwV2HvijphGQS2UmhUZewS9VgvxYIdgr+fG1A==", "dev": true }, + "ts-interface-checker": { + "version": "0.1.13", + "resolved": "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz", + "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==", + "dev": true, + "optional": true, + "peer": true + }, "tslib": { "version": "2.6.2", "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz", @@ -20522,6 +21368,14 @@ "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==", "dev": true }, + "yaml": { + "version": "2.3.4", + "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.3.4.tgz", + "integrity": "sha512-8aAvwVUSHpfEqTQ4w/KMlf3HcRdt50E5ODIQJBw1fQ5RL34xabzxtUlzTXVqc4rkZsPbvrXKWnABCD7kWSmocA==", + "dev": true, + "optional": true, + "peer": true + }, "yargs": { "version": "17.7.2", "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz", diff --git a/frontend/peakvisor/package.json b/frontend/peakvisor/package.json index 93a788be6..881cec00c 100644 --- a/frontend/peakvisor/package.json +++ b/frontend/peakvisor/package.json @@ -18,7 +18,12 @@ "@angular/platform-browser": "^17.1.0", "@angular/platform-browser-dynamic": "^17.1.0", "@angular/router": "^17.1.0", + "lottie-web": "^5.12.2", + "ngx-lottie": "^10.0.0", + "primeflex": "^3.3.1", + "primeng": "^17.5.0", "rxjs": "~7.8.0", + "sass": "^1.70.0", "tslib": "^2.3.0", "zone.js": "~0.14.3" }, @@ -27,12 +32,14 @@ "@angular/cli": "^17.1.1", "@angular/compiler-cli": "^17.1.0", "@types/jasmine": "~5.1.0", + "autoprefixer": "^10.4.17", "jasmine-core": "~5.1.0", "karma": "~6.4.0", "karma-chrome-launcher": "~3.2.0", "karma-coverage": "~2.2.0", "karma-jasmine": "~5.1.0", "karma-jasmine-html-reporter": "~2.1.0", + "postcss": "^8.4.33", "typescript": "~5.3.2" } } diff --git a/frontend/peakvisor/src/app/app.component.html b/frontend/peakvisor/src/app/app.component.html index 36093e187..ca744e838 100644 --- a/frontend/peakvisor/src/app/app.component.html +++ b/frontend/peakvisor/src/app/app.component.html @@ -1,336 +1,5 @@ - - - - - - - - - - -
-
-
- -

Hello, {{ title }}

-

Congratulations! Your app is running. 🎉

-
- -
-
- @for (item of [ - { title: 'Explore the Docs', link: 'https://angular.dev' }, - { title: 'Learn with Tutorials', link: 'https://angular.dev/tutorials' }, - { title: 'CLI Docs', link: 'https://angular.dev/tools/cli' }, - { title: 'Angular Language Service', link: 'https://angular.dev/tools/language-service' }, - { title: 'Angular DevTools', link: 'https://angular.dev/tools/devtools' }, - ]; track item.title) { - - {{ item.title }} - - - - - } -
- -
-
-
- - - - - - - - diff --git a/frontend/peakvisor/src/app/app.component.ts b/frontend/peakvisor/src/app/app.component.ts index c3e2de20b..c818f37a6 100644 --- a/frontend/peakvisor/src/app/app.component.ts +++ b/frontend/peakvisor/src/app/app.component.ts @@ -1,13 +1,16 @@ import { Component } from '@angular/core'; -import { RouterOutlet } from '@angular/router'; +import { bootstrapApplication } from '@angular/platform-browser'; +import { RouterLink, RouterLinkActive, RouterOutlet } from '@angular/router'; +import { provideLottieOptions } from 'ngx-lottie'; @Component({ selector: 'app-root', standalone: true, - imports: [RouterOutlet], + imports: [RouterOutlet, RouterLinkActive,RouterLink], templateUrl: './app.component.html', styleUrl: './app.component.css' }) export class AppComponent { title = 'peakvisor'; } + diff --git a/frontend/peakvisor/src/app/app.routes.ts b/frontend/peakvisor/src/app/app.routes.ts index dc39edb5f..affbb95ed 100644 --- a/frontend/peakvisor/src/app/app.routes.ts +++ b/frontend/peakvisor/src/app/app.routes.ts @@ -1,3 +1,27 @@ import { Routes } from '@angular/router'; +import { AppComponent } from './app.component'; +import { HomepageComponent } from './pages/homepage/homepage.component'; +import { LoginpageComponent } from './pages/loginpage/loginpage.component'; +import { SignuppageComponent } from './pages/signuppage/signuppage.component'; +import { AlltrailspageComponent } from './pages/alltrailspage/alltrailspage.component'; +import { Error404pageComponent } from './pages/error404page/error404page.component'; -export const routes: Routes = []; +export const routes: Routes = [ + { + path:'', + component:HomepageComponent + }, + { + path:'alltrails', + component:AlltrailspageComponent + }, + { + path:'login', + component:LoginpageComponent + }, + { + path:'signup', + component:SignuppageComponent + }, + { path: '**', component: Error404pageComponent} +]; diff --git a/frontend/peakvisor/src/app/components/button/button.component.css b/frontend/peakvisor/src/app/components/button/button.component.css new file mode 100644 index 000000000..e69de29bb diff --git a/frontend/peakvisor/src/app/components/button/button.component.html b/frontend/peakvisor/src/app/components/button/button.component.html new file mode 100644 index 000000000..169468d89 --- /dev/null +++ b/frontend/peakvisor/src/app/components/button/button.component.html @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/frontend/peakvisor/src/app/components/button/button.component.spec.ts b/frontend/peakvisor/src/app/components/button/button.component.spec.ts new file mode 100644 index 000000000..8aa572d85 --- /dev/null +++ b/frontend/peakvisor/src/app/components/button/button.component.spec.ts @@ -0,0 +1,24 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { ButtonComponent } from './button.component'; +import { ButtonModule } from 'primeng/button'; + +describe('ButtonComponent', () => { + let component: ButtonComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [ButtonComponent] + }) + .compileComponents(); + + fixture = TestBed.createComponent(ButtonComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/peakvisor/src/app/components/button/button.component.ts b/frontend/peakvisor/src/app/components/button/button.component.ts new file mode 100644 index 000000000..f8d7923d2 --- /dev/null +++ b/frontend/peakvisor/src/app/components/button/button.component.ts @@ -0,0 +1,16 @@ +import { Component,Input } from '@angular/core'; +import { RouterModule } from '@angular/router'; +import { ButtonModule } from 'primeng/button'; +@Component({ + selector: 'app-button', + standalone: true, + imports: [ButtonModule,RouterModule], + templateUrl: './button.component.html', + styleUrl: './button.component.css' +}) + +export class ButtonComponent { + @Input() routerlink:string = '' + @Input() label:string = '' + +} diff --git a/frontend/peakvisor/src/app/components/navbar/navbar.component.css b/frontend/peakvisor/src/app/components/navbar/navbar.component.css new file mode 100644 index 000000000..e69de29bb diff --git a/frontend/peakvisor/src/app/components/navbar/navbar.component.html b/frontend/peakvisor/src/app/components/navbar/navbar.component.html new file mode 100644 index 000000000..fefd5df95 --- /dev/null +++ b/frontend/peakvisor/src/app/components/navbar/navbar.component.html @@ -0,0 +1,11 @@ +
+
+ +
+
+ + + + +
+
diff --git a/frontend/peakvisor/src/app/components/navbar/navbar.component.spec.ts b/frontend/peakvisor/src/app/components/navbar/navbar.component.spec.ts new file mode 100644 index 000000000..78867a648 --- /dev/null +++ b/frontend/peakvisor/src/app/components/navbar/navbar.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { NavbarComponent } from './navbar.component'; + +describe('NavbarComponent', () => { + let component: NavbarComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [NavbarComponent] + }) + .compileComponents(); + + fixture = TestBed.createComponent(NavbarComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/peakvisor/src/app/components/navbar/navbar.component.ts b/frontend/peakvisor/src/app/components/navbar/navbar.component.ts new file mode 100644 index 000000000..f69a56d74 --- /dev/null +++ b/frontend/peakvisor/src/app/components/navbar/navbar.component.ts @@ -0,0 +1,15 @@ +import { Component } from '@angular/core'; +import { ButtonModule } from 'primeng/button'; +import { SvgComponent } from '../svg/svg.component'; +import { ButtonComponent} from '../button/button.component'; + +@Component({ + selector: 'app-navbar', + standalone: true, + imports: [ButtonModule,SvgComponent,ButtonComponent], + templateUrl: './navbar.component.html', + styleUrl: './navbar.component.css' +}) +export class NavbarComponent { + +} diff --git a/frontend/peakvisor/src/app/components/photocard/photocard.component.css b/frontend/peakvisor/src/app/components/photocard/photocard.component.css new file mode 100644 index 000000000..e69de29bb diff --git a/frontend/peakvisor/src/app/components/photocard/photocard.component.html b/frontend/peakvisor/src/app/components/photocard/photocard.component.html new file mode 100644 index 000000000..f4d544327 --- /dev/null +++ b/frontend/peakvisor/src/app/components/photocard/photocard.component.html @@ -0,0 +1 @@ +

photocard works!

diff --git a/frontend/peakvisor/src/app/components/photocard/photocard.component.spec.ts b/frontend/peakvisor/src/app/components/photocard/photocard.component.spec.ts new file mode 100644 index 000000000..1a18e3cfa --- /dev/null +++ b/frontend/peakvisor/src/app/components/photocard/photocard.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { PhotocardComponent } from './photocard.component'; + +describe('PhotocardComponent', () => { + let component: PhotocardComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [PhotocardComponent] + }) + .compileComponents(); + + fixture = TestBed.createComponent(PhotocardComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/peakvisor/src/app/components/photocard/photocard.component.ts b/frontend/peakvisor/src/app/components/photocard/photocard.component.ts new file mode 100644 index 000000000..292239c07 --- /dev/null +++ b/frontend/peakvisor/src/app/components/photocard/photocard.component.ts @@ -0,0 +1,12 @@ +import { Component } from '@angular/core'; + +@Component({ + selector: 'app-photocard', + standalone: true, + imports: [], + templateUrl: './photocard.component.html', + styleUrl: './photocard.component.css' +}) +export class PhotocardComponent { + +} diff --git a/frontend/peakvisor/src/app/components/photodiv/photodiv.component.css b/frontend/peakvisor/src/app/components/photodiv/photodiv.component.css new file mode 100644 index 000000000..e69de29bb diff --git a/frontend/peakvisor/src/app/components/photodiv/photodiv.component.html b/frontend/peakvisor/src/app/components/photodiv/photodiv.component.html new file mode 100644 index 000000000..e69de29bb diff --git a/frontend/peakvisor/src/app/components/photodiv/photodiv.component.spec.ts b/frontend/peakvisor/src/app/components/photodiv/photodiv.component.spec.ts new file mode 100644 index 000000000..7232f4c83 --- /dev/null +++ b/frontend/peakvisor/src/app/components/photodiv/photodiv.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { PhotodivComponent } from './photodiv.component'; + +describe('PhotodivComponent', () => { + let component: PhotodivComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [PhotodivComponent] + }) + .compileComponents(); + + fixture = TestBed.createComponent(PhotodivComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/peakvisor/src/app/components/photodiv/photodiv.component.ts b/frontend/peakvisor/src/app/components/photodiv/photodiv.component.ts new file mode 100644 index 000000000..afc772af8 --- /dev/null +++ b/frontend/peakvisor/src/app/components/photodiv/photodiv.component.ts @@ -0,0 +1,12 @@ +import { Component } from '@angular/core'; + +@Component({ + selector: 'app-photodiv', + standalone: true, + imports: [], + templateUrl: './photodiv.component.html', + styleUrl: './photodiv.component.css' +}) +export class PhotodivComponent { + +} diff --git a/frontend/peakvisor/src/app/components/statsboard/statsboard.component.css b/frontend/peakvisor/src/app/components/statsboard/statsboard.component.css new file mode 100644 index 000000000..e69de29bb diff --git a/frontend/peakvisor/src/app/components/statsboard/statsboard.component.html b/frontend/peakvisor/src/app/components/statsboard/statsboard.component.html new file mode 100644 index 000000000..99f24638d --- /dev/null +++ b/frontend/peakvisor/src/app/components/statsboard/statsboard.component.html @@ -0,0 +1,66 @@ +
+
+
+
+
+ Orders +
152
+
+
+ +
+
+ 24 new + since last visit +
+
+
+
+
+
+ Revenue +
$2.100
+
+
+ +
+
+ %52+ + since last week +
+
+
+
+
+
+ Customers +
28441
+
+
+ +
+
+ 520 + newly registered +
+
+
+
+
+
+ Comments +
152 Unread
+
+
+ +
+
+ 85 + responded +
+
+
diff --git a/frontend/peakvisor/src/app/components/statsboard/statsboard.component.spec.ts b/frontend/peakvisor/src/app/components/statsboard/statsboard.component.spec.ts new file mode 100644 index 000000000..1430f89ca --- /dev/null +++ b/frontend/peakvisor/src/app/components/statsboard/statsboard.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { StatsboardComponent } from './statsboard.component'; + +describe('StatsboardComponent', () => { + let component: StatsboardComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [StatsboardComponent] + }) + .compileComponents(); + + fixture = TestBed.createComponent(StatsboardComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/peakvisor/src/app/components/statsboard/statsboard.component.ts b/frontend/peakvisor/src/app/components/statsboard/statsboard.component.ts new file mode 100644 index 000000000..750545ce9 --- /dev/null +++ b/frontend/peakvisor/src/app/components/statsboard/statsboard.component.ts @@ -0,0 +1,12 @@ +import { Component } from '@angular/core'; + +@Component({ + selector: 'app-statsboard', + standalone: true, + imports: [], + templateUrl: './statsboard.component.html', + styleUrl: './statsboard.component.css' +}) +export class StatsboardComponent { + +} diff --git a/frontend/peakvisor/src/app/components/svg/peakvisor_original_svg.svg b/frontend/peakvisor/src/app/components/svg/peakvisor_original_svg.svg new file mode 100644 index 000000000..e9c3ba4f9 --- /dev/null +++ b/frontend/peakvisor/src/app/components/svg/peakvisor_original_svg.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/frontend/peakvisor/src/app/components/svg/svg.component.spec.ts b/frontend/peakvisor/src/app/components/svg/svg.component.spec.ts new file mode 100644 index 000000000..3f51a99f9 --- /dev/null +++ b/frontend/peakvisor/src/app/components/svg/svg.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { SvgComponent } from './svg.component'; + +describe('SvgComponent', () => { + let component: SvgComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [SvgComponent] + }) + .compileComponents(); + + fixture = TestBed.createComponent(SvgComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/peakvisor/src/app/components/svg/svg.component.ts b/frontend/peakvisor/src/app/components/svg/svg.component.ts new file mode 100644 index 000000000..1b2c044e8 --- /dev/null +++ b/frontend/peakvisor/src/app/components/svg/svg.component.ts @@ -0,0 +1,12 @@ +import { Component } from '@angular/core'; + +@Component({ + selector: 'app-svg', + standalone: true, + imports: [], + template: ``, + styles: `` +}) +export class SvgComponent { + +} diff --git a/frontend/peakvisor/src/app/components/video/video.component.css b/frontend/peakvisor/src/app/components/video/video.component.css new file mode 100644 index 000000000..e69de29bb diff --git a/frontend/peakvisor/src/app/components/video/video.component.html b/frontend/peakvisor/src/app/components/video/video.component.html new file mode 100644 index 000000000..e6ad8102f --- /dev/null +++ b/frontend/peakvisor/src/app/components/video/video.component.html @@ -0,0 +1,7 @@ + +
+
+ \ No newline at end of file diff --git a/frontend/peakvisor/src/app/components/video/video.component.spec.ts b/frontend/peakvisor/src/app/components/video/video.component.spec.ts new file mode 100644 index 000000000..64e761b12 --- /dev/null +++ b/frontend/peakvisor/src/app/components/video/video.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { VideoComponent } from './video.component'; + +describe('VideoComponent', () => { + let component: VideoComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [VideoComponent] + }) + .compileComponents(); + + fixture = TestBed.createComponent(VideoComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/peakvisor/src/app/components/video/video.component.ts b/frontend/peakvisor/src/app/components/video/video.component.ts new file mode 100644 index 000000000..7598c90da --- /dev/null +++ b/frontend/peakvisor/src/app/components/video/video.component.ts @@ -0,0 +1,12 @@ +import { Component } from '@angular/core'; + +@Component({ + selector: 'app-video', + standalone: true, + imports: [], + templateUrl: './video.component.html', + styleUrl: './video.component.css' +}) +export class VideoComponent { + +} diff --git a/frontend/peakvisor/src/app/pages/alltrailspage/alltrailspage.component.css b/frontend/peakvisor/src/app/pages/alltrailspage/alltrailspage.component.css new file mode 100644 index 000000000..e69de29bb diff --git a/frontend/peakvisor/src/app/pages/alltrailspage/alltrailspage.component.html b/frontend/peakvisor/src/app/pages/alltrailspage/alltrailspage.component.html new file mode 100644 index 000000000..6d736d25e --- /dev/null +++ b/frontend/peakvisor/src/app/pages/alltrailspage/alltrailspage.component.html @@ -0,0 +1 @@ +

alltrailspage works!

diff --git a/frontend/peakvisor/src/app/pages/alltrailspage/alltrailspage.component.spec.ts b/frontend/peakvisor/src/app/pages/alltrailspage/alltrailspage.component.spec.ts new file mode 100644 index 000000000..eaa58d128 --- /dev/null +++ b/frontend/peakvisor/src/app/pages/alltrailspage/alltrailspage.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { AlltrailspageComponent } from './alltrailspage.component'; + +describe('AlltrailspageComponent', () => { + let component: AlltrailspageComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [AlltrailspageComponent] + }) + .compileComponents(); + + fixture = TestBed.createComponent(AlltrailspageComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/peakvisor/src/app/pages/alltrailspage/alltrailspage.component.ts b/frontend/peakvisor/src/app/pages/alltrailspage/alltrailspage.component.ts new file mode 100644 index 000000000..2d90f4ed6 --- /dev/null +++ b/frontend/peakvisor/src/app/pages/alltrailspage/alltrailspage.component.ts @@ -0,0 +1,12 @@ +import { Component } from '@angular/core'; + +@Component({ + selector: 'app-alltrailspage', + standalone: true, + imports: [], + templateUrl: './alltrailspage.component.html', + styleUrl: './alltrailspage.component.css' +}) +export class AlltrailspageComponent { + +} diff --git a/frontend/peakvisor/src/app/pages/error404page/error404page.component.css b/frontend/peakvisor/src/app/pages/error404page/error404page.component.css new file mode 100644 index 000000000..e69de29bb diff --git a/frontend/peakvisor/src/app/pages/error404page/error404page.component.html b/frontend/peakvisor/src/app/pages/error404page/error404page.component.html new file mode 100644 index 000000000..efe39edec --- /dev/null +++ b/frontend/peakvisor/src/app/pages/error404page/error404page.component.html @@ -0,0 +1 @@ +

error404page works!

diff --git a/frontend/peakvisor/src/app/pages/error404page/error404page.component.spec.ts b/frontend/peakvisor/src/app/pages/error404page/error404page.component.spec.ts new file mode 100644 index 000000000..eb89d8ce1 --- /dev/null +++ b/frontend/peakvisor/src/app/pages/error404page/error404page.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { Error404pageComponent } from './error404page.component'; + +describe('Error404pageComponent', () => { + let component: Error404pageComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [Error404pageComponent] + }) + .compileComponents(); + + fixture = TestBed.createComponent(Error404pageComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/peakvisor/src/app/pages/error404page/error404page.component.ts b/frontend/peakvisor/src/app/pages/error404page/error404page.component.ts new file mode 100644 index 000000000..163b8da46 --- /dev/null +++ b/frontend/peakvisor/src/app/pages/error404page/error404page.component.ts @@ -0,0 +1,12 @@ +import { Component } from '@angular/core'; + +@Component({ + selector: 'app-error404page', + standalone: true, + imports: [], + templateUrl: './error404page.component.html', + styleUrl: './error404page.component.css' +}) +export class Error404pageComponent { + +} diff --git a/frontend/peakvisor/src/app/pages/homepage/homepage.component.css b/frontend/peakvisor/src/app/pages/homepage/homepage.component.css new file mode 100644 index 000000000..e69de29bb diff --git a/frontend/peakvisor/src/app/pages/homepage/homepage.component.html b/frontend/peakvisor/src/app/pages/homepage/homepage.component.html new file mode 100644 index 000000000..e930506aa --- /dev/null +++ b/frontend/peakvisor/src/app/pages/homepage/homepage.component.html @@ -0,0 +1,38 @@ +
+
+ +
+
+
+

Your next adventure with nature awaits

+
+
+

Scroll Down

+ +
+
+
+ +
+
+
+

About PeakVisor

+

+ PeakVisor is a platform that helps you find nature trails and parks to visit in Singapore. It lets you keep a record of all the trails that you’ve been to so you can easily find your next adventure! +

+
+
+

Statistics

+

+ PeakVisor is a platform that helps you find nature trails and parks to visit in Singapore. It lets you keep a record of all the trails that you’ve been to so you can easily find your next adventure! +

+ +
+
+

Explore the trails

+

+ PeakVisor is a platform that helps you find nature trails and parks to visit in Singapore. It lets you keep a record of all the trails that you’ve been to so you can easily find your next adventure! +

+
+
+
diff --git a/frontend/peakvisor/src/app/pages/homepage/homepage.component.spec.ts b/frontend/peakvisor/src/app/pages/homepage/homepage.component.spec.ts new file mode 100644 index 000000000..35b2ce98d --- /dev/null +++ b/frontend/peakvisor/src/app/pages/homepage/homepage.component.spec.ts @@ -0,0 +1,24 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { HomepageComponent } from './homepage.component'; +import { PhotodivComponent } from '../../components/photodiv/photodiv.component'; + +describe('HomepageComponent', () => { + let component: HomepageComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [HomepageComponent, PhotodivComponent] + }) + .compileComponents(); + + fixture = TestBed.createComponent(HomepageComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/peakvisor/src/app/pages/homepage/homepage.component.ts b/frontend/peakvisor/src/app/pages/homepage/homepage.component.ts new file mode 100644 index 000000000..37a8ec728 --- /dev/null +++ b/frontend/peakvisor/src/app/pages/homepage/homepage.component.ts @@ -0,0 +1,29 @@ +import { Component } from '@angular/core'; +import { PhotodivComponent } from '../../components/photodiv/photodiv.component'; +import { NavbarComponent } from '../../components/navbar/navbar.component'; +import { VideoComponent } from '../../components/video/video.component'; +import { SvgComponent } from '../../components/svg/svg.component'; +import { StatsboardComponent } from '../../components/statsboard/statsboard.component'; +import { AnimationLoader, AnimationOptions, LottieComponent, provideLottieOptions } from 'ngx-lottie'; +import { AnimationItem } from 'lottie-web'; +import { AppComponent } from '../../app.component'; +import { bootstrapApplication } from '@angular/platform-browser'; + +@Component({ + selector: 'app-homepage', + standalone: true, + imports: [PhotodivComponent, NavbarComponent,VideoComponent,SvgComponent,StatsboardComponent,LottieComponent], + providers:[provideLottieOptions({ + player: () => import(/* webpackChunkName: 'lottie-web' */ 'lottie-web'), + }),AnimationLoader], + templateUrl: './homepage.component.html', + styleUrl: './homepage.component.css' +}) +export class HomepageComponent { + options: AnimationOptions = { + path: '/assets/svg/scrolldown.json', + }; + + +} + diff --git a/frontend/peakvisor/src/app/pages/loginpage/loginpage.component.css b/frontend/peakvisor/src/app/pages/loginpage/loginpage.component.css new file mode 100644 index 000000000..e69de29bb diff --git a/frontend/peakvisor/src/app/pages/loginpage/loginpage.component.html b/frontend/peakvisor/src/app/pages/loginpage/loginpage.component.html new file mode 100644 index 000000000..798d9c653 --- /dev/null +++ b/frontend/peakvisor/src/app/pages/loginpage/loginpage.component.html @@ -0,0 +1,11 @@ +
+ +
+
+

Sign In

+
+
+ +
+
+
\ No newline at end of file diff --git a/frontend/peakvisor/src/app/pages/loginpage/loginpage.component.spec.ts b/frontend/peakvisor/src/app/pages/loginpage/loginpage.component.spec.ts new file mode 100644 index 000000000..a21b69f78 --- /dev/null +++ b/frontend/peakvisor/src/app/pages/loginpage/loginpage.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { LoginpageComponent } from './loginpage.component'; + +describe('LoginpageComponent', () => { + let component: LoginpageComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [LoginpageComponent] + }) + .compileComponents(); + + fixture = TestBed.createComponent(LoginpageComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/peakvisor/src/app/pages/loginpage/loginpage.component.ts b/frontend/peakvisor/src/app/pages/loginpage/loginpage.component.ts new file mode 100644 index 000000000..1ae2e5e7c --- /dev/null +++ b/frontend/peakvisor/src/app/pages/loginpage/loginpage.component.ts @@ -0,0 +1,13 @@ +import { Component } from '@angular/core'; +import { NavbarComponent } from '../../components/navbar/navbar.component'; + +@Component({ + selector: 'app-loginpage', + standalone: true, + imports: [NavbarComponent], + templateUrl: './loginpage.component.html', + styleUrl: './loginpage.component.css' +}) +export class LoginpageComponent { + +} diff --git a/frontend/peakvisor/src/app/pages/signuppage/signuppage.component.css b/frontend/peakvisor/src/app/pages/signuppage/signuppage.component.css new file mode 100644 index 000000000..e69de29bb diff --git a/frontend/peakvisor/src/app/pages/signuppage/signuppage.component.html b/frontend/peakvisor/src/app/pages/signuppage/signuppage.component.html new file mode 100644 index 000000000..a2d62a1dc --- /dev/null +++ b/frontend/peakvisor/src/app/pages/signuppage/signuppage.component.html @@ -0,0 +1 @@ +

signuppage works!

diff --git a/frontend/peakvisor/src/app/pages/signuppage/signuppage.component.spec.ts b/frontend/peakvisor/src/app/pages/signuppage/signuppage.component.spec.ts new file mode 100644 index 000000000..a98304564 --- /dev/null +++ b/frontend/peakvisor/src/app/pages/signuppage/signuppage.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { SignuppageComponent } from './signuppage.component'; + +describe('SignuppageComponent', () => { + let component: SignuppageComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [SignuppageComponent] + }) + .compileComponents(); + + fixture = TestBed.createComponent(SignuppageComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/peakvisor/src/app/pages/signuppage/signuppage.component.ts b/frontend/peakvisor/src/app/pages/signuppage/signuppage.component.ts new file mode 100644 index 000000000..76a33f7f6 --- /dev/null +++ b/frontend/peakvisor/src/app/pages/signuppage/signuppage.component.ts @@ -0,0 +1,12 @@ +import { Component } from '@angular/core'; + +@Component({ + selector: 'app-signuppage', + standalone: true, + imports: [], + templateUrl: './signuppage.component.html', + styleUrl: './signuppage.component.css' +}) +export class SignuppageComponent { + +} diff --git a/frontend/peakvisor/src/assets/landingpagevideo.mov b/frontend/peakvisor/src/assets/landingpagevideo.mov new file mode 100644 index 000000000..a3e50fb9c Binary files /dev/null and b/frontend/peakvisor/src/assets/landingpagevideo.mov differ diff --git a/frontend/peakvisor/src/assets/photos/signupphoto.png b/frontend/peakvisor/src/assets/photos/signupphoto.png new file mode 100644 index 000000000..502837076 Binary files /dev/null and b/frontend/peakvisor/src/assets/photos/signupphoto.png differ diff --git a/frontend/peakvisor/src/assets/svg/peakvisor_original_svg.svg b/frontend/peakvisor/src/assets/svg/peakvisor_original_svg.svg new file mode 100644 index 000000000..e9c3ba4f9 --- /dev/null +++ b/frontend/peakvisor/src/assets/svg/peakvisor_original_svg.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/frontend/peakvisor/src/assets/svg/scrolldown.json b/frontend/peakvisor/src/assets/svg/scrolldown.json new file mode 100644 index 000000000..2d70e17d3 --- /dev/null +++ b/frontend/peakvisor/src/assets/svg/scrolldown.json @@ -0,0 +1 @@ +{"nm":"Comp 1","mn":"","layers":[{"ty":4,"nm":"Shape Layer 2","mn":"","sr":1,"st":16,"op":141,"ip":16,"hd":false,"cl":"","ln":"","ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[-18.125,9.25,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[-0.125,17.5,0],"ix":2},"r":{"a":0,"k":0,"ix":10},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11}},"ef":[],"shapes":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[-24.452,3.003],[-18.043,9.497],[-11.548,3.003]]},"ix":2}},{"ty":"tm","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Filter - Trim","nm":"Trim Paths 1","ix":2,"e":{"a":0,"k":0,"ix":2},"o":{"a":0,"k":0,"ix":3},"s":{"a":1,"k":[{"o":{"x":0.333,"y":0},"i":{"x":0,"y":1},"s":[0],"t":28},{"o":{"x":0.333,"y":0},"i":{"x":0,"y":1},"s":[100],"t":40},{"o":{"x":0.167,"y":0},"i":{"x":0.833,"y":1},"s":[100],"t":75},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[0],"t":84}],"ix":1},"m":1},{"ty":"st","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":1,"lj":1,"ml":4,"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"d":[],"c":{"a":0,"k":[0.6078,0.6078,0.6078],"ix":3}}],"ind":1,"parent":2},{"ty":4,"nm":"Shape Layer 1","mn":"","sr":1,"st":16,"op":141,"ip":16,"hd":false,"cl":"","ln":"","ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":1,"k":[{"o":{"x":0.333,"y":0},"i":{"x":0.095,"y":1},"s":[36,36,0],"t":26,"ti":[0,0,0],"to":[0,1.33333337306976,0]},{"o":{"x":0.333,"y":0},"i":{"x":0.095,"y":1},"s":[36,44,0],"t":35.32,"ti":[0,0,0],"to":[0,0,0]},{"o":{"x":0.333,"y":0},"i":{"x":0.095,"y":1},"s":[36,36,0],"t":44.642,"ti":[0,0,0],"to":[0,0,0]},{"o":{"x":0.333,"y":0},"i":{"x":0.095,"y":1},"s":[36,44,0],"t":54.68,"ti":[0,1.33333337306976,0],"to":[0,0,0]},{"o":{"x":0.167,"y":0.167},"i":{"x":0.095,"y":0.095},"s":[36,36,0],"t":64,"ti":[0,0,0],"to":[0,0,0]},{"o":{"x":0.167,"y":0},"i":{"x":0.095,"y":1},"s":[36,36,0],"t":74,"ti":[0,-2.5,0],"to":[0,2.5,0]},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[36,51,0],"t":84}],"ix":2},"r":{"a":0,"k":0,"ix":10},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11}},"ef":[],"shapes":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0,0],[10.1,0],[0,0],[0,10.1],[0,0],[-10.1,0],[0,0],[9.064,-9.064],[0,-21.037],[0,0]],"o":[[0,0],[0,10.1],[0,0],[-10.1,0],[0,0],[0,-10.1],[0,0],[1.5,0],[-9.998,9.998],[0,0],[0,0]],"v":[[18.274,12.803],[18.287,14.213],[0,32.5],[0,32.5],[-18.287,14.213],[-18.287,-14.213],[-2.625,-32.5],[-1.625,-32.5],[-0.248,-18.745],[0.065,7.412],[0.006,16.626]]},"ix":2}},{"ty":"tm","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Filter - Trim","nm":"Trim Paths 1","ix":2,"e":{"a":1,"k":[{"o":{"x":0.333,"y":0},"i":{"x":0.163,"y":1},"s":[0],"t":16},{"o":{"x":0.333,"y":0},"i":{"x":0.163,"y":1},"s":[92],"t":40},{"o":{"x":0.167,"y":0},"i":{"x":0.833,"y":1},"s":[92],"t":76},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[100],"t":84}],"ix":2},"o":{"a":0,"k":0,"ix":3},"s":{"a":1,"k":[{"o":{"x":0.333,"y":0},"i":{"x":0,"y":1},"s":[0],"t":16},{"o":{"x":0.333,"y":0},"i":{"x":0,"y":1},"s":[100],"t":28},{"o":{"x":0.333,"y":0},"i":{"x":0,"y":1},"s":[100],"t":40},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[100],"t":76}],"ix":1},"m":1},{"ty":"st","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":1,"lj":1,"ml":4,"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"d":[],"c":{"a":0,"k":[0.6078,0.6078,0.6078],"ix":3}}],"ind":2},{"ty":4,"nm":"Shape Layer 11","mn":"","sr":1,"st":0,"op":246,"ip":84,"hd":false,"cl":"","ln":"","ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[36,36,0],"ix":2},"r":{"a":0,"k":0,"ix":10},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11}},"ef":[],"shapes":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0,0],[10.1,0],[0,0],[0,10.1],[0,0],[-10.1,0],[0,0],[0,-10.1],[0,0]],"o":[[0,0],[0,10.1],[0,0],[-10.1,0],[0,0],[0,-10.1],[0,0],[10.1,0],[0,0],[0,0]],"v":[[18.324,4.428],[18.287,14.213],[0,32.5],[0,32.5],[-18.287,14.213],[-18.287,-14.213],[0,-32.5],[0,-32.5],[18.287,-14.213],[18.287,7.376]]},"ix":2}},{"ty":"tm","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Filter - Trim","nm":"Trim Paths 1","ix":2,"e":{"a":1,"k":[{"o":{"x":0.333,"y":0},"i":{"x":0.833,"y":1},"s":[0],"t":0},{"o":{"x":0.167,"y":0},"i":{"x":0.833,"y":1},"s":[61],"t":10},{"o":{"x":0.167,"y":0},"i":{"x":0.833,"y":1},"s":[100],"t":20},{"o":{"x":0.167,"y":0},"i":{"x":0.833,"y":1},"s":[0],"t":84},{"o":{"x":0.167,"y":0},"i":{"x":0.833,"y":1},"s":[66],"t":92},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[100],"t":100}],"ix":2},"o":{"a":0,"k":68,"ix":3},"s":{"a":1,"k":[{"o":{"x":0.333,"y":0},"i":{"x":0.833,"y":1},"s":[0],"t":0},{"o":{"x":0.167,"y":0},"i":{"x":0.833,"y":1},"s":[79],"t":10},{"o":{"x":0.167,"y":0},"i":{"x":0.833,"y":1},"s":[100],"t":20},{"o":{"x":0.167,"y":0},"i":{"x":0.833,"y":1},"s":[0],"t":84},{"o":{"x":0.167,"y":0},"i":{"x":0.833,"y":1},"s":[33],"t":92},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[100],"t":100}],"ix":1},"m":1},{"ty":"st","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":1,"lj":1,"ml":4,"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"d":[],"c":{"a":0,"k":[0.6078,0.6078,0.6078],"ix":3}}],"ind":3},{"ty":4,"nm":"Shape Layer 5","mn":"","sr":1,"st":0,"op":84,"ip":0,"hd":false,"cl":"","ln":"","ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[36,36,0],"ix":2},"r":{"a":0,"k":0,"ix":10},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11}},"ef":[],"shapes":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0,0],[10.1,0],[0,0],[0,10.1],[0,0],[-10.1,0],[0,0],[0,-10.1],[0,0]],"o":[[0,0],[0,10.1],[0,0],[-10.1,0],[0,0],[0,-10.1],[0,0],[10.1,0],[0,0],[0,0]],"v":[[18.324,4.428],[18.287,14.213],[0,32.5],[0,32.5],[-18.287,14.213],[-18.287,-14.213],[0,-32.5],[0,-32.5],[18.287,-14.213],[18.287,7.376]]},"ix":2}},{"ty":"tm","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Filter - Trim","nm":"Trim Paths 1","ix":2,"e":{"a":1,"k":[{"o":{"x":0.333,"y":0},"i":{"x":0.833,"y":1},"s":[0],"t":0},{"o":{"x":0.167,"y":0},"i":{"x":0.833,"y":1},"s":[61],"t":10},{"o":{"x":0.167,"y":0},"i":{"x":0.833,"y":1},"s":[100],"t":20},{"o":{"x":0.167,"y":0},"i":{"x":0.833,"y":1},"s":[22],"t":84},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[100],"t":101}],"ix":2},"o":{"a":0,"k":15,"ix":3},"s":{"a":1,"k":[{"o":{"x":0.333,"y":0},"i":{"x":0.833,"y":1},"s":[0],"t":0},{"o":{"x":0.167,"y":0},"i":{"x":0.833,"y":1},"s":[79],"t":10},{"o":{"x":0.167,"y":0},"i":{"x":0.833,"y":1},"s":[100],"t":20},{"o":{"x":0.167,"y":0},"i":{"x":0.833,"y":1},"s":[22],"t":84},{"o":{"x":0.167,"y":0},"i":{"x":0.833,"y":1},"s":[43],"t":93},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[100],"t":101}],"ix":1},"m":1},{"ty":"st","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":1,"lj":1,"ml":4,"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"d":[],"c":{"a":0,"k":[0.6078,0.6078,0.6078],"ix":3}}],"ind":4},{"ty":4,"nm":"Shape Layer 10","mn":"","sr":1,"st":0,"op":246,"ip":77,"hd":false,"cl":"","ln":"","ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[36,36,0],"ix":2},"r":{"a":0,"k":0,"ix":10},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11}},"ef":[],"shapes":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0,0],[10.1,0],[0,0],[0,10.1],[0,0],[-10.1,0],[0,0],[0,-10.1],[0,0]],"o":[[0,0],[0,10.1],[0,0],[-10.1,0],[0,0],[0,-10.1],[0,0],[10.1,0],[0,0],[0,0]],"v":[[18.324,4.428],[18.287,14.213],[0,32.5],[0,32.5],[-18.287,14.213],[-18.287,-14.213],[0,-32.5],[0,-32.5],[18.287,-14.213],[18.287,7.376]]},"ix":2}},{"ty":"tm","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Filter - Trim","nm":"Trim Paths 1","ix":2,"e":{"a":1,"k":[{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[0],"t":84},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[4],"t":85},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[11.733],"t":87},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[100],"t":100}],"ix":2},"o":{"a":0,"k":72,"ix":3},"s":{"a":0,"k":100,"ix":1},"m":1},{"ty":"st","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":1,"lj":1,"ml":4,"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"d":[],"c":{"a":0,"k":[0.8667,0.8667,0.8667],"ix":3}}],"ind":5},{"ty":4,"nm":"Shape Layer 3","mn":"","sr":1,"st":0,"op":77,"ip":0,"hd":false,"cl":"","ln":"","ddd":0,"bm":0,"hasMask":false,"ao":0,"ks":{"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6},"sk":{"a":0,"k":0},"p":{"a":0,"k":[36,36,0],"ix":2},"r":{"a":0,"k":0,"ix":10},"sa":{"a":0,"k":0},"o":{"a":0,"k":100,"ix":11}},"ef":[],"shapes":[{"ty":"sh","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Shape - Group","nm":"Path 1","ix":1,"d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0,0],[10.1,0],[0,0],[0,10.1],[0,0],[-10.1,0],[0,0],[0,-10.1],[0,0]],"o":[[0,0],[0,10.1],[0,0],[-10.1,0],[0,0],[0,-10.1],[0,0],[10.1,0],[0,0],[0,0]],"v":[[18.324,4.428],[18.287,14.213],[0,32.5],[0,32.5],[-18.287,14.213],[-18.287,-14.213],[0,-32.5],[0,-32.5],[18.287,-14.213],[18.287,7.376]]},"ix":2}},{"ty":"tm","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Filter - Trim","nm":"Trim Paths 1","ix":2,"e":{"a":0,"k":0,"ix":2},"o":{"a":0,"k":0,"ix":3},"s":{"a":1,"k":[{"o":{"x":0.285,"y":0},"i":{"x":0.571,"y":0.701},"s":[0],"t":0},{"o":{"x":0.321,"y":0.735},"i":{"x":0.653,"y":-0.076},"s":[81.341],"t":13},{"o":{"x":0.327,"y":0.479},"i":{"x":0.66,"y":0.185},"s":[85.14],"t":15},{"o":{"x":0.327,"y":0.292},"i":{"x":0.661,"y":1},"s":[89.17],"t":16},{"o":{"x":0.167,"y":0.167},"i":{"x":0.833,"y":0.833},"s":[100],"t":17}],"ix":1},"m":1},{"ty":"st","bm":0,"cl":"","ln":"","hd":false,"mn":"ADBE Vector Graphic - Stroke","nm":"Stroke 1","lc":1,"lj":1,"ml":4,"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"d":[],"c":{"a":0,"k":[0.8667,0.8667,0.8667],"ix":3}}],"ind":6}],"ddd":0,"h":72,"w":72,"meta":{"a":"","k":"","d":"","g":"@lottiefiles/toolkit-js 0.22.1","tc":"#000000"},"v":"5.3.4","fr":15,"op":134,"ip":0,"assets":[]} \ No newline at end of file diff --git a/frontend/peakvisor/src/assets/theme.css b/frontend/peakvisor/src/assets/theme.css new file mode 100644 index 000000000..4fbcba53c --- /dev/null +++ b/frontend/peakvisor/src/assets/theme.css @@ -0,0 +1,14914 @@ +:root { + --surface-a:#25935a; + --surface-b:#1a7f4b; + --surface-c:#4fc488; + --surface-d:#1c634e; + --surface-e:#25935a; + --surface-f:#25935a; + --text-color:#fdfdd8; + --text-color-secondary:#75d7a4; + --primary-color:#2cc978; + --primary-color-text:#fdfdd8; + --font-family:Alegreya Sans, sans-serif; + --surface-0: #ffffff; + --surface-50: #FAFAFA; + --surface-100: #F5F5F5; + --surface-200: #EEEEEE; + --surface-300: #E0E0E0; + --surface-400: #BDBDBD; + --surface-500: #9E9E9E; + --surface-600: #757575; + --surface-700: #616161; + --surface-800: #424242; + --surface-900: #212121; + --gray-50: #FAFAFA; + --gray-100: #F5F5F5; + --gray-200: #EEEEEE; + --gray-300: #E0E0E0; + --gray-400: #BDBDBD; + --gray-500: #9E9E9E; + --gray-600: #757575; + --gray-700: #616161; + --gray-800: #424242; + --gray-900: #212121; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:4px; + --surface-ground:#f8f9fa; + --surface-section:#ffffff; + --surface-card:#ffffff; + --surface-overlay:#ffffff; + --surface-border:#dee2e6; + --surface-hover: #e9ecef; + --maskbg: rgba(0, 0, 0, 0.4); + --focus-ring: 0 0 0 0.2rem #7efdbc; + color-scheme: light; +} + +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: "Alegreya Sans", sans-serif; + font-size: 1rem; + text-decoration: none; +} + +body .ui-icon { + font-size: 1rem; + display: inline-block; + vertical-align: baseline; + margin: 0; + position: static; + text-indent: 0; + overflow: visible; + background-repeat: no-repeat; +} + +body .pi { + font-size: 1rem; +} + +body .ui-widget-overlay { + -webkit-animation-name: modal-in; + animation-name: modal-in; + animation-duration: 0.4s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} + +body .ui-helper-reset { + line-height: normal; +} + +body .ui-state-disabled { + opacity: 0.6; +} + +body .ui-widget-overlay { + background: rgba(0, 0, 0, 0.4); +} + +body .ui-resizable-handle { + position: absolute; +} + +.ui-resizable { + display: flex; + flex-direction: column; +} + +.ui-resizable .ui-widget-content { + flex-grow: 1; +} + +: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:#f6fbf6; + --green-100:#d4ecd5; + --green-200:#b2ddb4; + --green-300:#90cd93; + --green-400:#6ebe71; + --green-500:#4caf50; + --green-600:#419544; + --green-700:#357b38; + --green-800:#2a602c; + --green-900:#1e4620; + --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:#f5f6fb; + --indigo-100:#d1d5ed; + --indigo-200:#acb4df; + --indigo-300:#8893d1; + --indigo-400:#6372c3; + --indigo-500:#3f51b5; + --indigo-600:#36459a; + --indigo-700:#2c397f; + --indigo-800:#232d64; + --indigo-900:#192048; + --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:#fff8f2; + --orange-100:#fde0c2; + --orange-200:#fbc791; + --orange-300:#f9ae61; + --orange-400:#f79530; + --orange-500:#f57c00; + --orange-600:#d06900; + --orange-700:#ac5700; + --orange-800:#874400; + --orange-900:#623200; + --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; + --red-50:#fff5f5; + --red-100:#ffd1ce; + --red-200:#ffada7; + --red-300:#ff8980; + --red-400:#ff6459; + --red-500:#ff4032; + --red-600:#d9362b; + --red-700:#b32d23; + --red-800:#8c231c; + --red-900:#661a14; + --primary-50:#f4fcf8; + --primary-100:#ccf2df; + --primary-200:#a4e8c5; + --primary-300:#7cdeab; + --primary-400:#54d392; + --primary-500:#2cc978; + --primary-600:#25ab66; + --primary-700:#1f8d54; + --primary-800:#186f42; + --primary-900:#125030; +} + +body .ui-button { + background: #2cc978; + color: #fdfdd8; + border: 1px solid #2cc978; + margin: 0; + outline: 0 none; + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s; +} + +body .ui-button.ui-state-hover { + background: #28b56c; + border-color: #28b56c; + color: #fdfdd8; +} + +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2em #a8ecc9; +} + +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: #23a160; + border-color: #23a160; + color: #fdfdd8; +} + +body .ui-button.ui-button-outlined { + background-color: rgba(0, 0, 0, 0); + color: #2cc978; + border: 1px solid; +} + +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(44, 201, 120, 0.04); + color: #2cc978; + border: 1px solid; +} + +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(44, 201, 120, 0.16); + color: #2cc978; + border: 1px solid; +} + +body .ui-button.ui-button-outlined.ui-button-plain { + color: #75d7a4; + border-color: #75d7a4; +} + +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: #4fc488; + color: #75d7a4; +} + +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-active, body .ui-button.ui-button-outlined.ui-button-plain.ui-state-down { + background: #1c634e; + color: #75d7a4; +} + +body .ui-button.ui-button-flat { + background-color: rgba(0, 0, 0, 0); + color: #2cc978; + border-color: rgba(0, 0, 0, 0); +} + +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(44, 201, 120, 0.04); + color: #2cc978; + border-color: rgba(0, 0, 0, 0); +} + +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(44, 201, 120, 0.16); + color: #2cc978; + border-color: rgba(0, 0, 0, 0); +} + +body .ui-button.ui-button-flat.ui-button-plain { + color: #75d7a4; +} + +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: #4fc488; + color: #75d7a4; +} + +body .ui-button.ui-button-flat.ui-button-plain.ui-state-active, body .ui-button.ui-button-flat.ui-button-plain.ui-state-down { + background: #1c634e; + color: #75d7a4; +} + +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.5rem 1rem; +} + +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.5rem 1rem 0.5rem 2rem; +} + +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} + +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.5rem 2rem 0.5rem 1rem; +} + +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} + +body .ui-button.ui-button-icon-only { + width: 2.357rem; +} + +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.5rem; +} + +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} + +body .ui-button.ui-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); +} + +body .ui-button.rounded-button { + border-radius: 2rem; +} + +body .ui-button.rounded-button.ui-button-icon-only { + border-radius: 50%; + height: 2.357rem; +} + +body .ui-button .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-button .ui-icon-triangle-1-s:before { + content: "\e902"; +} + +body .ui-selectbooleanbutton, body .ui-selectonebutton > .ui-button, body .ui-selectmanybutton > .ui-button { + background: #25935a; + color: #fdfdd8; + border: 1px solid #fdfdd8; + outline: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s; +} + +body .ui-selectbooleanbutton .ui-icon, body .ui-selectonebutton > .ui-button .ui-icon, body .ui-selectmanybutton > .ui-button .ui-icon { + color: #75d7a4; +} + +body .ui-selectbooleanbutton.ui-state-hover, body .ui-selectonebutton > .ui-button.ui-state-hover, body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: #4fc488; + border-color: #fdfdd8; + color: #fdfdd8; +} + +body .ui-selectbooleanbutton.ui-state-hover .ui-icon, body .ui-selectonebutton > .ui-button.ui-state-hover .ui-icon, body .ui-selectmanybutton > .ui-button.ui-state-hover .ui-icon { + color: #75d7a4; +} + +body .ui-selectbooleanbutton.ui-state-active, body .ui-selectonebutton > .ui-button.ui-state-active, body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #2cc978; + border-color: #2cc978; + color: #fdfdd8; +} + +body .ui-selectbooleanbutton.ui-state-active .ui-icon, body .ui-selectonebutton > .ui-button.ui-state-active .ui-icon, body .ui-selectmanybutton > .ui-button.ui-state-active .ui-icon { + color: #fdfdd8; +} + +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover, body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover, body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover { + background: #28b56c; + border-color: #28b56c; + color: #fdfdd8; +} + +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover .ui-icon, body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon, body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon { + color: #fdfdd8; +} + +body .ui-selectonebutton > .ui-button, body .ui-selectmanybutton > .ui-button { + border-radius: 0; +} + +body .ui-selectonebutton > .ui-button:first-child, body .ui-selectmanybutton > .ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} + +body .ui-selectonebutton > .ui-button:last-child, body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +body .ui-selectonebutton > .ui-button.ui-state-focus, body .ui-selectmanybutton > .ui-button.ui-state-focus { + z-index: 1; +} + +body .ui-selectonebutton > .ui-button:not(:last-child), body .ui-selectmanybutton > .ui-button:not(:last-child) { + border-right-width: 0; +} + +@media (max-width: 640px) { + body .ui-selectonebutton > div.ui-button:not(:last-child), body .ui-selectmanybutton > div.ui-button:not(:last-child) { + border-bottom-width: 0; + border-right-width: 1px; + } + body .ui-selectonebutton > div.ui-button:first-child, body .ui-selectmanybutton > div.ui-button:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-selectonebutton > div.ui-button:last-child, body .ui-selectmanybutton > div.ui-button:last-child { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + border-bottom-width: 1px; + } +} +@media (max-width: 640px) { + body .ui-dataview-layout-options > div.ui-button:not(:last-child) { + border-bottom-width: 1px; + border-right-width: 0; + } + body .ui-dataview-layout-options > div.ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-dataview-layout-options > div.ui-button:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} + +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} + +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +body .ui-button-group .ui-button.ui-state-focus { + z-index: 1; +} + +body .ui-button.ui-button-secondary, body .ui-splitbutton.ui-button-secondary > .ui-button, body .ui-menubutton.ui-button-secondary > .ui-button { + background: #fdfdd8; + color: #0f9a70; + border: 1px solid #fdfdd8; +} + +body .ui-button.ui-button-secondary.ui-state-hover, body .ui-button.ui-button-secondary:not(:disabled):hover, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-hover, body .ui-splitbutton.ui-button-secondary > .ui-button:not(:disabled):hover, body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-hover, body .ui-menubutton.ui-button-secondary > .ui-button:not(:disabled):hover { + background: #fbfbab; + border-color: #fbfbab; + color: #0f9a70; +} + +body .ui-button.ui-button-secondary.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #fefeef; +} + +body .ui-button.ui-button-secondary.ui-state-active, body .ui-button.ui-button-secondary:active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button:active, body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-active, body .ui-menubutton.ui-button-secondary > .ui-button:active { + background: #f8f87f; + border-color: #f8f87f; + color: #0f9a70; +} + +body .ui-button.ui-button-secondary.ui-button-outlined, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined, body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined { + background-color: rgba(0, 0, 0, 0); + color: #fdfdd8; + border: 1px solid; +} + +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:hover, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover, body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover { + background: rgba(253, 253, 216, 0.04); + color: #fdfdd8; + border: 1px solid; +} + +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active, body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active { + background: rgba(253, 253, 216, 0.16); + color: #fdfdd8; + border: 1px solid; +} + +body .ui-button.ui-button-secondary.ui-button-flat, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat, body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat { + background-color: rgba(0, 0, 0, 0); + color: #fdfdd8; + border-color: rgba(0, 0, 0, 0); +} + +body .ui-button.ui-button-secondary.ui-button-flat:enabled:hover, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover, body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover { + background: rgba(253, 253, 216, 0.04); + border-color: rgba(0, 0, 0, 0); + color: #fdfdd8; +} + +body .ui-button.ui-button-secondary.ui-button-flat:enabled:active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active, body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active { + background: rgba(253, 253, 216, 0.16); + border-color: rgba(0, 0, 0, 0); + color: #fdfdd8; +} + +body .ui-button.ui-button-success, body .ui-splitbutton.ui-button-success > .ui-button, body .ui-menubutton.ui-button-success > .ui-button { + background: #0f9a70; + color: #fdfdd8; + border: 1px solid #0f9a70; +} + +body .ui-button.ui-button-success.ui-state-hover, body .ui-splitbutton.ui-button-success > .ui-button.ui-state-hover, body .ui-menubutton.ui-button-success > .ui-button.ui-state-hover { + background: #0e8b65; + color: #fdfdd8; + border-color: #0e8b65; +} + +body .ui-button.ui-button-success.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, body .ui-menubutton.ui-button-success > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #83f3d1; +} + +body .ui-button.ui-button-success.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, body .ui-menubutton.ui-button-success > .ui-button.ui-state-active { + background: #0c7b5a; + color: #fdfdd8; +} + +body .ui-button.ui-button-success.ui-button-outlined, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined, body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined { + background-color: rgba(0, 0, 0, 0); + color: #0f9a70; + border: 1px solid; +} + +body .ui-button.ui-button-success.ui-button-outlined.ui-state-hover, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover, body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(15, 154, 112, 0.04); + color: #0f9a70; + border: 1px solid; +} + +body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(15, 154, 112, 0.16); + color: #0f9a70; + border: 1px solid; +} + +body .ui-button.ui-button-success.ui-button-flat, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat, body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat { + background-color: rgba(0, 0, 0, 0); + color: #0f9a70; + border-color: rgba(0, 0, 0, 0); +} + +body .ui-button.ui-button-success.ui-button-flat.ui-state-hover, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover, body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(15, 154, 112, 0.04); + border-color: rgba(0, 0, 0, 0); + color: #0f9a70; +} + +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active { + background: rgba(15, 154, 112, 0.16); + border-color: rgba(0, 0, 0, 0); + color: #0f9a70; +} + +body .ui-button.ui-button-warning, body .ui-splitbutton.ui-button-warning > .ui-button, body .ui-menubutton.ui-button-warning > .ui-button { + background: #f3b95f; + color: #212529; + border: 1px solid #f3b95f; +} + +body .ui-button.ui-button-warning.ui-state-hover, body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-hover, body .ui-menubutton.ui-button-warning > .ui-button.ui-state-hover { + background: #f1ab40; + color: #212529; + border-color: #f1ab40; +} + +body .ui-button.ui-button-warning.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, body .ui-menubutton.ui-button-warning > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #fae3bf; +} + +body .ui-button.ui-button-warning.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, body .ui-menubutton.ui-button-warning > .ui-button.ui-state-active { + background: #ee9d20; + color: #212529; + border-color: #ee9d20; +} + +body .ui-button.ui-button-warning.ui-button-outlined, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined, body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined { + background-color: rgba(0, 0, 0, 0); + color: #f3b95f; + border: 1px solid; +} + +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-hover, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover, body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(243, 185, 95, 0.04); + color: #f3b95f; + border: 1px solid; +} + +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(243, 185, 95, 0.16); + color: #f3b95f; + border: 1px solid; +} + +body .ui-button.ui-button-warning.ui-button-flat, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat, body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat { + background-color: rgba(0, 0, 0, 0); + color: #f3b95f; + border-color: rgba(0, 0, 0, 0); +} + +body .ui-button.ui-button-warning.ui-button-flat.ui-state-hover, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover, body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(243, 185, 95, 0.04); + border-color: rgba(0, 0, 0, 0); + color: #f3b95f; +} + +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active { + background: rgba(243, 185, 95, 0.16); + border-color: rgba(0, 0, 0, 0); + color: #f3b95f; +} + +body .ui-button.ui-button-help, body .ui-splitbutton.ui-button-help > .ui-button, body .ui-menubutton.ui-button-help > .ui-button { + background: #9681eb; + color: #fdfdd8; + border: 1px solid #9681eb; +} + +body .ui-button.ui-button-help.ui-state-hover, body .ui-splitbutton.ui-button-help > .ui-button.ui-state-hover, body .ui-menubutton.ui-button-help > .ui-button.ui-state-hover { + background: #7c62e6; + color: #fdfdd8; + border-color: #7c62e6; +} + +body .ui-button.ui-button-help.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, body .ui-menubutton.ui-button-help > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #d5cdf7; +} + +body .ui-button.ui-button-help.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, body .ui-menubutton.ui-button-help > .ui-button.ui-state-active { + background: #6242e1; + color: #fdfdd8; + border-color: #6242e1; +} + +body .ui-button.ui-button-help.ui-button-outlined, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined, body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined { + background-color: rgba(0, 0, 0, 0); + color: #9681eb; + border: 1px solid; +} + +body .ui-button.ui-button-help.ui-button-outlined.ui-state-hover, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover, body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(150, 129, 235, 0.04); + color: #9681eb; + border: 1px solid; +} + +body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(150, 129, 235, 0.16); + color: #9681eb; + border: 1px solid; +} + +body .ui-button.ui-button-help.ui-button-flat, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat, body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat { + background-color: rgba(0, 0, 0, 0); + color: #9681eb; + border-color: rgba(0, 0, 0, 0); +} + +body .ui-button.ui-button-help.ui-button-flat.ui-state-hover, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover, body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(150, 129, 235, 0.04); + border-color: rgba(0, 0, 0, 0); + color: #9681eb; +} + +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active { + background: rgba(150, 129, 235, 0.16); + border-color: rgba(0, 0, 0, 0); + color: #9681eb; +} + +body .ui-button.ui-button-info, body .ui-splitbutton.ui-button-info > .ui-button, body .ui-menubutton.ui-button-info > .ui-button { + background: #0288d1; + color: #fdfdd8; + border: 1px solid #0288d1; +} + +body .ui-button.ui-button-info.ui-state-hover, body .ui-splitbutton.ui-button-info > .ui-button.ui-state-hover, body .ui-menubutton.ui-button-info > .ui-button.ui-state-hover { + background: #027abc; + color: #fdfdd8; + border-color: #027abc; +} + +body .ui-button.ui-button-info.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, body .ui-menubutton.ui-button-info > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #89d4fe; +} + +body .ui-button.ui-button-info.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, body .ui-menubutton.ui-button-info > .ui-button.ui-state-active { + background: #026da7; + color: #fdfdd8; + border-color: #026da7; +} + +body .ui-button.ui-button-info.ui-button-outlined, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined, body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined { + background-color: rgba(0, 0, 0, 0); + color: #0288d1; + border: 1px solid; +} + +body .ui-button.ui-button-info.ui-button-outlined.ui-state-hover, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover, body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(2, 136, 209, 0.04); + color: #0288d1; + border: 1px solid; +} + +body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(2, 136, 209, 0.16); + color: #0288d1; + border: 1px solid; +} + +body .ui-button.ui-button-info.ui-button-flat, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat, body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat { + background-color: rgba(0, 0, 0, 0); + color: #0288d1; + border-color: rgba(0, 0, 0, 0); +} + +body .ui-button.ui-button-info.ui-button-flat.ui-state-hover, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover, body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(2, 136, 209, 0.04); + border-color: rgba(0, 0, 0, 0); + color: #0288d1; +} + +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active { + background: rgba(2, 136, 209, 0.16); + border-color: rgba(0, 0, 0, 0); + color: #0288d1; +} + +body .ui-button.ui-button-danger, body .ui-splitbutton.ui-button-danger > .ui-button, body .ui-menubutton.ui-button-danger > .ui-button { + background: #fa7a71; + color: #fdfdd8; + border: 1px solid #fa7a71; +} + +body .ui-button.ui-button-danger.ui-state-hover, body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-hover, body .ui-menubutton.ui-button-danger > .ui-button.ui-state-hover { + background: #f9594e; + color: #fdfdd8; + border-color: #f9594e; +} + +body .ui-button.ui-button-danger.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, body .ui-menubutton.ui-button-danger > .ui-button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #fdcac6; +} + +body .ui-button.ui-button-danger.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, body .ui-menubutton.ui-button-danger > .ui-button.ui-state-active { + background: #f8382b; + color: #fdfdd8; + border-color: #f8382b; +} + +body .ui-button.ui-button-danger.ui-button-outlined, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined, body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined { + background-color: rgba(0, 0, 0, 0); + color: #fa7a71; + border: 1px solid; +} + +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-hover, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover, body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(250, 122, 113, 0.04); + color: #fa7a71; + border: 1px solid; +} + +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(250, 122, 113, 0.16); + color: #fa7a71; + border: 1px solid; +} + +body .ui-button.ui-button-danger.ui-button-flat, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat, body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat { + background-color: rgba(0, 0, 0, 0); + color: #fa7a71; + border-color: rgba(0, 0, 0, 0); +} + +body .ui-button.ui-button-danger.ui-button-flat.ui-state-hover, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover, body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(250, 122, 113, 0.04); + border-color: rgba(0, 0, 0, 0); + color: #fa7a71; +} + +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active { + background: rgba(250, 122, 113, 0.16); + border-color: rgba(0, 0, 0, 0); + color: #fa7a71; +} + +body .ui-commandlink, body .ui-link { + color: #2cc978; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s; +} + +body .ui-commandlink:hover, body .ui-link:hover { + color: #28b56c; + text-decoration: underline; +} + +body .ui-commandlink:active, body .ui-link:active { + color: #23a160; +} + +body .ui-splitbutton { + padding: 0; +} + +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +body .ui-splitbutton .ui-button:first-child.ui-state-focus { + z-index: 1; +} + +body .ui-splitbutton .ui-splitbuttonmenu { + min-width: 100%; +} + +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton { + cursor: pointer; + height: auto; + padding: 0; + position: relative; + margin: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} + +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #1a7f4b; + color: #fdfdd8; +} + +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-splitbuttonmenu-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} + +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #75d7a4; +} + +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon:before { + content: "\e908"; +} + +body .ui-speeddial-button.ui-button.ui-button-icon-only { + width: 4rem; + height: 4rem; +} + +body .ui-speeddial-button.ui-button.ui-button-icon-only .ui-button-icon { + font-size: 1.3rem; +} + +body .ui-speeddial-action { + width: 3rem; + height: 3rem; + background: #fdfdd8; + color: #fff; +} + +body .ui-speeddial-action:hover { + background: #343a40; + color: #fff; +} + +body .ui-speeddial-direction-up .ui-speeddial-item { + margin: 0.25rem 0; +} + +body .ui-speeddial-direction-up .ui-speeddial-item:first-child { + margin-bottom: 0.5rem; +} + +body .ui-speeddial-direction-down .ui-speeddial-item { + margin: 0.25rem 0; +} + +body .ui-speeddial-direction-down .ui-speeddial-item:first-child { + margin-top: 0.5rem; +} + +body .ui-speeddial-direction-left .ui-speeddial-item { + margin: 0 0.25rem; +} + +body .ui-speeddial-direction-left .ui-speeddial-item:first-child { + margin-right: 0.5rem; +} + +body .ui-speeddial-direction-right .ui-speeddial-item { + margin: 0 0.25rem; +} + +body .ui-speeddial-direction-right .ui-speeddial-item:first-child { + margin-left: 0.5rem; +} + +body .ui-speeddial-circle .ui-speeddial-item, body .ui-speeddial-semi-circle .ui-speeddial-item, body .ui-speeddial-quarter-circle .ui-speeddial-item { + margin: 0; +} + +body .ui-speeddial-circle .ui-speeddial-item:first-child, body .ui-speeddial-circle .ui-speeddial-item:last-child, body .ui-speeddial-semi-circle .ui-speeddial-item:first-child, body .ui-speeddial-semi-circle .ui-speeddial-item:last-child, body .ui-speeddial-quarter-circle .ui-speeddial-item:first-child, body .ui-speeddial-quarter-circle .ui-speeddial-item:last-child { + margin: 0; +} + +body .ui-speeddial-mask { + background-color: rgba(0, 0, 0, 0.4); +} + +body .ui-carousel .ui-carousel-content .ui-carousel-prev, body .ui-carousel .ui-carousel-content .ui-carousel-next { + width: 2rem; + height: 2rem; + background: rgba(0, 0, 0, 0); + color: #75d7a4; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin: 0.5rem; +} + +body .ui-carousel .ui-carousel-content .ui-carousel-prev:hover, body .ui-carousel .ui-carousel-content .ui-carousel-next:hover { + background: #4fc488; + color: #fdfdd8; + border-color: rgba(0, 0, 0, 0); +} + +body .ui-carousel .ui-carousel-content .ui-carousel-prev:focus, body .ui-carousel .ui-carousel-content .ui-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7efdbc; +} + +body .ui-carousel .ui-carousel-indicators { + padding: 1rem; +} + +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} + +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button { + background-color: #4fc488; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 0; +} + +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button:hover { + background: #1c634e; +} + +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #2cc978; + color: #fdfdd8; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 2px solid #2cc978; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #25935a; +} + +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #1c634e; +} + +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-opposite, body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-content { + padding: 0 1rem; +} + +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + width: 2px; +} + +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-opposite, body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-content { + padding: 1rem 0; +} + +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + height: 2px; +} + +body .ui-datagrid .ui-datagrid-header, body .ui-datagrid .ui-datagrid-footer { + background: #1a7f4b; + border: 1px solid #1c634e; + color: #fdfdd8; + padding: 1rem; + font-weight: 700; +} + +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} + +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} + +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #1c634e; + background: #25935a; + color: #fdfdd8; + padding: 1rem; +} + +body .ui-datagrid .ui-paginator { + padding: 1rem; +} + +body .ui-datagrid .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} + +body .ui-datagrid .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datalist .ui-datalist-header, body .ui-datalist .ui-datalist-footer { + background: #1a7f4b; + border: 1px solid #1c634e; + color: #fdfdd8; + padding: 1rem; + font-weight: 700; +} + +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} + +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} + +body .ui-datalist .ui-datalist-content { + border: 1px solid #1c634e; + background: #25935a; + color: #fdfdd8; + padding: 1rem; +} + +body .ui-datalist .ui-paginator { + padding: 1rem; +} + +body .ui-datalist .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} + +body .ui-datalist .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datascroller .ui-datascroller-header, body .ui-datascroller .ui-datascroller-footer { + background: #1a7f4b; + border: 1px solid #1c634e; + color: #fdfdd8; + padding: 1rem; + font-weight: 700; +} + +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} + +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} + +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #1c634e; + background: #25935a; + color: #fdfdd8; + padding: 1rem; +} + +body .ui-datatable .ui-datatable-header { + background: #1a7f4b; + border: 1px solid #4fc488; + border-width: 1px 0 1px 0; + color: #fdfdd8; + padding: 1rem 1rem; + font-weight: 600; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} + +body .ui-datatable .ui-datatable-footer { + background: #1a7f4b; + border: 1px solid #4fc488; + border-width: 0 0 1px 0; + color: #fdfdd8; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} + +body .ui-datatable .ui-datatable-header { + text-align: left; +} + +body .ui-datatable .ui-datatable-footer { + text-align: left; +} + +body .ui-datatable .ui-paginator { + padding: 1rem; +} + +body .ui-datatable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} + +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} + +body .ui-datatable thead th { + background: #1a7f4b; + color: #fdfdd8; + padding: 1rem 1rem; + border: 1px solid #4fc488; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s; +} + +body .ui-datatable thead th .ui-column-title { + font-weight: 700; + vertical-align: middle; +} + +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} + +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} + +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} + +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} + +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} + +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} + +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} + +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #fdfdd8; + background: #2cc978; + margin-left: 0.5rem; + font-size: 0.75rem; +} + +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #7efdbc; +} + +body .ui-datatable thead th.ui-state-hover { + background: #4fc488; + color: #fdfdd8; +} + +body .ui-datatable thead th.ui-state-active { + background: #1a7f4b; + color: #2cc978; +} + +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: #4fc488; + color: #2cc978; +} + +body .ui-datatable .ui-datatable-data > tr { + background: #25935a; + color: #fdfdd8; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s; +} + +body .ui-datatable .ui-datatable-data > tr > td { + padding: 1rem 1rem; + border: 1px solid rgba(0, 0, 0, 0.08); + border-width: 0 0 1px 0; +} + +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #1a7f4b; + border: 1px solid #1c634e; + color: #fdfdd8; + font-weight: 700; +} + +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: #4fc488; + color: #fdfdd8; +} + +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: #fdfdd8; + color: #25935a; +} + +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #25935a; +} + +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #25935a; +} + +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable { + cursor: pointer; +} + +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable > .ui-grouped-column { + background: #25935a; + color: #fdfdd8; + cursor: default; +} + +body .ui-datatable .ui-datatable-data > tr.ui-rowgroup-header, body .ui-datatable .ui-datatable-data > tr.ui-datatable-summaryrow { + font-weight: 700; +} + +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a { + width: 2rem; + height: 2rem; + background: rgba(0, 0, 0, 0); + color: #75d7a4; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} + +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:hover { + background: #4fc488; + color: #fdfdd8; + border-color: rgba(0, 0, 0, 0); +} + +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7efdbc; +} + +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a.ui-row-editor-check { + margin-right: 0.5rem; +} + +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} + +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} + +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} + +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler { + width: 2rem; + height: 2rem; + background: rgba(0, 0, 0, 0); + color: #75d7a4; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} + +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:hover { + background: #4fc488; + color: #fdfdd8; + border-color: rgba(0, 0, 0, 0); +} + +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7efdbc; +} + +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e:before { + content: "\e901"; +} + +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s:before { + content: "\e902"; +} + +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler { + margin-right: 1rem; +} + +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon { + width: 2rem; + height: 2rem; + background: rgba(0, 0, 0, 0); + color: #75d7a4; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} + +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:hover { + background: #4fc488; + color: #fdfdd8; + border-color: rgba(0, 0, 0, 0); +} + +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7efdbc; +} + +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e:before { + content: "\e901"; +} + +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s:before { + content: "\e902"; +} + +body .ui-datatable .ui-datatable-data > tr.ui-datatable-rowordering { + background: #fdfdd8; +} + +body .ui-datatable .ui-column-resizer-helper { + background: #2cc978; +} + +body .ui-datatable tfoot td { + background: #1a7f4b; + border: 1px solid #4fc488; + border-width: 0 0 1px 0; + color: #fdfdd8; + padding: 1rem 1rem; + font-weight: 700; + text-align: left; + box-sizing: content-box; +} + +body .ui-datatable > .ui-icon-arrowthick-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: none !important; +} + +body .ui-datatable > .ui-icon-arrowthick-1-s:before { + content: "\e919"; +} + +body .ui-datatable > .ui-icon-arrowthick-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + padding-top: 1.5rem !important; +} + +body .ui-datatable > .ui-icon-arrowthick-1-n:before { + content: "\e91c"; +} + +body .ui-datatable .ui-datatable-scrollable-body { + outline: 0 none; +} + +body .ui-datatable .ui-datatable-scrollable-header, body .ui-datatable .ui-datatable-scrollable-footer { + background: #1a7f4b; +} + +body .ui-datatable .ui-selection-column .ui-chkbox-all { + margin: 0 auto; + width: 1.5rem; + height: 1.5rem; +} + +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: #fbfcfc; +} + +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: #4fc488; + color: #fdfdd8; +} + +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: #fdfdd8; + color: #25935a; +} + +body .ui-datatable.ui-datatable-sm thead > tr > th { + padding: 0.5rem 0.5rem; +} + +body .ui-datatable.ui-datatable-sm .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} + +body .ui-datatable.ui-datatable-sm .ui-datatable-data > tr > td { + padding: 0.5rem 0.5rem; +} + +body .ui-datatable.ui-datatable-sm tfoot > tr > td { + padding: 0.5rem 0.5rem; +} + +body .ui-datatable.ui-datatable-lg thead > tr > th { + padding: 1.25rem 1.25rem; +} + +body .ui-datatable.ui-datatable-lg .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} + +body .ui-datatable.ui-datatable-lg .ui-datatable-data > tr > td { + padding: 1.25rem 1.25rem; +} + +body .ui-datatable.ui-datatable-lg tfoot > tr > td { + padding: 1.25rem 1.25rem; +} + +body .ui-datatable.ui-datatable-gridlines .ui-datatable-header { + border-width: 1px; +} + +body .ui-datatable.ui-datatable-gridlines thead > tr > th { + border-width: 1px; +} + +body .ui-datatable.ui-datatable-gridlines .ui-datatable-data > tr > td { + border-width: 1px; +} + +body .ui-datatable.ui-datatable-gridlines .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} + +body .ui-datatable.ui-datatable-gridlines tfoot > tr > td { + border-width: 1px; +} + +body .ui-datatable.ui-datatable-sticky.ui-sticky { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-datatable.ui-datatable-sticky > table > thead, body .ui-datatable.ui-datatable-sticky > table > tfoot { + background: #1a7f4b; +} + +body .ui-columntoggler { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + background: #25935a; + border: 1px solid #fdfdd8; +} + +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} + +body .ui-columntoggler .ui-columntoggler-items { + padding: 0.5rem 0; +} + +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + background: rgba(0, 0, 0, 0); + color: #fdfdd8; + border-radius: 0; +} + +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} + +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label { + padding: 0; + display: inline; +} + +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid rgba(0, 0, 0, 0.08); + } + body .ui-datatable-reflow .ui-datatable-data tr:hover, body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight { + border-left: 0 none; + border-right: 0 none; + border-bottom: 1px solid rgba(0, 0, 0, 0.08); + } + body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content > td { + display: block; + width: 100%; + } +} +body .ui-dataview .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} + +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} + +body .ui-dataview .ui-dataview-header { + background: #1a7f4b; + color: #fdfdd8; + padding: 1rem 1rem; + font-weight: 600; + border: 1px solid #4fc488; + border-width: 1px 0 1px 0; +} + +body .ui-dataview .ui-dataview-footer { + background: #1a7f4b; + color: #fdfdd8; + border: 1px solid #4fc488; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} + +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #25935a; + color: #fdfdd8; + padding: 0; +} + +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid #4fc488; + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: #1c634e; +} + +body .fc .fc-daygrid-day.fc-day-today, body .fc .fc-timegrid-col.fc-day-today { + background-color: #fdfdd8; +} + +body .fc th { + background: #1a7f4b; + border: 1px solid #1c634e; + color: #fdfdd8; +} + +body .fc th > .fc-scrollgrid-sync-inner { + padding: 1rem; +} + +body .fc td { + border: 1px solid #1c634e; +} + +body .fc td.fc-widget-content { + background: #25935a; + border: 1px solid #1c634e; + color: #fdfdd8; +} + +body .fc td.fc-head-container { + border: 1px solid #1c634e; +} + +body .fc .fc-row { + border-right: 1px solid #1c634e; +} + +body .fc .fc-event { + background: #28b56c; + border: 0px solid #28b56c; + color: #fdfdd8; +} + +body .fc .fc-divider { + background: #1a7f4b; + border: 1px solid #1c634e; +} + +body .fc .fc-toolbar .fc-button { + background: #2cc978; + color: #fdfdd8; + border: 1px solid #2cc978; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s; +} + +body .fc .fc-toolbar .fc-button:not(:disabled):hover { + background: #28b56c; + border-color: #28b56c; + color: #fdfdd8; +} + +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2em #a8ecc9; +} + +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: #23a160; + border-color: #23a160; + color: #fdfdd8; +} + +body .ui-fluid .fc .fc-toolbar .ui-button { + width: auto; +} + +body .ui-orderlist .ui-orderlist-controls { + margin-right: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} + +body .ui-orderlist .ui-orderlist-controls .ui-button { + margin-bottom: 0.5rem; +} + +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n:before { + content: "\e933"; +} + +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} + +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s:before { + content: "\e930"; +} + +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} + +body .ui-orderlist .ui-orderlist-caption { + background: #1a7f4b; + border: 1px solid #1c634e; + color: #fdfdd8; + padding: 1rem; + border-bottom: 0 none; + font-weight: 700; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} + +body .ui-orderlist .ui-g > div { + padding: 0; +} + +body .ui-orderlist .ui-g > div.ui-orderlist-controls { + padding: 0 0.5rem 0 0; +} + +body .ui-orderlist .ui-orderlist-list { + border: 1px solid #1c634e; + background: #25935a; + color: #fdfdd8; + padding: 0.5rem 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} + +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: #fdfdd8; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s; +} + +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-hover { + background: #4fc488; + color: #fdfdd8; +} + +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: #fdfdd8; + color: #25935a; +} + +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: #f8f87f; +} + +body .ui-orderlist.ui-orderlist-controls-right .ui-g > div.ui-orderlist-controls { + padding: 0 0 0 0.5rem; +} + +@media (max-width: 640px) { + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls { + -ms-flex-direction: row; + flex-direction: row; + } + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } +} +body .ui-paginator { + background: #25935a; + border: solid #4fc488; + border-width: 0; + padding: 1rem; +} + +body .ui-paginator .ui-paginator-first, body .ui-paginator .ui-paginator-prev, body .ui-paginator .ui-paginator-next, body .ui-paginator .ui-paginator-last { + color: #75d7a4; + width: 2.286em; + height: 2.286em; + margin: 0 0.125em; + border: 1px solid rgba(0, 0, 0, 0); + vertical-align: top; + padding: 0; + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s; +} + +body .ui-paginator .ui-paginator-first span, body .ui-paginator .ui-paginator-prev span, body .ui-paginator .ui-paginator-next span, body .ui-paginator .ui-paginator-last span { + display: none; +} + +body .ui-paginator .ui-paginator-first.ui-state-hover, body .ui-paginator .ui-paginator-prev.ui-state-hover, body .ui-paginator .ui-paginator-next.ui-state-hover, body .ui-paginator .ui-paginator-last.ui-state-hover { + background: #4fc488; + color: #fdfdd8; + border-color: rgba(0, 0, 0, 0); +} + +body .ui-paginator .ui-paginator-first.ui-state-focus, body .ui-paginator .ui-paginator-prev.ui-state-focus, body .ui-paginator .ui-paginator-next.ui-state-focus, body .ui-paginator .ui-paginator-last.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7efdbc; +} + +body .ui-paginator .ui-paginator-first:before, body .ui-paginator .ui-paginator-prev:before, body .ui-paginator .ui-paginator-next:before, body .ui-paginator .ui-paginator-last:before { + position: relative; + line-height: inherit; + top: -1px; +} + +body .ui-paginator .ui-paginator-first { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.286em; +} + +body .ui-paginator .ui-paginator-first:before { + content: "\e92d"; +} + +body .ui-paginator .ui-paginator-first:before { + position: relative; +} + +body .ui-paginator .ui-paginator-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.286em; +} + +body .ui-paginator .ui-paginator-prev:before { + content: "\e931"; +} + +body .ui-paginator .ui-paginator-prev:before { + position: relative; +} + +body .ui-paginator .ui-paginator-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.286em; +} + +body .ui-paginator .ui-paginator-next:before { + content: "\e932"; +} + +body .ui-paginator .ui-paginator-next:before { + position: relative; +} + +body .ui-paginator .ui-paginator-last { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 2.286em; +} + +body .ui-paginator .ui-paginator-last:before { + content: "\e92e"; +} + +body .ui-paginator .ui-paginator-last:before { + position: relative; +} + +body .ui-paginator .ui-paginator-current { + color: #75d7a4; +} + +body .ui-paginator .ui-paginator-pages { + padding: 0; + display: inline-block; +} + +body .ui-paginator .ui-paginator-pages .ui-paginator-page { + padding: 0; + border: 1px solid rgba(0, 0, 0, 0); + text-align: center; + line-height: 2.286em; + min-width: 2.286em; + height: 2.286em; + color: #75d7a4; + margin: 0 0.125em; + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s; +} + +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active { + background: #fdfdd8; + color: #25935a; +} + +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: #4fc488; + color: #fdfdd8; + border-color: rgba(0, 0, 0, 0); +} + +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7efdbc; +} + +body .ui-paginator .ui-paginator-current, body .ui-paginator .ui-paginator-rpp-options { + margin: 0.5rem; + display: inline-block; + vertical-align: middle; +} + +body .ui-picklist .ui-picklist-buttons { + padding: 0 0.5rem 0 0.5rem; +} + +body .ui-picklist .ui-picklist-buttons .ui-button { + margin-bottom: 0.5rem; +} + +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n:before { + content: "\e933"; +} + +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} + +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s:before { + content: "\e930"; +} + +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} + +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e:before { + content: "\e932"; +} + +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e:before { + content: "\e92e"; +} + +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w:before { + content: "\e931"; +} + +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w:before { + content: "\e92d"; +} + +body .ui-picklist .ui-picklist-caption { + background: #1a7f4b; + border: 1px solid #1c634e; + color: #fdfdd8; + padding: 1rem; + border-bottom: 0 none; + font-weight: 700; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} + +body .ui-picklist .ui-picklist-filter-container .ui-picklist-filter { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; + margin-bottom: 0.5rem; +} + +body .ui-picklist .ui-picklist-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + margin-top: -0.75rem; + color: #75d7a4; +} + +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} + +body .ui-picklist .ui-picklist-list { + border: 1px solid #1c634e; + background: #25935a; + color: #fdfdd8; + padding: 0.5rem 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} + +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.5rem 1rem; + border: 0 none; + margin: 0; + color: #fdfdd8; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s; +} + +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-hover { + background: #4fc488; + color: #fdfdd8; +} + +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: #fdfdd8; + color: #25935a; +} + +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: #f8f87f; +} + +@media (max-width: 640px) { + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button:last-child { + margin-right: 0; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e:before { + content: "\e930"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e:before { + content: "\e92c"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w:before { + content: "\e933"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w:before { + content: "\e92f"; + } + body .ui-picklist.ui-picklist-responsive > div.ui-helper-hidden-accessible { + display: none; + } +} +body .ui-tagcloud { + border: 1px solid #1c634e; + background: #25935a; + color: #fdfdd8; + padding: 1rem; +} + +body .ui-tagcloud a { + color: #fdfdd8; + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s; +} + +body .ui-tagcloud a.ui-state-hover { + background: #fdfdd8; + color: #25935a; +} + +body .timeline-frame { + border: 1px solid #1c634e; + background: #25935a; + color: #fdfdd8; +} + +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: rgba(0, 0, 0, 0); + color: #75d7a4; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} + +body .timeline-frame .timeline-navigation:hover { + background: #4fc488; + color: #fdfdd8; + border-color: rgba(0, 0, 0, 0); +} + +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7efdbc; +} + +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin:before { + content: "\e98f"; +} + +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout:before { + content: "\e990"; +} + +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w:before { + content: "\e91f"; +} + +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e:before { + content: "\e920"; +} + +body .timeline-frame .timeline-event { + border: 1px solid #1c634e; + background: #25935a; + color: #fdfdd8; +} + +body .timeline-frame .timeline-event.ui-state-active { + background: #fdfdd8; + color: #25935a; +} + +body .vis-timeline { + border: 1px solid #1c634e; + background: #25935a; + color: #fdfdd8; +} + +body .vis-timeline .vis-item { + border: 1px solid #1c634e; + background: #25935a; + color: #fdfdd8; +} + +body .vis-timeline .vis-item .vis-item-content { + color: #fdfdd8; +} + +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} + +body .vis-timeline .vis-item.vis-selected { + background: #fdfdd8; + border-color: #fdfdd8; +} + +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #25935a; +} + +body .vis-timeline .vis-time-axis .vis-text { + color: #fdfdd8; +} + +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #1c634e; + background: #25935a; + color: #fdfdd8; + padding: 1rem; + width: 100%; + border-radius: 4px; +} + +body .ui-tree .ui-tree-container { + padding: 0; + margin: 0; +} + +body .ui-tree .ui-tree-container .ui-treenode { + padding: 0.143em 0; +} + +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} + +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + display: inline-block; + float: none; + margin: 0 0.5rem 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s; + width: 2rem; + height: 2rem; + background: rgba(0, 0, 0, 0); + color: #75d7a4; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} + +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:hover { + background: #4fc488; + color: #fdfdd8; + border-color: rgba(0, 0, 0, 0); +} + +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7efdbc; +} + +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} + +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} + +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w:before { + content: "\e900"; +} + +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + width: 2rem; + height: 2rem; + margin: 0 0.5rem 0 0; +} + +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0.5rem 0 0; +} + +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label { + margin: 0; + padding: 0.286em; + border-radius: 4px; +} + +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: #4fc488; + color: #fdfdd8; +} + +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: #fdfdd8; + color: #25935a; +} + +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 1rem; +} + +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #fdfdd8; +} + +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} + +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight { + background: #fdfdd8; + color: #25935a; +} + +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler, body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon { + color: #25935a; +} + +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler:hover, body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon:hover { + color: #25935a; +} + +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-tree-selectable:not(.ui-state-highlight):hover, body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-tree-selectable:not(.ui-state-highlight).ui-state-hover { + background: #4fc488; + color: #fdfdd8; +} + +body .ui-tree .ui-tree-container .ui-tree-droppoint.ui-state-hover { + background: #fdfdd8; +} + +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #7efdbc; +} + +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} + +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #1c634e; + background: #25935a; + color: #fdfdd8; + padding: 1rem; + border-radius: 4px; +} + +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: #4fc488; + color: #fdfdd8; +} + +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: #fdfdd8; + color: #25935a; +} + +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler { + margin-right: 0.5rem; + vertical-align: middle; +} + +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus:before { + content: "\e90f"; +} + +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus:before { + content: "\e90d"; +} + +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-icon { + vertical-align: middle; + margin-right: 0.5rem; +} + +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-label { + padding: 0; + vertical-align: middle; +} + +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox { + margin-right: 0.5rem; +} + +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #fdfdd8; +} + +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} + +body .ui-tree.ui-tree-horizontal .ui-treenode:before { + background-color: #25935a; +} + +body .ui-tree .ui-tree-filter-container { + margin: 0 0 0.5rem 0; +} + +body .ui-tree .ui-tree-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #75d7a4; +} + +body .ui-tree .ui-tree-filter-container .ui-icon:before { + content: "\e908"; +} + +body .ui-tree .ui-tree-filter-container .ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} + +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + margin-right: 0; + margin-left: 0.5rem; +} + +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + margin: 0 0 0 0.5rem; +} + +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0 0 0.5rem; +} + +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 0; + margin-left: 2.5rem; +} + +body .ui-tree-draghelper { + border: 1px solid #fdfdd8; +} + +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #1a7f4b; + color: #fdfdd8; + border: 1px solid #4fc488; + border-width: 1px 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} + +body .ui-treetable .ui-treetable-footer { + background: #1a7f4b; + color: #fdfdd8; + border: 1px solid #4fc488; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; +} + +body .ui-treetable .ui-treetable-header { + text-align: left; +} + +body .ui-treetable .ui-treetable-footer { + text-align: left; +} + +body .ui-treetable .ui-paginator { + padding: 1rem; +} + +body .ui-treetable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} + +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} + +body .ui-treetable thead th { + background: #1a7f4b; + color: #fdfdd8; + padding: 1rem 1rem; + border: 1px solid #4fc488; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s; +} + +body .ui-treetable thead th .ui-column-title { + font-weight: 700; + vertical-align: middle; +} + +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} + +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} + +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} + +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} + +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} + +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} + +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} + +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #fdfdd8; + background: #2cc978; + margin-left: 0.5rem; + font-size: 0.75rem; +} + +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #7efdbc; +} + +body .ui-treetable thead th.ui-state-hover { + background: #4fc488; + color: #fdfdd8; +} + +body .ui-treetable thead th.ui-state-active { + background: #1a7f4b; + color: #2cc978; +} + +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: #4fc488; + color: #2cc978; +} + +body .ui-treetable .ui-treetable-data > tr { + background: #25935a; + color: #fdfdd8; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s; +} + +body .ui-treetable .ui-treetable-data > tr > td { + padding: 1rem 1rem; + border: 1px solid rgba(0, 0, 0, 0.08); + border-width: 0 0 1px 0; +} + +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler { + margin-right: 0.5rem; + margin-top: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s; + width: 2rem; + height: 2rem; + background: rgba(0, 0, 0, 0); + color: #75d7a4; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} + +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:hover { + background: #4fc488; + color: #fdfdd8; + border-color: rgba(0, 0, 0, 0); +} + +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7efdbc; +} + +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} + +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} + +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection { + vertical-align: middle; + margin-right: 1rem; +} + +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #fdfdd8; +} + +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus:before { + content: "\e90f"; +} + +body .ui-treetable .ui-treetable-data > tr.ui-state-hover { + background: #4fc488; + color: #fdfdd8; +} + +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: #fdfdd8; + color: #25935a; + cursor: default; +} + +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #25935a; +} + +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #25935a; +} + +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: rgba(0, 0, 0, 0); + color: #75d7a4; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} + +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:hover { + background: #4fc488; + color: #fdfdd8; + border-color: rgba(0, 0, 0, 0); +} + +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7efdbc; +} + +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} + +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} + +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} + +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} + +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-check { + display: none; +} + +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-close { + display: none; +} + +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-check { + display: inline-block; +} + +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-close { + display: inline-block; + color: #25935a; +} + +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #25935a; +} + +body .ui-treetable tfoot td { + background: #1a7f4b; + border: 1px solid #4fc488; + border-width: 0 0 1px 0; + color: #fdfdd8; + padding: 1rem 1rem; + font-weight: 700; + box-sizing: content-box; +} + +body .ui-treetable .ui-treetable-scrollable-header, body .ui-treetable .ui-treetable-scrollable-footer { + background: #1a7f4b; +} + +body .ui-treetable .ui-column-resizer-helper { + background: #2cc978; +} + +body .ui-treetable.ui-treetable-sm thead > tr > th { + padding: 0.5rem 0.5rem; +} + +body .ui-treetable.ui-treetable-sm .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} + +body .ui-treetable.ui-treetable-sm .ui-treetable-data > tr > td { + padding: 0.5rem 0.5rem; +} + +body .ui-treetable.ui-treetable-sm tfoot > tr > td { + padding: 0.5rem 0.5rem; +} + +body .ui-treetable.ui-treetable-lg thead > tr > th { + padding: 1.25rem 1.25rem; +} + +body .ui-treetable.ui-treetable-lg .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} + +body .ui-treetable.ui-treetable-lg .ui-treetable-data > tr > td { + padding: 1.25rem 1.25rem; +} + +body .ui-treetable.ui-treetable-lg tfoot > tr > td { + padding: 1.25rem 1.25rem; +} + +body .ui-treetable.ui-treetable-gridlines .ui-treetable-header { + border-width: 1px 1px 0; +} + +body .ui-treetable.ui-treetable-gridlines thead > tr > th { + border: 1px solid #4fc488; +} + +body .ui-treetable.ui-treetable-gridlines .ui-treetable-data > tr > td { + border-width: 1px; +} + +body .ui-treetable.ui-treetable-gridlines .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} + +body .ui-treetable.ui-treetable-gridlines tfoot > tr > td { + border-width: 1px; +} + +body .ui-fileupload .ui-fileupload-buttonbar { + border: 1px solid #1c634e; + background: #1a7f4b; + color: #fdfdd8; + padding: 1rem; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} + +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} + +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled:not(.ui-fileupload-choose) { + display: none; +} + +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #1c634e; + background: #25935a; + color: #fdfdd8; + padding: 1rem; + border-top: 0 none; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} + +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} + +body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row > div { + padding: 1rem; +} + +body .ui-fileupload-simple .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-fileupload-simple .ui-icon-plusthick:before { + content: "\e90d"; +} + +@media screen and (max-width: 40em) { + body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + left: 50%; + margin-left: -0.5rem; + } +} +body .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + padding: 0.5rem 0.5rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +body .ui-autocomplete.ui-state-loading .ui-icon-loading { + right: 0.5rem; +} + +body .ui-autocomplete.ui-state-loading.ui-autocomplete-dd .ui-icon-loading { + right: 2.857rem; +} + +body .ui-autocomplete .ui-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.357rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.5rem; +} + +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} + +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; +} + +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #fdfdd8; + color: #25935a; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 4px; +} + +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-label { + padding: 0 2rem 0 0.5rem; +} + +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon:before { + content: "\e90b"; +} + +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token { + margin: 0; + padding: 0.25rem 0; + display: inline-block; + vertical-align: middle; + float: none; +} + +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token input { + font-family: "Alegreya Sans", sans-serif; + font-size: 1rem; + color: #fdfdd8; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} + +body .ui-autocomplete .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +body .ui-autocomplete-panel { + padding: 0; + background: #25935a; + 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); +} + +body .ui-autocomplete-panel .ui-autocomplete-emptyMessage, body .ui-autocomplete-panel .ui-autocomplete-empty-message { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + color: #fdfdd8; + border-radius: 0; +} + +body .ui-autocomplete-panel .ui-autocomplete-items { + padding: 0.5rem 0; + line-height: normal; + border: 0 none; +} + +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + color: #fdfdd8; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s; +} + +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row { + background: #25935a; + color: #fdfdd8; + border: 1px solid rgba(0, 0, 0, 0.08); +} + +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row > td { + padding: 1rem 1rem; +} + +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight { + background: #fdfdd8; + color: #25935a; +} + +body .ui-autocomplete-itemtip { + padding: 0; +} + +body .ui-autocomplete-itemtip.ui-state-highlight { + background: #fdfdd8; + color: #25935a; +} + +body .ui-fluid .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + width: calc(100% - 2.357rem); +} + +body .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + width: 2.357rem; +} + +body .ui-fluid .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + width: calc(100% - 2.357rem); +} + +body .ui-cascadeselect { + background: #2cc978; + border: 1px solid #fdfdd8; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s; + border-radius: 4px; +} + +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: #2cc978; +} + +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #2cc978; + outline: 0 none; + box-shadow: 0 0 0 0.2em #a8ecc9; +} + +body .ui-cascadeselect .ui-cascadeselect-label { + background: rgba(0, 0, 0, 0); + border: 0 none; + padding: 0.5rem 0.5rem; +} + +body .ui-cascadeselect .ui-cascadeselect-label.ui-placeholder { + color: #75d7a4; +} + +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} + +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: rgba(0, 0, 0, 0); + color: #75d7a4; + width: 2.357rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +body .ui-cascadeselect-panel { + background: #25935a; + border: 0 none; + border-radius: 4px; + 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); +} + +body .ui-cascadeselect-panel .ui-cascadeselect-items { + padding: 0.5rem 0; +} + +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item { + margin: 0; + border: 0 none; + color: #fdfdd8; + background: rgba(0, 0, 0, 0); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s; + border-radius: 0; +} + +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content { + padding: 0.5rem 1rem; +} + +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #7efdbc; +} + +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #25935a; + background: #fdfdd8; +} + +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: #fdfdd8; + background: #4fc488; +} + +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} + +body .ui-input-filled .ui-cascadeselect { + background: #2aac69; +} + +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #1a7f4b; +} + +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #1a7f4b; +} + +body .ui-chkbox { + display: inline-flex; + align-items: center; + vertical-align: middle; + margin: 0; + width: auto; + height: auto; +} + +body .ui-chkbox .ui-chkbox-box { + border: 1px solid #fdfdd8; + border-width: 2px; + background: #2cc978; + width: 1.5rem; + min-width: 1.5rem; + height: 1.5rem; + text-align: center; + position: relative; + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s; +} + +body .ui-chkbox .ui-chkbox-box.ui-state-hover { + border-color: #2cc978; +} + +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: 0 0 0 0.2em #a8ecc9; + outline: 0 none; +} + +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #2cc978; + background: #2cc978; + color: #fdfdd8; +} + +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #28b56c; +} + +body .ui-chkbox .ui-chkbox-box.ui-state-error { + border-color: #f44336; +} + +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon { + overflow: visible; + position: absolute; + left: 50%; + top: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} + +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before { + content: "\e909"; +} + +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick:before { + content: "\e90b"; +} + +body.ui-input-filled .ui-chkbox .ui-chkbox-box, body .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #2aac69; +} + +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover, body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover { + background-color: #1a7f4b; +} + +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active, body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active { + background: #2cc978; +} + +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover, body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #28b56c; +} + +body .ui-chips .ui-chips-container { + padding: 0.25rem 0.5rem; +} + +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 1px 0; + margin: 0.125rem; + background: #fdfdd8; + color: #25935a; + border-radius: 4px; +} + +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0 2rem 0 0.5rem; +} + +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon:before { + content: "\e90c"; +} + +body .ui-chips .ui-chips-container .ui-chips-input-token { + margin: 0; + padding: 0.25rem 0; +} + +body .ui-chips .ui-chips-container .ui-chips-input-token input { + font-family: "Alegreya Sans", sans-serif; + font-size: 1rem; + color: #fdfdd8; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; + border-radius: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 4px; +} + +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #25935a; + border: 1px solid #fdfdd8; + color: #fdfdd8; + padding: 0.5rem; + width: auto; + border-radius: 4px; +} + +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 1rem; + line-height: normal; + background: #25935a; + color: #fdfdd8; + font-weight: 600; + border: solid #1c634e; + border-width: 0 0 1px 0; + border-radius: 0; +} + +body .ui-datepicker .ui-datepicker-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + right: 0; +} + +body .ui-datepicker .ui-datepicker-next:before { + content: "\e901"; +} + +body .ui-datepicker .ui-datepicker-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + left: 0; +} + +body .ui-datepicker .ui-datepicker-prev:before { + content: "\e900"; +} + +body .ui-datepicker .ui-datepicker-next, body .ui-datepicker .ui-datepicker-prev { + cursor: pointer; + top: 50%; + margin-top: -1rem; + width: 2rem; + height: 2rem; + background: rgba(0, 0, 0, 0); + color: #75d7a4; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} + +body .ui-datepicker .ui-datepicker-next:hover, body .ui-datepicker .ui-datepicker-prev:hover { + background: #4fc488; + color: #fdfdd8; + border-color: rgba(0, 0, 0, 0); +} + +body .ui-datepicker .ui-datepicker-next:focus, body .ui-datepicker .ui-datepicker-prev:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7efdbc; +} + +body .ui-datepicker .ui-datepicker-next span, body .ui-datepicker .ui-datepicker-prev span { + display: none; +} + +body .ui-datepicker .ui-datepicker-title { + line-height: 1; + margin: 0; +} + +body .ui-datepicker .ui-datepicker-title select { + width: 40%; + margin: 0; +} + +body .ui-datepicker .ui-datepicker-title select:first-child { + margin-right: 0.5rem; +} + +body .ui-datepicker .ui-datepicker-calendar { + margin: 0.5rem 0; +} + +body .ui-datepicker .ui-datepicker-calendar th { + padding: 0.5rem; + text-align: center; +} + +body .ui-datepicker .ui-datepicker-calendar th > span { + width: 2.5rem; + height: 2.5rem; +} + +body .ui-datepicker .ui-datepicker-calendar td { + padding: 0.5rem; + text-align: center; +} + +body .ui-datepicker .ui-datepicker-calendar td > a:hover { + background: #4fc488; + border-color: rgba(0, 0, 0, 0); +} + +body .ui-datepicker .ui-datepicker-calendar td > a, body .ui-datepicker .ui-datepicker-calendar td > span { + padding: 0; + color: #fdfdd8; + text-align: center; + width: 2.5rem; + height: 2.5rem; + line-height: 2.5rem; + border: 0 none; + display: inline-block; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s; + border-radius: 50%; +} + +body .ui-datepicker .ui-datepicker-calendar td > a:focus, body .ui-datepicker .ui-datepicker-calendar td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7efdbc; +} + +body .ui-datepicker .ui-datepicker-calendar td > a.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td > span.ui-state-active { + background: #fdfdd8; + color: #25935a; + border: 0 none; +} + +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + background: #4fc488; + border-color: rgba(0, 0, 0, 0); +} + +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + background: rgba(0, 0, 0, 0); + color: #23a160; + font-weight: 600; + border: 0 none; +} + +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + background: #fdfdd8; + color: #25935a; + border: 0 none; +} + +body .ui-datepicker.ui-input-overlay { + 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); +} + +body .ui-datepicker .ui-timepicker-div dl { + margin: 0.857em 0; +} + +body .ui-datepicker .ui-timepicker-div dl dt { + padding: 0; +} + +body .ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_time_label { + padding: 0.5em 0; +} + +body .ui-datepicker .ui-timepicker-div dl dd { + padding: 0.5em 0; + margin: 0 0.714em 0.714em 40%; +} + +body .ui-datepicker .ui-timepicker-timeinput input { + color: #fdfdd8; + background: #2cc978; + padding: 0.5rem 0.5rem; + border: 1px solid #fdfdd8; + outline: 0 none; + font-size: 1rem; + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s; + -webkit-appearance: none; + appearance: none; + width: auto; +} + +body .ui-datepicker .ui-timepicker-timeinput input:hover { + border-color: #2cc978; +} + +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #2cc978; + outline: 0 none; + box-shadow: 0 0 0 0.2em #a8ecc9; +} + +body .ui-datepicker .ui-timepicker-timeinput .ui-separator > span { + padding: 0.5rem 0.5rem; + font-size: 1rem; +} + +body .ui-datepicker .ui-datepicker-buttonpane button, body .ui-datepicker .ui-datepicker-buttonbar button { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s; + border-radius: 4px; + background: #fdfdd8; + color: #0f9a70; + border: 1px solid #fdfdd8; +} + +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover, body .ui-datepicker .ui-datepicker-buttonpane button:not(:disabled):hover, body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-hover, body .ui-datepicker .ui-datepicker-buttonbar button:not(:disabled):hover { + background: #fbfbab; + border-color: #fbfbab; + color: #0f9a70; +} + +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-focus, body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-focus { + box-shadow: 0 0 0 0.2rem #fefeef; +} + +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-active, body .ui-datepicker .ui-datepicker-buttonpane button:active, body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-active, body .ui-datepicker .ui-datepicker-buttonbar button:active { + background: #f8f87f; + border-color: #f8f87f; + color: #0f9a70; +} + +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined, body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined { + background-color: rgba(0, 0, 0, 0); + color: #fdfdd8; + border: 1px solid; +} + +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:hover, body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:hover { + background: rgba(253, 253, 216, 0.04); + color: #fdfdd8; + border: 1px solid; +} + +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:active, body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:active { + background: rgba(253, 253, 216, 0.16); + color: #fdfdd8; + border: 1px solid; +} + +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat, body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat { + background-color: rgba(0, 0, 0, 0); + color: #fdfdd8; + border-color: rgba(0, 0, 0, 0); +} + +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:hover, body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:hover { + background: rgba(253, 253, 216, 0.04); + border-color: rgba(0, 0, 0, 0); + color: #fdfdd8; +} + +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:active, body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:active { + background: rgba(253, 253, 216, 0.16); + border-color: rgba(0, 0, 0, 0); + color: #fdfdd8; +} + +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:first-child, body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:first-child { + text-align: left; +} + +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:last-child, body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:last-child { + text-align: right; +} + +body .ui-datepicker .ui-datepicker-buttonbar { + border-top: solid #1c634e; + padding: 1rem 0; +} + +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: #fdfdd8; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s; + padding: 0.5rem; + border: 4px; +} + +body .ui-datepicker .ui-monthpicker-month:hover { + background: #4fc488; + border-color: rgba(0, 0, 0, 0); +} + +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7efdbc; +} + +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: #fdfdd8; + color: #25935a; + border: 0 none; +} + +body .ui-datepicker .ui-datepicker-group { + padding: 0.5rem; +} + +body .ui-datepicker .ui-picker-up { + width: 2rem; + height: 2rem; + background: rgba(0, 0, 0, 0); + color: #75d7a4; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} + +body .ui-datepicker .ui-picker-up:hover { + background: #4fc488; + color: #fdfdd8; + border-color: rgba(0, 0, 0, 0); +} + +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7efdbc; +} + +body .ui-datepicker .ui-picker-up .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-datepicker .ui-picker-up .ui-icon:before { + content: "\e903"; +} + +body .ui-datepicker .ui-picker-down { + width: 2rem; + height: 2rem; + background: rgba(0, 0, 0, 0); + color: #75d7a4; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} + +body .ui-datepicker .ui-picker-down:hover { + background: #4fc488; + color: #fdfdd8; + border-color: rgba(0, 0, 0, 0); +} + +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7efdbc; +} + +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} + +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} + +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.357rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} + +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.357rem); + padding-right: 0; +} + +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.357rem; + width: 2.357rem; +} + +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.5rem; +} + +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 4px; +} + +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: #4fc488; + color: #fdfdd8; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s; +} + +body .ui-inplace .ui-inplace-display.ui-state-focus { + border-color: #2cc978; + outline: 0 none; + box-shadow: 0 0 0 0.2em #a8ecc9; +} + +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} + +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} + +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} + +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} + +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.5rem; +} + +body ::-webkit-input-placeholder { + color: #75d7a4; +} + +body :-moz-placeholder { + color: #75d7a4; + opacity: 1; +} + +body ::-moz-placeholder { + color: #75d7a4; + opacity: 1; +} + +body :-ms-input-placeholder { + color: #75d7a4; +} + +body .p-field small.ui-state-error, body .field small.ui-state-error { + color: #f44336; +} + +body .ui-float-label > label { + margin-left: 0.5rem; + color: #75d7a4; +} + +body .ui-float-label > input:focus ~ label, body .ui-float-label > input.ui-state-filled ~ label, body .ui-float-label > textarea:focus ~ label, body .ui-float-label > textarea.ui-state-filled ~ label, body .ui-float-label > .ui-inputwrapper-focus ~ label, body .ui-float-label > .ui-inputwrapper-filled ~ label { + color: #fdfdd8; +} + +body .ui-float-label > input:-webkit-autofill ~ label, body .ui-float-label > textarea:-webkit-autofill ~ label { + color: #fdfdd8; +} + +body .ui-input-icon-left, body .ui-input-icon-right { + position: relative; + display: inline-block; +} + +body .ui-fluid .ui-input-icon-left, body .ui-fluid .ui-input-icon-right { + display: block; +} + +body .ui-input-icon-left > i, body .ui-input-icon-right > i { + position: absolute; + top: 50%; + margin-top: -0.5rem; +} + +body .ui-input-icon-left > i:first-of-type { + left: 0.5rem; + color: #75d7a4; +} + +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2rem; +} + +body .ui-input-icon-right > i:last-of-type { + right: 0.5rem; + color: #75d7a4; +} + +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2rem; +} + +body .ui-inputfield { + color: #fdfdd8; + background: #2cc978; + padding: 0.5rem 0.5rem; + border: 1px solid #fdfdd8; + outline: 0 none; + font-size: 1rem; + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s; + -webkit-appearance: none; + appearance: none; +} + +body .ui-inputfield.ui-state-hover { + border-color: #2cc978; +} + +body .ui-inputfield.ui-state-focus { + border-color: #2cc978; + outline: 0 none; + box-shadow: 0 0 0 0.2em #a8ecc9; +} + +body .ui-inputfield.ui-state-error { + border-color: #f44336; +} + +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #2aac69; +} + +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #1a7f4b; +} + +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #1a7f4b; +} + +body .ui-inputtextarea { + vertical-align: top; +} + +body .ui-inputgroup .ui-inputgroup-addon, body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0.5rem 0.5rem; + border-color: #fdfdd8; + background: #4fc488; + color: #75d7a4; + min-width: 2.357rem; +} + +body .ui-inputgroup .ui-inputgroup-addon:first-child, body .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} + +body .ui-inputgroup .ui-inputgroup-addon:last-child, body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} + +body .ui-inputgroup .ui-float-label:first-child input, body .ui-inputgroup .ui-float-label:first-child textarea { + border-right-width: 0px; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} + +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +body .ui-inputgroup .ui-float-label:last-child input, body .ui-inputgroup .ui-float-label:last-child textarea { + border-left-width: 0px; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +body .ui-inputgroup > .ui-widget, body .ui-inputgroup > .ui-float-label > .ui-widget { + border-radius: 0; +} + +body .ui-inputgroup > .ui-widget.ui-state-focus, body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus { + z-index: 1; +} + +body .ui-inputgroup > .ui-widget.ui-state-focus ~ label, body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus ~ label { + z-index: 1; +} + +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0; + position: relative; +} + +body .ui-inputgroup .ui-inputgroup-addon-checkbox .ui-chkbox { + vertical-align: baseline; + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.75rem; + margin-left: -0.75rem; +} + +body .ui-inputswitch { + height: 14px; + width: 34px !important; + overflow: visible; + background: #1c634e; + border-radius: 8px; +} + +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #25935a; + border-radius: 50%; + border: 2px solid #1c634e; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s; + width: 20px !important; + height: 20px !important; + 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); +} + +body .ui-inputswitch .ui-inputswitch-handle.ui-state-focus { + border-color: #2cc978; + outline: 0 none; + box-shadow: 0 0 0 0.2em #a8ecc9; +} + +body .ui-inputswitch .ui-inputswitch-on { + visibility: hidden; +} + +body .ui-inputswitch .ui-inputswitch-off span, body .ui-inputswitch .ui-inputswitch-on span { + visibility: hidden; +} + +body .ui-inputswitch.ui-inputswitch-checked { + background: #2cc978; +} + +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #25935a; + border-color: #23a160; + margin-left: 2px; +} + +body .keypad-popup { + background: #25935a; + color: #fdfdd8; + padding: 0; + border: 0 none; + margin: 0; + width: auto; + 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); +} + +body .keypad-popup button { + background: #2cc978; + border: 1px solid #fdfdd8; + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: #fdfdd8; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s; + border-radius: 4px; +} + +body .keypad-popup button.ui-state-hover { + background: #ebebef; + border-color: #fdfdd8; + color: #fdfdd8; +} + +body .keypad-popup button.ui-state-active { + background: #23a160; + border-color: #23a160; + color: #25935a; +} + +body .keypad-popup button.keypad-shift, body .keypad-popup button.keypad-spacebar, body .keypad-popup button.keypad-enter, body .keypad-popup button.keypad-clear, body .keypad-popup button.keypad-back, body .keypad-popup button.keypad-close { + background: #2cc978; + color: #fdfdd8; + border: 1px solid #2cc978; +} + +body .keypad-popup button.keypad-shift.ui-state-hover, body .keypad-popup button.keypad-spacebar.ui-state-hover, body .keypad-popup button.keypad-enter.ui-state-hover, body .keypad-popup button.keypad-clear.ui-state-hover, body .keypad-popup button.keypad-back.ui-state-hover, body .keypad-popup button.keypad-close.ui-state-hover { + background: #28b56c; + border-color: #28b56c; + color: #fdfdd8; +} + +body .keypad-popup button.keypad-shift.ui-state-focus, body .keypad-popup button.keypad-spacebar.ui-state-focus, body .keypad-popup button.keypad-enter.ui-state-focus, body .keypad-popup button.keypad-clear.ui-state-focus, body .keypad-popup button.keypad-back.ui-state-focus, body .keypad-popup button.keypad-close.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2em #a8ecc9; +} + +body .keypad-popup button.keypad-shift.ui-state-active, body .keypad-popup button.keypad-spacebar.ui-state-active, body .keypad-popup button.keypad-enter.ui-state-active, body .keypad-popup button.keypad-clear.ui-state-active, body .keypad-popup button.keypad-back.ui-state-active, body .keypad-popup button.keypad-close.ui-state-active { + background: #23a160; + border-color: #23a160; + color: #fdfdd8; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid #fdfdd8; + padding: 0; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-header { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + border-bottom: 0 none; + background: #1a7f4b; + color: #fdfdd8; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0.5rem 0; + background: #25935a; + border: 0 none; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.5rem 1rem; + margin: 0; + background: rgba(0, 0, 0, 0); + color: #fdfdd8; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-hover { + background: #4fc488; + color: #fdfdd8; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: #fdfdd8; + color: #25935a; +} + +body .ui-password .ui-password-icon { + cursor: pointer; +} + +body .ui-password.ui-password-masked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-password.ui-password-masked .ui-password-icon:before { + content: "\e966"; +} + +body .ui-password.ui-password-unmasked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-password.ui-password-unmasked .ui-password-icon:before { + content: "\e965"; +} + +body .ui-password-panel { + background: #25935a; + color: #fdfdd8; + padding: 1rem; + border: 0 none; + margin: 0; + width: auto; + min-width: 150px; + 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); + border-radius: 4px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} + +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid #fdfdd8; + border-width: 2px; + background: #2cc978; + width: 20px; + height: 20px; + text-align: center; + position: relative; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s; +} + +body .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + border-color: #2cc978; +} + +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: 0 0 0 0.2em #a8ecc9; +} + +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #2cc978; + background: #2cc978; + color: #fdfdd8; +} + +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #28b56c; +} + +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #fdfdd8; +} + +body .ui-radiobutton .ui-radiobutton-box.ui-state-error { + border-color: #f44336; +} + +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + width: 12px; + height: 12px; + vertical-align: middle; + position: absolute; + top: 50%; + left: 50%; + margin-top: -6px; + margin-left: -6px; + border-radius: 50%; +} + +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before { + display: none; +} + +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #2aac69; +} + +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover, body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + background-color: #1a7f4b; +} + +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active, body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active { + background: #2cc978; +} + +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover, body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #28b56c; +} + +body .ui-rating .ui-rating-cancel { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} + +body .ui-rating .ui-rating-cancel.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7efdbc; +} + +body .ui-rating .ui-rating-cancel a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #e0284f; + overflow: visible; +} + +body .ui-rating .ui-rating-cancel a:before { + content: "\e90c"; +} + +body .ui-rating .ui-rating-cancel a:hover { + color: #e0284f; +} + +body .ui-rating .ui-rating-star { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} + +body .ui-rating .ui-rating-star.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7efdbc; +} + +body .ui-rating .ui-rating-star a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #fdfdd8; + overflow: visible; +} + +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} + +body .ui-rating .ui-rating-star a:hover { + color: #28b56c; +} + +body .ui-rating .ui-rating-star-on a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: block; + font-size: 1.25rem; + height: 1.25rem; + width: 1.25rem; + color: #2cc978; +} + +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} + +body .ui-state-highlight .ui-rating-star a { + color: #25935a; +} + +body .ui-selectbooleancheckbox, body .ui-tristatecheckbox { + width: auto; + height: auto; + display: inline-flex; + -ms-flex-align: center; + align-items: center; +} + +body .ui-selectcheckboxmenu { + vertical-align: baseline; + border: 1px solid #fdfdd8; + position: relative; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s; + border-radius: 4px; + background: #2cc978; +} + +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; + display: block; + background: rgba(0, 0, 0, 0); + border-radius: 4px; +} + +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label { + padding: 0; + background: rgba(0, 0, 0, 0); +} + +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.357rem; + background: rgba(0, 0, 0, 0); + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: #75d7a4; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon:before { + content: "\e902"; +} + +body .ui-selectcheckboxmenu.ui-state-hover { + border-color: #2cc978; +} + +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #2cc978; + outline: 0 none; + box-shadow: 0 0 0 0.2em #a8ecc9; +} + +body .ui-selectcheckboxmenu.ui-state-error { + border-color: #f44336; +} + +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield { + padding: 0.5rem 0.5rem; + padding-right: 2.357rem; +} + +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: #fdfdd8; + color: #25935a; + border-radius: 4px; +} + +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0 2rem 0 0.5rem; +} + +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon:before { + content: "\e90b"; +} + +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token { + margin: 0; + padding: 0.25rem 0; +} + +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token input { + font-family: "Alegreya Sans", sans-serif; + padding: 0; + margin: 0; +} + +body.ui-input-filled .ui-selectcheckboxmenu, body .ui-input-filled .ui-selectcheckboxmenu { + background: #2aac69; +} + +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #1a7f4b; +} + +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #1a7f4b; +} + +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #25935a; + 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); + border-radius: 4px; +} + +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #1a7f4b; + color: #fdfdd8; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} + +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox { + margin-right: 0.5rem; + float: none; +} + +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container { + padding: 0; + margin: 0 0.5rem 0 0; + float: none; + flex: 1 1 0; + -ms-flex: 1 1 0px; +} + +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} + +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #75d7a4; +} + +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon:before { + content: "\e908"; +} + +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close { + width: 2rem; + height: 2rem; + background: rgba(0, 0, 0, 0); + color: #75d7a4; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-left: auto; + text-align: center; + margin-right: 0; +} + +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:hover { + background: #4fc488; + color: #fdfdd8; + border-color: rgba(0, 0, 0, 0); +} + +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7efdbc; +} + +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + float: none; +} + +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon:before { + content: "\e90b"; +} + +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items { + padding: 0.5rem 0; +} + +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items.ui-selectcheckboxmenu-table > thead tr th { + background: #1a7f4b; + border: 1px solid #4fc488; + color: #fdfdd8; + font-weight: 700; +} + +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item { + padding: 0.5rem 1rem; + margin: 0; + outline: 0 none; + background: rgba(0, 0, 0, 0); + color: #fdfdd8; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s; +} + +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-hover { + background: #4fc488; + color: #fdfdd8; +} + +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: #fdfdd8; + color: #25935a; +} + +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item .ui-chkbox { + top: auto; + position: static; + margin-top: 0; + margin-right: 0.5rem; +} + +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item > label { + display: inline; + padding-left: 0; + vertical-align: middle; +} + +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row { + background: #25935a; + color: #fdfdd8; + border: 1px solid rgba(0, 0, 0, 0.08); +} + +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row > td { + padding: 1rem 1rem; +} + +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row:first-child { + border-top-color: rgba(0, 0, 0, 0); +} + +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item-group { + background: #fff; + margin: 0; + padding: 0.75rem 1rem; + color: #fdfdd8; +} + +body .ui-selectonelistbox, body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #fdfdd8; + border-radius: 4px; + background: #25935a; +} + +body .ui-selectonelistbox .ui-selectlistbox-filter-container, body .ui-selectmanymenu .ui-selectlistbox-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #1a7f4b; + color: #fdfdd8; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} + +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield, body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} + +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon, body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #75d7a4; +} + +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon:before, body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon:before { + content: "\e908"; +} + +body .ui-selectonelistbox .ui-selectlistbox-listcontainer, body .ui-selectmanymenu .ui-selectlistbox-listcontainer { + padding: 0.5rem 0; + line-height: normal; + border: 0 none; +} + +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list, body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list { + list-style-type: none; + margin: 0; +} + +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item, body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item { + border: 0 none; + margin: 0; + padding: 0.5rem 1rem; + background: rgba(0, 0, 0, 0); + color: #fdfdd8; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s; +} + +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover, body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover { + background: #4fc488; + color: #fdfdd8; +} + +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight, body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight { + background: #fdfdd8; + color: #25935a; +} + +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox, body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox { + margin-right: 0.5rem; + vertical-align: middle; +} + +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td, body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td { + padding: 1rem 1rem; +} + +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline, body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #7efdbc; +} + +body .ui-input-filled .ui-selectonelistbox.ui-inputfield, body .ui-input-filled .ui-selectmanymenu.ui-inputfield, body.ui-input-filled .ui-selectonelistbox.ui-inputfield, body.ui-input-filled .ui-selectmanymenu.ui-inputfield { + background: #25935a; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid #fdfdd8; + position: relative; + padding: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s; + border-radius: 4px; + background: #2cc978; +} + +body .ui-selectonemenu .ui-selectonemenu-label { + background: rgba(0, 0, 0, 0); + padding-right: 2.357rem; +} + +body .ui-selectonemenu .ui-selectonemenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.357rem; + background: rgba(0, 0, 0, 0); + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: #75d7a4; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon:before { + content: "\e902"; +} + +body .ui-selectonemenu.ui-state-hover { + border-color: #2cc978; +} + +body .ui-selectonemenu.ui-state-focus { + border-color: #2cc978; + outline: 0 none; + box-shadow: 0 0 0 0.2em #a8ecc9; +} + +body .ui-selectonemenu.ui-state-error { + border-color: #f44336; +} + +body .ui-fluid .ui-selectonemenu-label { + width: calc(100% - 2.357rem); + padding: 0.5rem 0.5rem; +} + +body .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger { + width: 2.357rem; + padding: 0; +} + +body.ui-input-filled .ui-selectonemenu, body .ui-input-filled .ui-selectonemenu { + background: #2aac69; +} + +body.ui-input-filled .ui-selectonemenu.ui-state-hover, body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #1a7f4b; +} + +body.ui-input-filled .ui-selectonemenu.ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #1a7f4b; +} + +body .ui-selectonemenu-panel { + background: #25935a; + 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); + border-radius: 4px; +} + +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.5rem 1rem; + margin: 0; + border-bottom: 0 none; + background: #1a7f4b; + color: #fdfdd8; +} + +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-selectonemenu-filter.ui-inputfield { + padding: 0.5rem 0.5rem; + width: 100%; + padding-left: 2rem; +} + +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: #75d7a4; +} + +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon:before { + content: "\e908"; +} + +body .ui-selectonemenu-panel .ui-selectonemenu-items { + padding: 0.5rem 0; +} + +body .ui-selectonemenu-panel .ui-selectonemenu-items.ui-selectonemenu-table > thead tr th { + background: #1a7f4b; + border: 1px solid #4fc488; + color: #fdfdd8; + font-weight: 700; +} + +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.5rem 1rem; + background: rgba(0, 0, 0, 0); + color: #fdfdd8; + outline: 0 none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s; +} + +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row { + background: #25935a; + color: #fdfdd8; + border: 1px solid rgba(0, 0, 0, 0.08); +} + +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row > td { + padding: 1rem 1rem; +} + +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row:first-child { + border-top-color: rgba(0, 0, 0, 0); +} + +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover { + background: #4fc488; + color: #fdfdd8; +} + +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: #fdfdd8; + color: #25935a; + overflow: auto; +} + +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #fff; + margin: 0; + padding: 0.75rem 1rem; + color: #fdfdd8; +} + +body .ui-slider { + background: #1c634e; +} + +body .ui-slider .ui-slider-handle { + width: 1.143rem; + height: 1.143rem; + background: #25935a; + border: 2px solid #2cc978; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s; + border-radius: 50%; +} + +body .ui-slider .ui-slider-handle.ui-state-hover { + border-color: #2cc978; + background: #2cc978; +} + +body .ui-slider .ui-slider-handle.ui-state-focus { + outline: 0 none; +} + +body .ui-slider.ui-slider-horizontal { + height: 0.286rem; +} + +body .ui-slider.ui-slider-horizontal .ui-slider-handle { + top: -0.4285rem; + margin-left: -0.5715rem; +} + +body .ui-slider.ui-slider-vertical { + width: 0.286rem; +} + +body .ui-slider.ui-slider-vertical .ui-slider-handle { + left: -0.4285rem; + margin-top: -0.5715rem; +} + +body .ui-slider .ui-slider-range { + background: #2cc978; +} + +body .ui-inputtext + .ui-slider { + margin-bottom: 0.5rem; +} + +body .ui-spinner .ui-spinner-input { + padding-right: 2.857rem; +} + +body .ui-spinner .ui-spinner-button.ui-button { + position: absolute; + border-radius: 0; + width: 2.357rem; + z-index: 1; +} + +body .ui-spinner .ui-spinner-button.ui-button .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} + +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up { + border-top-right-radius: 4px; +} + +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n:before { + content: "\e933"; +} + +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down { + border-bottom-right-radius: 4px; +} + +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s:before { + content: "\e930"; +} + +body .ui-fluid .ui-spinner .ui-spinner-input { + padding-right: 2.857rem; +} + +.ui-texteditor .ui-editor-toolbar { + background: #1a7f4b; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} + +.ui-texteditor .ui-editor-toolbar.ql-snow { + border: 1px solid #1c634e; +} + +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-stroke { + stroke: #75d7a4; +} + +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-fill { + fill: #75d7a4; +} + +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #75d7a4; +} + +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #fdfdd8; +} + +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #fdfdd8; +} + +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #fdfdd8; +} + +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #fdfdd8; +} + +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #fdfdd8; +} + +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #fdfdd8; +} + +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #25935a; + 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); + border-radius: 4px; + padding: 0.5rem 0; +} + +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #fdfdd8; +} + +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #fdfdd8; + background: #4fc488; +} + +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 1rem; +} + +.ui-texteditor .ql-container { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +.ui-texteditor .ql-container.ql-snow { + border: 1px solid #1c634e; +} + +.ui-texteditor .ql-container .ql-editor { + background: #2cc978; + color: #fdfdd8; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +.ui-texteditor .ql-snow.ql-toolbar button:hover, .ui-texteditor .ql-snow.ql-toolbar button:focus { + color: #fdfdd8; +} + +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-stroke, .ui-texteditor .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #fdfdd8; +} + +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-fill, .ui-texteditor .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #fdfdd8; +} + +.ui-texteditor .ql-snow.ql-toolbar button.ql-active, .ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active, .ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #2cc978; +} + +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-stroke, .ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #2cc978; +} + +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-fill, .ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #2cc978; +} + +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-picker-label, .ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, .ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #2cc978; +} + +.ui-texteditor.ui-state-error .ui-editor-toolbar.ql-snow, .ui-texteditor.ui-state-error .ql-container.ql-snow { + border-color: #f44336; +} + +body .ui-toggleswitch { + position: relative; + display: inline-block; + width: 3rem; + height: 1.75rem; +} + +body .ui-toggleswitch .ui-toggleswitch-slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: #1c634e; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s; + border: solid rgba(0, 0, 0, 0); + border-width: 2px; + border-radius: 30px; +} + +body .ui-toggleswitch .ui-toggleswitch-slider.ui-state-error { + border-color: #f44336; +} + +body .ui-toggleswitch .ui-toggleswitch-slider:before, body .ui-toggleswitch .ui-toggleswitch-handler { + position: absolute; + top: 50%; + background: #25935a; + color: #fdfdd8; + width: 1.25rem; + height: 1.25rem; + left: calc(0.25rem - 2px); + margin-top: -0.625rem; + border-radius: 50%; + transition: all 0.2s; + font-size: 0.625rem; + line-height: 1.25rem; +} + +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.625rem; + line-height: 1.25rem; +} + +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + color: #fdfdd8; + transform: translateX(1.25rem); +} + +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7efdbc; +} + +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: #2cc978; +} + +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider .ui-toggleswitch-handler { + background: #25935a; +} + +body .ui-breadcrumb { + background: #25935a; + border: 1px solid #1c634e; + border-radius: 4px; + padding: 1rem; +} + +body .ui-breadcrumb ul li { + float: none; + display: inline-block; + vertical-align: middle; +} + +body .ui-breadcrumb ul li .ui-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s; + border-radius: 4px; + margin: 0; +} + +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7efdbc; +} + +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: #fdfdd8; +} + +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: #75d7a4; +} + +body .ui-breadcrumb ul li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: #fdfdd8; +} + +body .ui-breadcrumb ul li.ui-breadcrumb-chevron:before { + content: "\e901"; +} + +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} + +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: #fdfdd8; +} + +body .ui-breadcrumb ul li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} + +body .ui-breadcrumb ul li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #75d7a4; + margin: 0; +} + +body .ui-breadcrumb ul li:first-child a.ui-icon-home:before { + content: "\e925"; +} + +body .ui-breadcrumb ul li:first-child a.ui-icon-home span { + display: none; +} + +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-text { + color: #fdfdd8; +} + +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #75d7a4; +} + +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s; + border-radius: 4px; + margin: 0; +} + +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7efdbc; +} + +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: #fdfdd8; +} + +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: #75d7a4; +} + +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: #fdfdd8; +} + +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron:before { + content: "\e901"; +} + +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} + +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: #fdfdd8; +} + +body .ui-breadcrumb .ui-breadcrumb-items li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} + +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: #75d7a4; + margin: 0; +} + +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home:before { + content: "\e925"; +} + +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home span { + display: none; +} + +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-text { + color: #fdfdd8; +} + +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: #75d7a4; +} + +body .ui-menu { + padding: 0.25rem 0; + background: #25935a; + border: 1px solid #1c634e; + border-radius: 4px; +} + +body .ui-menu.ui-shadow { + 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); +} + +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon { + position: static; + margin-right: 0.5rem; +} + +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e:before { + content: "\e901"; +} + +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s:before { + content: "\e902"; +} + +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header h3 { + font-size: 1rem; + padding-left: 0; +} + +body .ui-menu .ui-menu-list .ui-widget-header { + margin: 0; + width: 100%; + background: #fff; + color: #fdfdd8; + float: none; + border: 0 none; + padding: 0.75rem 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s; + border-radius: 0; +} + +body .ui-menu .ui-menu-list .ui-widget-header h3 { + padding: 0; + font-size: 1rem; + font-weight: 700; + color: #fdfdd8; + float: none; +} + +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: #4fc488; + color: #fdfdd8; +} + +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: #fdfdd8; +} + +body .ui-menu .ui-menu-list .ui-menuitem { + margin: 0; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s; +} + +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link { + padding: 0.75rem 1rem; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s; +} + +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover { + background: #4fc488; +} + +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: #fdfdd8; +} + +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #fdfdd8; +} + +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: #75d7a4; +} + +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: #fdfdd8; +} + +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: relative; + margin-right: -0.5rem; + color: #75d7a4; +} + +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child:before { + content: "\e932"; +} + +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: -0.5rem; + color: #75d7a4; +} + +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child:before { + content: "\e930"; +} + +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover { + background: #4fc488; + color: #fdfdd8; +} + +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: #fdfdd8; +} + +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: #fdfdd8; +} + +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: #4fc488; +} + +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: #fdfdd8; +} + +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-icon { + color: #fdfdd8; +} + +body .ui-menu .ui-menu-list .ui-menu-child { + background: #25935a; + padding: 0.25rem 0; +} + +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 4px; + 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); +} + +body .ui-menu .ui-menu-list .ui-separator { + width: 100%; + margin: 0.25rem 0; + border-top: 1px solid #1c634e; +} + +body .ui-menu.ui-menubar { + padding: 0.5rem; + background: #1a7f4b; + border-radius: 4px; +} + +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem { + display: inline-block; + width: auto; +} + +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link { + border-radius: 4px; +} + +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-menuitem-icon { + position: static; + vertical-align: middle; +} + +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > span { + float: none; + display: inline-block; +} + +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + margin-left: 0.5rem; + vertical-align: middle; +} + +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem.ui-menubar-options { + float: right; + margin-right: 0.5rem; +} + +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + padding: 0.75rem 1rem; + color: #fdfdd8; + width: 100%; + border: 0 none; + background: #fff; + margin-bottom: 0; + border-radius: 0; +} + +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w { + position: relative; + top: 2px; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} + +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w:before { + content: "\e931"; +} + +body .ui-menu.ui-slidemenu .ui-menu-child { + padding: 0; +} + +body .ui-menu.ui-slidemenu .ui-menu-child.ui-shadow { + box-shadow: none; + border: 0 none; +} + +body .ui-menu.ui-megamenu .ui-widget-header { + margin: 0; + width: 100%; + background: #fff; + color: #fdfdd8; + float: none; + border: 0 none; + padding: 0.75rem 1rem; + font-weight: 700; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s; + border-radius: 0; +} + +body .ui-menu.ui-megamenu .ui-widget-header span { + float: none; + padding: 0; +} + +body .ui-menu.ui-megamenu .ui-menu-list > table > tbody > tr > td { + padding: 0; +} + +body .ui-menu.ui-megamenu .ui-menu-list .ui-menuitem-link { + border-radius: 4px; +} + +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #1a7f4b; + padding: 0.25rem 0; +} + +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem { + width: 100%; +} + +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem > .ui-menuitem-link { + border-radius: 0; +} + +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon:last-child { + float: right; +} + +body .ui-menu .ui-divider.ui-widget.ui-divider-horizontal { + margin: 0; +} + +body .ui-panelmenu .ui-icon { + position: static; +} + +body .ui-panelmenu .ui-panelmenu-panel:first-child .ui-panelmenu-header { + margin-top: 0; + border-top: 1px solid #1c634e; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} + +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header.ui-state-active { + border-radius: 0; +} + +body .ui-panelmenu h3.ui-panelmenu-header { + border: 1px solid #1c634e; + border-top: 0 none; + background: #1a7f4b; + color: #fdfdd8; + padding: 1rem; + font-weight: 700; + margin: 0 0 0 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s; + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; + font-size: 1rem; +} + +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon { + position: static; + margin: 0; + vertical-align: middle; + margin-right: 0.5rem; +} + +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} + +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} + +body .ui-panelmenu h3.ui-panelmenu-header a { + display: inline; + padding: 0; + outline: 0 none; + color: inherit; + vertical-align: middle; + text-decoration: none; +} + +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-hover { + border-color: #1c634e; + background: #4fc488; + color: #fdfdd8; +} + +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: #1c634e; + background: #1a7f4b; + color: #fdfdd8; +} + +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: #1c634e; + background: #4fc488; + color: #fdfdd8; +} + +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.25rem 0; + background: #25935a; + border: 1px solid #1c634e; + margin-top: 0; + position: static; + border-top: 0 none; +} + +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 1rem; + color: #fdfdd8; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s; +} + +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover { + background: #4fc488; +} + +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-icon, body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-panelmenu-icon { + color: #fdfdd8; +} + +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: #fdfdd8; +} + +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon { + display: inline-block; + vertical-align: middle; + margin-right: 0.5rem; + position: static; + color: #75d7a4; +} + +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e:before { + content: "\e932"; +} + +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s:before { + content: "\e930"; +} + +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link .ui-menuitem-text { + display: inline-block; + vertical-align: middle; +} + +body .ui-steps { + position: relative; +} + +body .ui-steps ul { + display: -ms-flexbox; + display: flex; +} + +body .ui-steps .ui-steps-item { + flex: 1 1 0; + -ms-flex: 1 1 0px; + background: rgba(0, 0, 0, 0); + text-align: center; + float: none; + opacity: 1; +} + +body .ui-steps .ui-steps-item .ui-menuitem-link { + display: block; + text-align: center; + background: rgba(0, 0, 0, 0); + overflow: hidden; + padding: 0; +} + +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + color: #fdfdd8; + background: #25935a; + border: 1px solid #4fc488; + width: 2rem; + height: 2rem; + font-size: 1.143rem; + padding: 0; + margin-top: 2rem; + margin-left: auto; + margin-right: auto; + border-radius: 50%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} + +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title { + display: block; + padding-top: 0.5rem; + color: #75d7a4; +} + +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: #fdfdd8; + color: #25935a; + border-color: #fdfdd8; +} + +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: #fdfdd8; +} + +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} + +body .ui-steps:before { + content: " "; + border-top: 1px solid #1c634e; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; +} + +body .ui-tabmenu { + padding: 0; + position: static; +} + +body .ui-tabmenu .ui-tabmenu-nav { + margin: 0; + padding: 0; + background: #25935a; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + position: relative; + overflow-x: scroll; +} + +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid #1c634e; + left: 0; + bottom: 0; + width: 100%; +} + +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem { + list-style: none; + padding: 0; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + background: #25935a; + color: #75d7a4; + top: 0; + margin: 0; + border-bottom: 2px solid #1c634e; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s; + flex-shrink: 0; +} + +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: #75d7a4; + padding: 1rem; + font-weight: 700; + display: block; + line-height: 1; + outline: 0 none; +} + +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-icon { + margin-right: 0.5rem; +} + +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + background: #25935a; + border-color: #adb5bd; +} + +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: #75d7a4; +} + +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: #75d7a4; +} + +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #25935a; + border-color: #2cc978; +} + +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #2cc978; +} + +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #2cc978; +} + +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7efdbc; +} + +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-top: 2px solid #1c634e; + bottom: auto; + top: 0; +} + +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-top: 2px solid #1c634e; +} + +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #adb5bd; +} + +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #2cc978; +} + +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav { + flex-direction: column; +} + +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-right: 2px solid #1c634e; + left: auto; + right: 0; + width: auto; + height: 100%; +} + +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-right: 2px solid #1c634e; +} + +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #adb5bd; +} + +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #2cc978; +} + +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav { + flex-direction: column; +} + +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-left: 2px solid #1c634e; + width: auto; + height: 100%; +} + +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-left: 2px solid #1c634e; +} + +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: #adb5bd; +} + +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #2cc978; +} + +body .ui-growl { + top: 85px; +} + +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + border-radius: 4px; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-growl .ui-growl-item-container .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + top: 0.5rem; + right: 0.5rem; +} + +body .ui-growl .ui-growl-item-container .ui-icon-closethick:before { + content: "\e90b"; +} + +body .ui-growl .ui-growl-item-container .ui-growl-item { + padding: 1rem; + min-height: 70px; +} + +body .ui-growl .ui-growl-item-container.ui-growl-info { + background: #fafdff; + border: 1px solid #03a9f4; + color: #01579b; + border-width: 0 0 0 6px; +} + +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #01579b; +} + +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before { + content: "\e924"; +} + +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon { + color: #01579b; +} + +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #ffecb3; + border: 1px solid #ffc107; + color: #7f6003; + border-width: 0 0 0 6px; +} + +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #7f6003; +} + +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before { + content: "\e922"; +} + +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon { + color: #7f6003; +} + +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #fa7a71; + border: 1px solid #ef5350; + color: #b71c1c; + border-width: 0 0 0 6px; +} + +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #b71c1c; +} + +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before { + content: "\e90c"; +} + +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon { + color: #b71c1c; +} + +body .ui-message { + padding: 0.5rem 0.5rem; + display: inline-block; + border-radius: 4px; +} + +body .ui-message.ui-message-info { + background: #fafdff; + border: 1px solid #03a9f4; + border-width: 0 0 0 3px; + color: #01579b; +} + +body .ui-message.ui-message-info .ui-message-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #01579b; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} + +body .ui-message.ui-message-info .ui-message-info-icon:before { + content: "\e924"; +} + +body .ui-message.ui-message-info .ui-message-info-detail { + margin-left: 0.5rem; +} + +body .ui-message.ui-message-warn { + background: #ffecb3; + border: 1px solid #ffc107; + border-width: 0 0 0 3px; + color: #7f6003; +} + +body .ui-message.ui-message-warn .ui-message-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #7f6003; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} + +body .ui-message.ui-message-warn .ui-message-warn-icon:before { + content: "\e922"; +} + +body .ui-message.ui-message-warn .ui-message-warn-detail { + margin-left: 0.5rem; +} + +body .ui-message.ui-message-error, body .ui-message.ui-message-fatal { + background: #fa7a71; + border: 1px solid #ef5350; + border-width: 0 0 0 3px; + color: #b71c1c; +} + +body .ui-message.ui-message-error .ui-message-error-icon, body .ui-message.ui-message-fatal .ui-message-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #b71c1c; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} + +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} + +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} + +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} + +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 600; + position: relative; + border-radius: 4px; +} + +body .ui-messages > div { + padding: 1.5rem; + margin: 1rem 0; + border-radius: 4px; +} + +body .ui-messages ul { + margin: 0; +} + +body .ui-messages ul .ui-messages-info-summary, body .ui-messages ul .ui-messages-warn-summary, body .ui-messages ul .ui-messages-error-summary, body .ui-messages ul .ui-messages-fatal-summary { + margin: 0 0.5rem 0 0; +} + +body .ui-messages ul .ui-messages-info-detail, body .ui-messages ul .ui-messages-warn-detail, body .ui-messages ul .ui-messages-error-detail, body .ui-messages ul .ui-messages-fatal-detail { + margin: 0; + overflow-wrap: break-word; +} + +body .ui-messages .ui-messages-close { + position: absolute; + right: -1rem; + top: -1rem; + width: 2rem; + height: 2rem; + background: rgba(0, 0, 0, 0); + color: #75d7a4; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + text-align: center; + transition: background-color 0.2s; +} + +body .ui-messages .ui-messages-close:hover { + background: #4fc488; + color: #fdfdd8; + border-color: rgba(0, 0, 0, 0); +} + +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7efdbc; +} + +body .ui-messages .ui-messages-close .ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-messages .ui-messages-close .ui-icon-close:before { + content: "\e90b"; +} + +body .ui-messages .ui-messages-info { + background: #fafdff; + border: 1px solid #03a9f4; + border-width: 0 0 0 6px; + color: #01579b; +} + +body .ui-messages .ui-messages-info .ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #01579b; +} + +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} + +body .ui-messages .ui-messages-info .ui-messages-close { + background: #fafdff; + color: #01579b; +} + +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #e1f3ff; +} + +body .ui-messages .ui-messages-warn { + background: #ffecb3; + border: 1px solid #ffc107; + border-width: 0 0 0 6px; + color: #7f6003; +} + +body .ui-messages .ui-messages-warn .ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #7f6003; +} + +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} + +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #ffecb3; + color: #7f6003; +} + +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #ffe69a; +} + +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #fa7a71; + border: 1px solid #ef5350; + border-width: 0 0 0 6px; + color: #b71c1c; +} + +body .ui-messages .ui-messages-error .ui-messages-error-icon, body .ui-messages .ui-messages-error .ui-messages-fatal, body .ui-messages .ui-messages-fatal .ui-messages-error-icon, body .ui-messages .ui-messages-fatal .ui-messages-fatal { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #b71c1c; +} + +body .ui-messages .ui-messages-error .ui-messages-error-icon:before, body .ui-messages .ui-messages-error .ui-messages-fatal:before, body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before, body .ui-messages .ui-messages-fatal .ui-messages-fatal:before { + content: "\e90c"; +} + +body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close { + background: #fa7a71; + color: #b71c1c; +} + +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #f96358; +} + +body .ui-avatar { + background-color: #1c634e; + border-radius: 4px; +} + +body .ui-avatar.ui-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} + +body .ui-avatar.ui-avatar-lg .ui-avatar-icon { + font-size: 1.5rem; +} + +body .ui-avatar.ui-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} + +body .ui-avatar.ui-avatar-xl .ui-avatar-icon { + font-size: 2rem; +} + +body .ui-avatar-group .ui-avatar { + border: 2px solid #25935a; +} + +body .ui-badge { + background: #2cc978; + color: #fdfdd8; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} + +body .ui-badge:not(.ui-widget) { + display: inline-block; + border-radius: 50%; + text-align: center; +} + +body .ui-badge.ui-badge-secondary { + background: #fdfdd8; + color: #0f9a70; +} + +body .ui-badge.ui-badge-success { + background: #0f9a70; + color: #fdfdd8; +} + +body .ui-badge.ui-badge-info { + background: #0288d1; + color: #fdfdd8; +} + +body .ui-badge.ui-badge-warning { + background: #f3b95f; + color: #212529; +} + +body .ui-badge.ui-badge-danger { + background: #fa7a71; + color: #fdfdd8; +} + +body .ui-badge.ui-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} + +body .ui-badge.ui-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} + +body .ui-overlay-badge { + position: relative; + display: inline-block; +} + +body .ui-overlay-badge .ui-badge { + position: absolute; + top: 0; + right: 0; + transform: translate(50%, -50%); + margin: 0; +} + +body .ui-chip { + background-color: #fdfdd8; + color: #25935a; + border-radius: 16px; + padding: 0 0.5rem; +} + +body .ui-chip .ui-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} + +body .ui-chip .ui-chip-icon { + margin-right: 0.5rem; +} + +body .ui-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.5rem; + margin-right: 0.5rem; +} + +body .ui-chip .ui-chip-remove-icon { + margin-left: 0.5rem; + border-radius: 4px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s; +} + +body .ui-chip .ui-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7efdbc; +} + +body .ui-clock { + border: 1px solid #1c634e; + background: #25935a; + color: #fdfdd8; + padding: 1rem; +} + +body .ui-galleria .ui-galleria-close { + margin: 0.5rem; + background: rgba(0, 0, 0, 0); + color: #1a7f4b; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} + +body .ui-galleria .ui-galleria-close .ui-galleria-close-icon { + font-size: 2rem; +} + +body .ui-galleria .ui-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #1a7f4b; +} + +body .ui-galleria .ui-galleria-item-nav { + background: rgba(0, 0, 0, 0); + color: #1a7f4b; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 4px; + margin: 0 0.5rem; +} + +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} + +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon:before { + content: "\e900"; +} + +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} + +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon:before { + content: "\e901"; +} + +body .ui-galleria .ui-galleria-item-nav:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: #1a7f4b; +} + +body .ui-galleria .ui-galleria-caption-item { + background: rgba(0, 0, 0, 0.5); + color: #1a7f4b; + padding: 1rem; +} + +body .ui-galleria .ui-galleria-indicators { + padding: 1rem; +} + +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button { + background-color: #4fc488; + width: 1rem; + height: 1rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} + +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: #1c634e; +} + +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #2cc978; + color: #fdfdd8; +} + +body .ui-galleria.ui-galleria-indicators-bottom .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-top .ui-galleria-indicator { + margin-right: 0.5rem; +} + +body .ui-galleria.ui-galleria-indicators-left .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-right .ui-galleria-indicator { + margin-bottom: 0.5rem; +} + +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} + +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} + +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} + +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #fdfdd8; + color: #25935a; +} + +body .ui-galleria .ui-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 0.8rem 0.25rem; +} + +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev, body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next { + margin: 0.5rem; + background-color: rgba(0, 0, 0, 0); + color: #1a7f4b; + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} + +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev:hover, body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: #1a7f4b; +} + +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e, body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e:before, body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e:before { + content: "\e901"; +} + +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s, body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s:before, body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s:before { + content: "\e902"; +} + +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w, body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w:before, body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w:before { + content: "\e900"; +} + +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n, body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n:before, body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n:before { + content: "\e903"; +} + +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + transition: box-shadow 0.2s; + margin: 0.2rem; + margin-left: 0; + margin-right: 0; +} + +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7efdbc; +} + +body .ui-galleria.ui-galleria-thumbnails-left .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content, body .ui-galleria.ui-galleria-thumbnails-right .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + margin: 0.2rem; +} + +body .ui-galleria .ui-galleria-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7efdbc; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 4px; + height: auto; +} + +body .ui-log .ui-log-header { + background: #25935a; + color: #fdfdd8; + font-weight: 700; + border-bottom: 0 none; + padding: 1.5rem; + height: auto; +} + +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: rgba(0, 0, 0, 0); + color: #75d7a4; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} + +body .ui-log .ui-log-header .ui-log-button:hover { + background: #4fc488; + color: #fdfdd8; + border-color: rgba(0, 0, 0, 0); +} + +body .ui-log .ui-log-header .ui-log-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7efdbc; +} + +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash:before { + content: "\e93d"; +} + +body .ui-log .ui-log-header .ui-log-button .ui-icon-note { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-log .ui-log-header .ui-log-button .ui-icon-note:before { + content: "\e9a8"; +} + +body .ui-log .ui-log-header .ui-log-button .ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-log .ui-log-header .ui-log-button .ui-icon-info:before { + content: "\e924"; +} + +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice:before { + content: "\e989"; +} + +body .ui-log .ui-log-header .ui-log-button .ui-icon-search { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-log .ui-log-header .ui-log-button .ui-icon-search:before { + content: "\e908"; +} + +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert:before { + content: "\e922"; +} + +body .ui-log .ui-log-content { + background: #25935a; + color: #fdfdd8; + border: 0 none; + padding: 0.2rem 1.5rem 2rem 1.5rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 1rem; + background: #efefef; + border-radius: 4px; +} + +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #2cc978; + border-radius: 4px; +} + +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: #fdfdd8; + line-height: 1rem; +} + +body .ui-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + 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); + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s; + background: rgba(0, 0, 0, 0.7); +} + +body .ui-scrolltop:hover { + background: rgba(0, 0, 0, 0.8); +} + +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #1a7f4b; +} + +body .ui-skeleton { + background-color: #4fc488; + border-radius: 4px; +} + +body .ui-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); +} + +body .ui-tag { + background: #2cc978; + color: #fdfdd8; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 4px; +} + +body .ui-tag:not(.ui-widget) { + display: inline-block; + text-align: center; + line-height: 1; +} + +body .ui-tag.ui-tag-success { + background: #0f9a70; + color: #fdfdd8; +} + +body .ui-tag.ui-tag-info { + background: #0288d1; + color: #fdfdd8; +} + +body .ui-tag.ui-tag-warning { + background: #f3b95f; + color: #212529; +} + +body .ui-tag.ui-tag-danger { + background: #fa7a71; + color: #fdfdd8; +} + +body .ui-tag.ui-tag-rounded { + border-radius: 10rem; +} + +body .ui-tag .ui-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +body .ui-terminal { + background: #25935a; + color: #fdfdd8; + border: 1px solid #1c634e; + padding: 1rem; +} + +body .ui-confirm-popup { + background: #25935a; + color: #fdfdd8; + border: 0 none; + border-radius: 4px; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-confirm-popup .ui-confirm-popup-content { + padding: 1rem; +} + +body .ui-confirm-popup .ui-confirm-popup-footer { + text-align: right; + padding: 0 1rem 1rem 1rem; +} + +body .ui-confirm-popup .ui-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} + +body .ui-confirm-popup .ui-confirm-popup-footer button:last-child { + margin: 0; +} + +body .ui-confirm-popup:after { + border-style: solid; + border-color: rgba(37, 147, 90, 0); + border-bottom-color: #25935a; +} + +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(37, 147, 90, 0); + border-bottom-color: #25935a; +} + +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #25935a; +} + +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #25935a; +} + +body .ui-confirm-popup .ui-confirm-popup-icon { + font-size: 1.5rem; +} + +body .ui-confirm-popup .ui-confirm-popup-message { + margin-left: 1rem; +} + +body .ui-dialog { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 4px; +} + +body .ui-dialog .ui-dialog-titlebar { + background: #25935a; + color: #fdfdd8; + font-weight: 700; + border-bottom: 0 none; + padding: 1.5rem; +} + +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} + +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: rgba(0, 0, 0, 0); + color: #75d7a4; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} + +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover { + background: #4fc488; + color: #fdfdd8; + border-color: rgba(0, 0, 0, 0); +} + +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7efdbc; +} + +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} + +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus:before { + content: "\e90f"; +} + +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus:before { + content: "\e90d"; +} + +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink:before { + content: "\e93b"; +} + +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin:before { + content: "\e93a"; +} + +body .ui-dialog .ui-dialog-content { + background: #25935a; + color: #fdfdd8; + border: 0 none; + padding: 0.2rem 1.5rem 2rem 1.5rem; + border: 0 none; +} + +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #25935a; + color: #fdfdd8; + padding: 0 1.5rem 1.5rem 1.5rem; + margin: 0; + text-align: right; +} + +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} + +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 0.2rem 1.5rem 2rem 1.5rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} + +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} + +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2.5rem; +} + +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} + +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} + +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} + +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} + +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 0.2rem 1.5rem 2rem 1.5rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} + +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} + +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2.5rem; + width: auto; + height: auto; +} + +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} + +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e924"; +} + +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon:before { + content: "\e90c"; +} + +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-fatal-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-fatal-icon:before { + content: "\e910"; +} + +body .ui-lightbox { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-lightbox .ui-lightbox-caption { + border: 1px solid #1c634e; + background: #1a7f4b; + color: #fdfdd8; + padding: 1rem; + font-weight: 700; +} + +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text { + color: #fdfdd8; + margin: 0; +} + +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close { + padding: 0; + width: 2rem; + height: 2rem; + background: rgba(0, 0, 0, 0); + color: #75d7a4; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} + +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:hover { + background: #4fc488; + color: #fdfdd8; + border-color: rgba(0, 0, 0, 0); +} + +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7efdbc; +} + +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon:before { + content: "\e90b"; +} + +body .ui-lightbox .ui-lightbox-content-wrapper { + overflow: hidden; + background: #25935a; + color: #fdfdd8; + border: 0 none; + padding: 0; +} + +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-left: 4px; + color: #fff; +} + +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:before { + content: "\e900"; +} + +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover { + scale: 1.2; +} + +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left span { + display: none; +} + +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-right: 4px; + color: #fff; +} + +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:before { + content: "\e901"; +} + +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover { + scale: 1.2; +} + +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right span { + display: none; +} + +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content { + border-radius: 0; +} + +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading + a { + display: none; +} + +body .ui-overlaypanel { + background: #25935a; + color: #fdfdd8; + padding: 0; + border: 0 none; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} + +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 1rem; +} + +body .ui-overlaypanel .ui-overlaypanel-close { + position: absolute; + width: 2rem; + height: 2rem; + right: -1rem; + top: -1rem; + background: #2cc978; + color: #fdfdd8; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s; + border-radius: 50%; + text-align: center; + line-height: 2rem; + padding: 0; +} + +body .ui-overlaypanel .ui-overlaypanel-close:hover { + background: #28b56c; + color: #fdfdd8; +} + +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: inline-block; + line-height: inherit; +} + +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon:before { + content: "\e90b"; +} + +body .ui-sidebar { + background: #25935a; + color: #fdfdd8; + padding: 1rem; + border: 0 none; + box-shadow: none; +} + +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: rgba(0, 0, 0, 0); + color: #75d7a4; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} + +body .ui-sidebar .ui-sidebar-close:hover { + background: #4fc488; + color: #fdfdd8; + border-color: rgba(0, 0, 0, 0); +} + +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7efdbc; +} + +body .ui-sidebar .ui-sidebar-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-sidebar .ui-sidebar-close .ui-icon:before { + content: "\e90b"; +} + +body .ui-sidebar.ui-sidebar-active { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-tooltip .ui-tooltip-text { + background: #252529; + color: #fff; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} + +body .ui-tooltip.ui-state-error { + border: 0 none; +} + +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #252529; +} + +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #252529; +} + +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #252529; +} + +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #252529; +} + +body .ui-accordion .ui-accordion-header { + border: 1px solid #1c634e; + border-top: 0 none; + background: #1a7f4b; + color: #fdfdd8; + padding: 1rem; + font-weight: 700; + margin-top: 0; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s; + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; +} + +body .ui-accordion .ui-accordion-header:first-child { + margin-top: 0; + border-top: 1px solid #1c634e; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} + +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +body .ui-accordion .ui-accordion-header.ui-accordion-header-last.ui-state-active { + border-radius: 0; +} + +body .ui-accordion .ui-accordion-header.ui-state-hover { + border-color: #1c634e; + background: #4fc488; + color: #fdfdd8; +} + +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #1a7f4b; + border-color: #1c634e; + color: #fdfdd8; +} + +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: #1c634e; + background: #4fc488; + color: #fdfdd8; +} + +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7efdbc; +} + +body .ui-accordion .ui-accordion-header.ui-state-error { + border-color: #f44336; + background-color: #f44336; +} + +body .ui-accordion .ui-accordion-header.ui-state-error.ui-state-active:hover { + border-color: #f44336; + background-color: #f44336; + color: #fdfdd8; +} + +body .ui-accordion .ui-accordion-header.ui-state-error + .ui-accordion-content { + border-color: #f44336; +} + +body .ui-accordion .ui-accordion-header > .ui-icon { + position: static; + display: inline-block; + margin: 0 0.5rem 0 0; +} + +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} + +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} + +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon { + margin: 0; + width: 2rem; + height: 2rem; + background: rgba(0, 0, 0, 0); + color: #75d7a4; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} + +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon:hover { + background: #4fc488; + color: #fdfdd8; + border-color: rgba(0, 0, 0, 0); +} + +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7efdbc; +} + +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} + +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} + +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} + +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} + +body .ui-accordion .ui-accordion-content { + border: 1px solid #1c634e; + background: #25935a; + color: #fdfdd8; + padding: 1rem; + margin: 0; + position: static; + border-top: 0 none; +} + +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +body .ui-card { + background: #25935a; + color: #fdfdd8; + 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; +} + +body .ui-card .ui-card-body { + padding: 1rem; +} + +body .ui-card .ui-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} + +body .ui-card .ui-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: #75d7a4; +} + +body .ui-card .ui-card-content { + padding: 1rem 0; +} + +body .ui-card .ui-card-footer { + padding: 1rem 0 0 0; +} + +body .ui-dashboard .ui-sortable-placeholder { + background-color: #fdfdd8; +} + +body .ui-divider .ui-divider-content { + background-color: #25935a; +} + +body .ui-divider.ui-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; +} + +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px #1c634e; +} + +body .ui-divider.ui-divider-horizontal .ui-divider-content { + padding: 0 0.5rem; +} + +body .ui-divider.ui-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; +} + +body .ui-divider.ui-divider-vertical:before { + border-left: 1px #1c634e; +} + +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #1c634e; + background: #25935a; + color: #fdfdd8; + padding: 1rem; + border-radius: 4px; +} + +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #1c634e; + background: #1a7f4b; + color: #fdfdd8; + padding: 1rem; + font-weight: 700; + border-radius: 4px; + user-select: none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s; +} + +body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler { + display: inline-block; + float: none; + margin-right: 0.5rem; +} + +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick:before { + content: "\e90f"; +} + +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick:before { + content: "\e90d"; +} + +body .ui-fieldset .ui-fieldset-legend.ui-state-hover { + outline: 0 none; + border-color: #1c634e; + background: #4fc488; + color: #fdfdd8; +} + +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: #fdfdd8; +} + +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7efdbc; +} + +body .ui-notificationbar { + background: #25935a; + color: #fdfdd8; + padding: 1rem; + border: 1px solid #1c634e; +} + +body .ui-panel { + padding: 0; +} + +body .ui-panel .ui-panel-title { + margin: 0; +} + +body .ui-panel .ui-panel-titlebar { + border: 1px solid #1c634e; + background: #1a7f4b; + color: #fdfdd8; + padding: 1rem; + font-weight: 700; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} + +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + width: 2rem; + height: 2rem; + background: rgba(0, 0, 0, 0); + color: #75d7a4; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s; + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} + +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover { + background: #4fc488; + color: #fdfdd8; + border-color: rgba(0, 0, 0, 0); +} + +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #7efdbc; +} + +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} + +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} + +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} + +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} + +body .ui-panel .ui-panel-titlebar + .ui-panel-content { + border-top: 0 none; +} + +body .ui-panel .ui-panel-content { + border: 1px solid #1c634e; + background: #25935a; + color: #fdfdd8; + padding: 1rem; +} + +body .ui-panel .ui-panel-footer { + border: 1px solid #1c634e; + background: #25935a; + color: #fdfdd8; + padding: 1rem; + margin: 0; + border-top: 0 none; +} + +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} + +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} + +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar { + position: relative; +} + +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar .ui-panel-titlebar-icon { + float: none; + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} + +body .ui-panelgrid .ui-panelgrid-cell { + border: 1px solid #1c634e; + background: #25935a; + color: #fdfdd8; + padding: 1rem; +} + +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #1c634e; + background: #1a7f4b; + color: #fdfdd8; + padding: 1rem; + font-weight: 700; +} + +body .ui-scrollpanel { + border: 1px solid #1c634e; + background: #25935a; + color: #fdfdd8; + padding: 1rem; +} + +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #dadada; +} + +body .ui-scrollpanel .ui-scrollpanel-track { + background: #f8f8f8; + border: 0 none; +} + +body .ui-scrollpanel .ui-scrollpanel-corner { + background: #f8f8f8; +} + +body .ui-splitter { + border: 1px solid #1c634e; + background: #25935a; + border-radius: 4px; + color: #fdfdd8; +} + +body .ui-splitter .ui-splitter-gutter { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s; + background: #1a7f4b; +} + +body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle { + background: #1c634e; +} + +body .ui-splitter .ui-splitter-gutter-resizing { + background: #1c634e; +} + +body .ui-tabs { + padding: 0; + position: static; +} + +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #25935a; + display: -ms-flexbox; + display: flex; +} + +body .ui-tabs .ui-tabs-nav li.ui-tabs-header { + list-style: none; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + padding: 1rem; + background: #25935a; + color: #75d7a4; + margin: 0; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s; +} + +body .ui-tabs .ui-tabs-nav li.ui-tabs-header a { + color: #75d7a4; + padding: 0; + font-weight: 700; + display: block; + line-height: 1; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s; +} + +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon { + position: static; +} + +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close { + margin: 0; + float: none; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-left: 0.5rem; +} + +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close:before { + content: "\e90b"; +} + +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + background: #25935a; +} + +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: #75d7a4; +} + +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: #75d7a4; +} + +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #25935a; +} + +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #2cc978; +} + +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #2cc978; +} + +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error a { + color: #f44336; +} + +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error .ui-icon { + color: #f44336; +} + +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #7efdbc; +} + +body .ui-tabs .ui-tabs-nav li.ui-tabs-actions { + order: 1; + margin-left: auto; +} + +body .ui-tabs .ui-tabs-panels { + border: 0 none; + background: #25935a; + color: #fdfdd8; + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} + +body .ui-tabs .ui-tabs-panels .ui-tabs-panel { + padding: 1rem; +} + +body .ui-tabs.ui-tabs-top > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +body .ui-tabs.ui-tabs-top > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-bottom: 2px solid #1c634e; + left: 0; + bottom: 0; + width: 100%; +} + +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-bottom: 2px solid #1c634e; +} + +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #adb5bd; +} + +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #2cc978; +} + +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44336; +} + +body .ui-tabs.ui-tabs-top > .ui-tabs-panels { + border-width: 1px 0 0 0; +} + +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-top: 2px solid #1c634e; + left: 0; + top: 0; + width: 100%; +} + +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-top: 2px solid #1c634e; +} + +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #adb5bd; +} + +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #2cc978; +} + +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44336; +} + +body .ui-tabs.ui-tabs-bottom > .ui-tabs-panels { + border-width: 1px 0 0 0; +} + +body .ui-tabs.ui-tabs-left > .ui-tabs-nav, body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + width: 25%; + margin: 0; + padding: 0; + height: auto; + -ms-flex-direction: column; + flex-direction: column; +} + +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header, body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + width: 100%; +} + +body .ui-tabs.ui-tabs-left > .ui-tabs-panels, body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + width: 75%; +} + +body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + margin: 0; + padding: 0; + border-left: 2px solid #1c634e; +} + +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid #1c634e; + left: -2px; +} + +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #adb5bd; +} + +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #2cc978; +} + +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44336; +} + +body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + border-width: 1px 0 0 0; +} + +body .ui-tabs.ui-tabs-left > .ui-tabs-nav { + margin: 0; + padding: 0; + right: -2px; +} + +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-right: 2px solid #1c634e; + margin-right: -2px; +} + +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: #adb5bd; +} + +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #2cc978; +} + +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44336; +} + +body .ui-tabs.ui-tabs-left > .ui-tabs-panels { + border-width: 1px 0 0 0; +} + +body .ui-tabs .ui-tabs-navscroller { + position: relative; +} + +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn { + border: 0 none; + background: #25935a; + color: #75d7a4; + outline: 0 none; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, opacity 0.2s; +} + +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left { + left: 0; + height: 100%; +} + +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon:before { + content: "\e900"; +} + +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right { + right: 0; + height: 100%; +} + +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon:before { + content: "\e901"; +} + +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-state-hover { + background: #4fc488; + color: #fdfdd8; +} + +body .ui-toolbar { + border: 1px solid #1c634e; + background: #1a7f4b; + color: #fdfdd8; + padding: 1rem; + border-radius: 4px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #1c634e; + background: #1a7f4b; + color: #fdfdd8; + padding: 1rem; + margin: 0; + border-right: 0 none; + border-radius: 0; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + border-right: 1px solid #1c634e; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: #fdfdd8; + color: #25935a; +} + +body .ui-wizard .ui-icon-arrowthick-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-wizard .ui-icon-arrowthick-1-w:before { + content: "\e91a"; +} + +body .ui-wizard .ui-icon-arrowthick-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} + +body .ui-wizard .ui-icon-arrowthick-1-e:before { + content: "\e91b"; +} + +: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:#f6fbf6; + --green-100:#d4ecd5; + --green-200:#b2ddb4; + --green-300:#90cd93; + --green-400:#6ebe71; + --green-500:#4caf50; + --green-600:#419544; + --green-700:#357b38; + --green-800:#2a602c; + --green-900:#1e4620; + --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:#f5f6fb; + --indigo-100:#d1d5ed; + --indigo-200:#acb4df; + --indigo-300:#8893d1; + --indigo-400:#6372c3; + --indigo-500:#3f51b5; + --indigo-600:#36459a; + --indigo-700:#2c397f; + --indigo-800:#232d64; + --indigo-900:#192048; + --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:#fff8f2; + --orange-100:#fde0c2; + --orange-200:#fbc791; + --orange-300:#f9ae61; + --orange-400:#f79530; + --orange-500:#f57c00; + --orange-600:#d06900; + --orange-700:#ac5700; + --orange-800:#874400; + --orange-900:#623200; + --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; + --red-50:#fff5f5; + --red-100:#ffd1ce; + --red-200:#ffada7; + --red-300:#ff8980; + --red-400:#ff6459; + --red-500:#ff4032; + --red-600:#d9362b; + --red-700:#b32d23; + --red-800:#8c231c; + --red-900:#661a14; + --primary-50:#f4fcf8; + --primary-100:#ccf2df; + --primary-200:#a4e8c5; + --primary-300:#7cdeab; + --primary-400:#54d392; + --primary-500:#2cc978; + --primary-600:#25ab66; + --primary-700:#1f8d54; + --primary-800:#186f42; + --primary-900:#125030; +} + +.p-editor-container .p-editor-toolbar { + background: #f8f9fa; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.p-editor-container .p-editor-toolbar.ql-snow { + border: 1px solid #dee2e6; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { + stroke: #6c757d; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-fill { + fill: #6c757d; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: #6c757d; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 0 none; + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1); + border-radius: 3px; + padding: 0.5rem 0; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: #495057; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: #495057; + background: #e9ecef; +} +.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.5rem 1rem; +} +.p-editor-container .p-editor-content { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-editor-container .p-editor-content.ql-snow { + border: 1px solid #dee2e6; +} +.p-editor-container .p-editor-content .ql-editor { + background: #ffffff; + color: #495057; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-editor-container .ql-snow.ql-toolbar button:hover, +.p-editor-container .ql-snow.ql-toolbar button:focus { + color: #495057; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: #495057; +} +.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, +.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { + fill: #495057; +} +.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: #2CC978; +} +.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: #2CC978; +} +.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: #2CC978; +} +.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: #2CC978; +} + +@layer primeng { + * { + box-sizing: border-box; + } + .p-component { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + font-weight: normal; + } + .p-component-overlay { + background-color: rgba(0, 0, 0, 0.4); + transition-duration: 0.2s; + } + .p-disabled, .p-component:disabled { + opacity: 0.8; + } + .p-error { + color: #e4677e; + } + .p-text-secondary { + color: #6c757d; + } + .pi { + font-size: 1rem; + } + .p-icon { + width: 1rem; + height: 1rem; + } + .p-link { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + border-radius: 3px; + } + .p-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #bfd1f6; + } + .p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; + } + .p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; + } + @keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } + } + @keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } + } + .p-autocomplete .p-autocomplete-loader { + right: 0.5rem; + } + .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { + right: 2.857rem; + } + .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container { + border-color: #2CC978; + } + .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #bfd1f6; + border-color: #2CC978; + } + .p-autocomplete .p-autocomplete-multiple-container { + padding: 0.25rem 0.5rem; + gap: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { + padding: 0.25rem 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #495057; + padding: 0; + margin: 0; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { + padding: 0.25rem 0.5rem; + background: #dee2e6; + color: #495057; + border-radius: 16px; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { + margin-left: 0.5rem; + } + .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { + background: #dee2e6; + color: #495057; + } + .p-autocomplete.p-invalid.p-component > .p-inputtext { + border-color: #ced4da #ced4da #ced4da #e4677e; + } + .p-autocomplete-panel { + background: #ffffff; + color: #495057; + border: 0 none; + border-radius: 3px; + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1); + } + .p-autocomplete-panel .p-autocomplete-items { + padding: 0.5rem 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { + margin: 0; + padding: 0.5rem 1rem; + border: 0 none; + color: #495057; + background: transparent; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { + color: #FDFDD8; + background: #2CC978; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus { + background: rgba(44, 201, 120, 0.24); + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #495057; + background: #f8f9fa; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover { + color: #495057; + background: #e9ecef; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: #495057; + background: #ffffff; + font-weight: 600; + } + p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + border-color: #ced4da #ced4da #ced4da #e4677e; + } + p-autocomplete.p-autocomplete-clearable .p-inputtext { + padding-right: 2rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { + color: #495057; + right: 0.5rem; + } + p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { + color: #495057; + right: 2.857rem; + } + p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + border-color: #ced4da #ced4da #ced4da #e4677e; + } + .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #bfd1f6; + border-color: #2CC978; + } + .p-datepicker { + padding: 0.5rem; + background: #ffffff; + color: #495057; + border: 1px solid #ced4da; + border-radius: 3px; + } + .p-datepicker:not(.p-datepicker-inline) { + background: #ffffff; + border: 0 none; + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1); + } + .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { + background: #ffffff; + } + .p-datepicker .p-datepicker-header { + padding: 0.5rem; + color: #495057; + background: #ffffff; + font-weight: 600; + margin: 0; + border-bottom: 1px solid #dee2e6; + border-top-right-radius: 3px; + border-top-left-radius: 3px; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev, + .p-datepicker .p-datepicker-header .p-datepicker-next { + width: 2rem; + height: 2rem; + color: #6c757d; + 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: #495057; + border-color: transparent; + background: #e9ecef; + } + .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, + .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #bfd1f6; + } + .p-datepicker .p-datepicker-header .p-datepicker-title { + line-height: 2rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { + color: #495057; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + font-weight: 600; + padding: 0.5rem; + } + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, + .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { + color: #2CC978; + } + .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.5rem; + height: 2.5rem; + } + .p-datepicker table td { + padding: 0.5rem; + } + .p-datepicker table td > span { + width: 2.5rem; + height: 2.5rem; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + border: 1px solid transparent; + } + .p-datepicker table td > span.p-highlight { + color: #FDFDD8; + background: #2CC978; + } + .p-datepicker table td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #bfd1f6; + } + .p-datepicker table td.p-datepicker-today > span { + background: #ced4da; + color: #495057; + border-color: transparent; + } + .p-datepicker table td.p-datepicker-today > span.p-highlight { + color: #FDFDD8; + background: #2CC978; + } + .p-datepicker .p-datepicker-buttonbar { + padding: 1rem 0; + border-top: 1px solid #dee2e6; + } + .p-datepicker .p-datepicker-buttonbar .p-button { + width: auto; + } + .p-datepicker .p-timepicker { + border-top: 1px solid #dee2e6; + padding: 0.5rem; + } + .p-datepicker .p-timepicker button { + width: 2rem; + height: 2rem; + color: #6c757d; + 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: #495057; + border-color: transparent; + background: #e9ecef; + } + .p-datepicker .p-timepicker button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #bfd1f6; + } + .p-datepicker .p-timepicker button:last-child { + margin-top: 0.2em; + } + .p-datepicker .p-timepicker span { + font-size: 1.286rem; + } + .p-datepicker .p-timepicker > div { + padding: 0 0.429rem; + } + .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: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + } + .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { + color: #FDFDD8; + background: #2CC978; + } + .p-datepicker .p-yearpicker { + margin: 0.5rem 0; + } + .p-datepicker .p-yearpicker .p-yearpicker-year { + padding: 0.5rem; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + } + .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { + color: #FDFDD8; + background: #2CC978; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { + border-left: 1px solid #dee2e6; + 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; + border-left: 0 none; + } + .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { + padding-right: 0; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { + background: #e9ecef; + } + .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #bfd1f6; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { + background: #e9ecef; + } + .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #bfd1f6; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { + background: #e9ecef; + } + .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #bfd1f6; + } + p-calendar.p-calendar-clearable .p-inputtext { + padding-right: 2rem; + } + p-calendar.p-calendar-clearable .p-calendar-clear-icon { + color: #495057; + right: 0.5rem; + } + p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon { + color: #495057; + right: 2.857rem; + } + @media screen and (max-width: 769px) { + .p-datepicker table th, .p-datepicker table td { + padding: 0; + } + } + .p-cascadeselect { + background: #ffffff; + border: 1px solid #ced4da; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + } + .p-cascadeselect:not(.p-disabled):hover { + border-color: #2CC978; + } + .p-cascadeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #bfd1f6; + border-color: #2CC978; + } + .p-cascadeselect .p-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.5rem 0.5rem; + } + .p-cascadeselect .p-cascadeselect-label.p-placeholder { + color: #6c757d; + } + .p-cascadeselect .p-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-cascadeselect .p-cascadeselect-trigger { + background: transparent; + color: #495057; + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + } + .p-cascadeselect.p-invalid.p-component { + border-color: #ced4da #ced4da #ced4da #e4677e; + } + .p-cascadeselect-panel { + background: #ffffff; + color: #495057; + border: 0 none; + border-radius: 3px; + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1); + } + .p-cascadeselect-panel .p-cascadeselect-items { + padding: 0.5rem 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { + margin: 0; + border: 0 none; + color: #495057; + background: transparent; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { + color: #FDFDD8; + background: #2CC978; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus { + background: rgba(44, 201, 120, 0.24); + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #495057; + background: #f8f9fa; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #495057; + background: #e9ecef; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { + padding: 0.5rem 1rem; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { + font-size: 0.875rem; + } + .p-input-filled .p-cascadeselect { + background: #f8f9fa; + } + .p-input-filled .p-cascadeselect:not(.p-disabled):hover { + background-color: #f8f9fa; + } + .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { + background-color: #f8f9fa; + } + p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + border-color: #ced4da #ced4da #ced4da #e4677e; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { + padding-right: 0.5rem; + } + p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { + color: #495057; + right: 2.357rem; + } + .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: 0.25rem 0 0.25rem 0.5rem; + } + .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); + } + .p-checkbox { + width: 20px; + height: 20px; + } + .p-checkbox .p-checkbox-box { + border: 2px solid #ced4da; + background: #ffffff; + width: 20px; + height: 20px; + color: #495057; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-checkbox .p-checkbox-box .p-checkbox-icon { + transition-duration: 0.2s; + color: #FDFDD8; + font-size: 14px; + } + .p-checkbox .p-checkbox-box .p-icon { + width: 14px; + height: 14px; + } + .p-checkbox .p-checkbox-box.p-highlight { + border-color: #2CC978; + background: #2CC978; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + border-color: #2CC978; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #bfd1f6; + border-color: #2CC978; + } + .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + border-color: #0A715A; + background: #0A715A; + color: #FDFDD8; + } + p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #ced4da #ced4da #ced4da #e4677e; + } + .p-input-filled .p-checkbox .p-checkbox-box { + background-color: #f8f9fa; + } + .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { + background: #2CC978; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { + background-color: #f8f9fa; + } + .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { + background: #0A715A; + } + .p-checkbox-label { + margin-left: 0.5rem; + } + .p-highlight .p-checkbox .p-checkbox-box { + border-color: #FDFDD8; + } + p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + border-color: #ced4da #ced4da #ced4da #e4677e; + } + .p-chips:not(.p-disabled):hover .p-chips-multiple-container { + border-color: #2CC978; + } + .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #bfd1f6; + border-color: #2CC978; + } + .p-chips .p-chips-multiple-container { + padding: 0.25rem 0.5rem; + gap: 0.5rem; + } + .p-chips .p-chips-multiple-container .p-chips-token { + padding: 0.25rem 0.5rem; + margin-right: 0.5rem; + background: #dee2e6; + color: #495057; + border-radius: 16px; + } + .p-chips .p-chips-multiple-container .p-chips-token.p-focus { + background: #dee2e6; + color: #495057; + } + .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.25rem 0; + } + .p-chips .p-chips-multiple-container .p-chips-input-token input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #495057; + padding: 0; + margin: 0; + } + p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + border-color: #ced4da #ced4da #ced4da #e4677e; + } + p-chips.p-chips-clearable .p-inputtext { + padding-right: 1.5rem; + } + p-chips.p-chips-clearable .p-chips-clear-icon { + color: #495057; + right: 0.5rem; + } + .p-colorpicker-preview, + .p-fluid .p-colorpicker-preview.p-inputtext { + width: 2rem; + height: 2rem; + } + .p-colorpicker-panel { + background: #323232; + border: 1px solid #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 3px 6px 0 rgba(0, 0, 0, 0.1); + } + .p-dropdown { + background: #ffffff; + border: 1px solid #ced4da; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + } + .p-dropdown:not(.p-disabled):hover { + border-color: #2CC978; + } + .p-dropdown:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #bfd1f6; + border-color: #2CC978; + } + .p-dropdown.p-dropdown-clearable .p-dropdown-label { + padding-right: 1.5rem; + } + .p-dropdown .p-dropdown-label { + background: transparent; + border: 0 none; + } + .p-dropdown .p-dropdown-label.p-placeholder { + color: #6c757d; + } + .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus { + outline: 0 none; + box-shadow: none; + } + .p-dropdown .p-dropdown-trigger { + background: transparent; + color: #495057; + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + } + .p-dropdown .p-dropdown-clear-icon { + color: #495057; + right: 2.357rem; + } + .p-dropdown.p-invalid.p-component { + border-color: #ced4da #ced4da #ced4da #e4677e; + } + .p-dropdown-panel { + background: #ffffff; + color: #495057; + border: 0 none; + border-radius: 3px; + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1); + } + .p-dropdown-panel .p-dropdown-header { + padding: 0.5rem 1rem; + border-bottom: 0 none; + color: #495057; + background: #f8f9fa; + margin: 0; + border-top-right-radius: 3px; + border-top-left-radius: 3px; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { + padding-right: 1.5rem; + margin-right: -1.5rem; + } + .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { + right: 0.5rem; + color: #495057; + } + .p-dropdown-panel .p-dropdown-items { + padding: 0.5rem 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item { + margin: 0; + padding: 0.5rem 1rem; + border: 0 none; + color: #495057; + background: transparent; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { + color: #FDFDD8; + background: #2CC978; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus { + background: rgba(44, 201, 120, 0.24); + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #495057; + background: #f8f9fa; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { + color: #495057; + background: #e9ecef; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { + margin: 0; + padding: 0.75rem 1rem; + color: #495057; + background: #ffffff; + font-weight: 600; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { + padding: 0.5rem 1rem; + color: #495057; + background: transparent; + } + .p-input-filled .p-dropdown { + background: #f8f9fa; + } + .p-input-filled .p-dropdown:not(.p-disabled):hover { + background-color: #f8f9fa; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus { + background-color: #f8f9fa; + } + .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { + background-color: transparent; + } + p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + border-color: #ced4da #ced4da #ced4da #e4677e; + } + .p-inputgroup-addon { + background: #e9ecef; + color: #6c757d; + border-top: 1px solid #ced4da; + border-left: 1px solid #ced4da; + border-bottom: 1px solid #ced4da; + padding: 0.5rem 0.5rem; + min-width: 2.357rem; + } + .p-inputgroup-addon:last-child { + border-right: 1px solid #ced4da; + } + .p-inputgroup > .p-component, + .p-inputgroup > .p-inputwrapper > .p-inputtext, + .p-inputgroup > .p-float-label > .p-component { + border-radius: 0; + margin: 0; + } + .p-inputgroup > .p-component + .p-inputgroup-addon, + .p-inputgroup > .p-inputwrapper > .p-inputtext + .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-inputwrapper > .p-inputtext:focus, + .p-inputgroup > .p-float-label > .p-component:focus { + z-index: 1; + } + .p-inputgroup > .p-component:focus ~ label, + .p-inputgroup > .p-inputwrapper > .p-inputtext: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, + .p-inputgroup > .p-inputwrapper:first-child > .p-component, + .p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + } + .p-inputgroup .p-float-label:first-child input { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + } + .p-inputgroup-addon:last-child, + .p-inputgroup button:last-child, + .p-inputgroup input:last-child, + .p-inputgroup > .p-inputwrapper:last-child > .p-component, + .p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + } + .p-inputgroup .p-float-label:last-child input { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + } + .p-fluid .p-inputgroup .p-button { + width: auto; + } + .p-fluid .p-inputgroup .p-button.p-button-icon-only { + width: 2.357rem; + } + p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + border-color: #ced4da #ced4da #ced4da #e4677e; + } + p-inputmask.p-inputmask-clearable .p-inputtext { + padding-right: 2rem; + } + p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { + color: #495057; + right: 0.5rem; + } + p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + border-color: #ced4da #ced4da #ced4da #e4677e; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { + padding-right: 2rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { + color: #495057; + right: 0.5rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { + right: 2.857rem; + } + p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { + right: 2.857rem; + } + .p-inputswitch { + width: 3rem; + height: 1.75rem; + } + .p-inputswitch .p-inputswitch-slider { + background: #ced4da; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 30px; + } + .p-inputswitch .p-inputswitch-slider:before { + background: #ffffff; + width: 1.25rem; + height: 1.25rem; + left: 0.25rem; + margin-top: -0.625rem; + border-radius: 50%; + transition-duration: 0.2s; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + transform: translateX(1.25rem); + } + .p-inputswitch.p-focus .p-inputswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #bfd1f6; + } + .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { + background: #c3cad2; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { + background: #2CC978; + } + .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { + background: #ffffff; + } + .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { + background: #0F9A70; + } + p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider { + border-color: #ced4da #ced4da #ced4da #e4677e; + } + .p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + color: #495057; + background: #ffffff; + padding: 0.5rem 0.5rem; + border: 1px solid #ced4da; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + appearance: none; + border-radius: 3px; + } + .p-inputtext:enabled:hover { + border-color: #2CC978; + } + .p-inputtext:enabled:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #bfd1f6; + border-color: #2CC978; + } + .p-inputtext.ng-dirty.ng-invalid { + border-color: #ced4da #ced4da #ced4da #e4677e; + } + .p-inputtext.p-inputtext-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.4375rem; + } + .p-inputtext.p-inputtext-lg { + font-size: 1.25rem; + padding: 0.625rem 0.625rem; + } + .p-float-label > label { + left: 0.5rem; + color: #6c757d; + transition-duration: 0.2s; + } + .p-float-label > .ng-invalid.ng-dirty + label { + color: #ced4da #ced4da #ced4da #e4677e; + } + .p-input-icon-left > .p-icon-wrapper.p-icon, + .p-input-icon-left > i:first-of-type { + left: 0.5rem; + color: #495057; + } + .p-input-icon-left > .p-inputtext { + padding-left: 2rem; + } + .p-input-icon-left.p-float-label > label { + left: 2rem; + } + .p-input-icon-right > .p-icon-wrapper, + .p-input-icon-right > i:last-of-type { + right: 0.5rem; + color: #495057; + } + .p-input-icon-right > .p-inputtext { + padding-right: 2rem; + } + ::-webkit-input-placeholder { + color: #6c757d; + } + :-moz-placeholder { + color: #6c757d; + } + ::-moz-placeholder { + color: #6c757d; + } + :-ms-input-placeholder { + color: #6c757d; + } + .p-input-filled .p-inputtext { + background-color: #f8f9fa; + } + .p-input-filled .p-inputtext:enabled:hover { + background-color: #f8f9fa; + } + .p-input-filled .p-inputtext:enabled:focus { + background-color: #f8f9fa; + } + .p-inputtext-sm .p-inputtext { + font-size: 0.875rem; + padding: 0.4375rem 0.4375rem; + } + .p-inputtext-lg .p-inputtext { + font-size: 1.25rem; + padding: 0.625rem 0.625rem; + } + .p-listbox { + background: #ffffff; + color: #495057; + border: 1px solid #ced4da; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-listbox .p-listbox-header { + padding: 0.5rem 1rem; + border-bottom: 0 none; + color: #495057; + background: #f8f9fa; + margin: 0; + border-top-right-radius: 3px; + border-top-left-radius: 3px; + } + .p-listbox .p-listbox-header .p-listbox-filter { + padding-right: 1.5rem; + } + .p-listbox .p-listbox-header .p-listbox-filter-icon { + right: 0.5rem; + color: #495057; + } + .p-listbox .p-listbox-header .p-checkbox { + margin-right: 0.5rem; + } + .p-listbox .p-listbox-list { + padding: 0.5rem 0; + outline: 0 none; + } + .p-listbox .p-listbox-list .p-listbox-item { + margin: 0; + padding: 0.5rem 1rem; + border: 0 none; + color: #495057; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-listbox .p-listbox-list .p-listbox-item.p-highlight { + color: #FDFDD8; + background: #2CC978; + } + .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 1rem; + color: #495057; + background: #ffffff; + font-weight: 600; + } + .p-listbox .p-listbox-list .p-listbox-empty-message { + padding: 0.5rem 1rem; + color: #495057; + background: transparent; + } + .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus { + background: rgba(44, 201, 120, 0.24); + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #495057; + background: #f8f9fa; + } + .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { + color: #495057; + background: #e9ecef; + } + .p-listbox.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #bfd1f6; + border-color: #2CC978; + } + p-listbox.ng-dirty.ng-invalid > .p-listbox { + border-color: #ced4da #ced4da #ced4da #e4677e; + } + .p-multiselect { + background: #ffffff; + border: 1px solid #ced4da; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + } + .p-multiselect:not(.p-disabled):hover { + border-color: #2CC978; + } + .p-multiselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #bfd1f6; + border-color: #2CC978; + } + .p-multiselect .p-multiselect-label { + padding: 0.5rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-multiselect .p-multiselect-label.p-placeholder { + color: #6c757d; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token { + padding: 0.25rem 0.5rem; + margin-right: 0.5rem; + background: #dee2e6; + color: #495057; + border-radius: 16px; + } + .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { + margin-left: 0.5rem; + } + .p-multiselect .p-multiselect-trigger { + background: transparent; + color: #495057; + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + } + .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { + padding: 0.25rem 0.5rem; + } + .p-multiselect-clearable .p-multiselect-label-container { + padding-right: 1.5rem; + } + .p-multiselect-clearable .p-multiselect-clear-icon { + color: #495057; + right: 2.357rem; + } + .p-multiselect-panel { + background: #ffffff; + color: #495057; + border: 0 none; + border-radius: 3px; + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1); + } + .p-multiselect-panel .p-multiselect-header { + padding: 0.5rem 1rem; + border-bottom: 0 none; + color: #495057; + background: #f8f9fa; + margin: 0; + border-top-right-radius: 3px; + border-top-left-radius: 3px; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { + padding-right: 1.5rem; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { + right: 0.5rem; + color: #495057; + } + .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: #6c757d; + 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: #495057; + border-color: transparent; + background: #e9ecef; + } + .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #bfd1f6; + } + .p-multiselect-panel .p-multiselect-items { + padding: 0.5rem 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item { + margin: 0; + padding: 0.5rem 1rem; + border: 0 none; + color: #495057; + background: transparent; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { + color: #FDFDD8; + background: #2CC978; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus { + background: rgba(44, 201, 120, 0.24); + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus { + color: #495057; + background: #f8f9fa; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { + color: #495057; + background: #e9ecef; + } + .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 1rem; + color: #495057; + background: #ffffff; + font-weight: 600; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { + padding: 0.5rem 1rem; + color: #495057; + background: transparent; + } + .p-input-filled .p-multiselect { + background: #f8f9fa; + } + .p-input-filled .p-multiselect:not(.p-disabled):hover { + background-color: #f8f9fa; + } + .p-input-filled .p-multiselect:not(.p-disabled).p-focus { + background-color: #f8f9fa; + } + p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + border-color: #ced4da #ced4da #ced4da #e4677e; + } + p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { + border-color: #ced4da #ced4da #ced4da #e4677e; + } + .p-password-panel { + padding: 1rem; + background: #ffffff; + color: #495057; + border: 0 none; + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1); + border-radius: 3px; + } + .p-password-panel .p-password-meter { + margin-bottom: 0.5rem; + background: #dee2e6; + } + .p-password-panel .p-password-meter .p-password-strength.weak { + background: #E53935; + } + .p-password-panel .p-password-meter .p-password-strength.medium { + background: #FFB300; + } + .p-password-panel .p-password-meter .p-password-strength.strong { + background: #43A047; + } + p-password.p-password-clearable .p-password-input { + padding-right: 2rem; + } + p-password.p-password-clearable .p-password-clear-icon { + color: #495057; + right: 0.5rem; + } + p-password.p-password-clearable.p-password-mask .p-password-input { + padding-right: 3.5rem; + } + p-password.p-password-clearable.p-password-mask .p-password-clear-icon { + color: #495057; + right: 2rem; + } + .p-radiobutton { + width: 20px; + height: 20px; + } + .p-radiobutton .p-radiobutton-box { + border: 2px solid #ced4da; + background: #ffffff; + width: 20px; + height: 20px; + color: #495057; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { + border-color: #2CC978; + } + .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #bfd1f6; + border-color: #2CC978; + } + .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { + width: 12px; + height: 12px; + transition-duration: 0.2s; + background-color: #FDFDD8; + } + .p-radiobutton .p-radiobutton-box.p-highlight { + border-color: #2CC978; + background: #2CC978; + } + .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + border-color: #0A715A; + background: #0A715A; + color: #FDFDD8; + } + p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { + border-color: #ced4da #ced4da #ced4da #e4677e; + } + .p-input-filled .p-radiobutton .p-radiobutton-box { + background-color: #f8f9fa; + } + .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { + background-color: #f8f9fa; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { + background: #2CC978; + } + .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { + background: #0A715A; + } + .p-radiobutton-label { + margin-left: 0.5rem; + } + .p-highlight .p-radiobutton .p-radiobutton-box { + border-color: #FDFDD8; + } + .p-rating { + gap: 0.5rem; + } + .p-rating .p-rating-item .p-rating-icon { + color: #495057; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + font-size: 1.143rem; + } + .p-rating .p-rating-item .p-rating-icon.p-icon { + width: 1.143rem; + height: 1.143rem; + } + .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { + color: #e74c3c; + } + .p-rating .p-rating-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #bfd1f6; + border-color: #2CC978; + } + .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #2CC978; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { + color: #2CC978; + } + .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { + color: #c0392b; + } + .p-highlight .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { + color: #FDFDD8; + } + .p-selectbutton .p-button { + background: #ffffff; + border: 1px solid #ced4da; + color: #495057; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-selectbutton .p-button .p-button-icon-left, + .p-selectbutton .p-button .p-button-icon-right { + color: #6c757d; + } + .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { + background: #e9ecef; + border-color: #ced4da; + color: #495057; + } + .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: #6c757d; + } + .p-selectbutton .p-button.p-highlight { + background: #2CC978; + border-color: #2CC978; + color: #FDFDD8; + } + .p-selectbutton .p-button.p-highlight .p-button-icon-left, + .p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: #FDFDD8; + } + .p-selectbutton .p-button.p-highlight:hover { + background: #0F9A70; + border-color: #0F9A70; + color: #FDFDD8; + } + .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, + .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: #FDFDD8; + } + p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { + border-color: #ced4da #ced4da #ced4da #e4677e; + } + .p-slider { + background: #dee2e6; + border: 0 none; + border-radius: 3px; + } + .p-slider.p-slider-horizontal { + height: 0.286rem; + } + .p-slider.p-slider-horizontal .p-slider-handle { + margin-top: -0.5715rem; + margin-left: -0.5715rem; + } + .p-slider.p-slider-vertical { + width: 0.286rem; + } + .p-slider.p-slider-vertical .p-slider-handle { + margin-left: -0.5715rem; + margin-bottom: -0.5715rem; + } + .p-slider .p-slider-handle { + height: 1.143rem; + width: 1.143rem; + background: #ffffff; + border: 2px solid #2CC978; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-slider .p-slider-handle:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #bfd1f6; + } + .p-slider .p-slider-range { + background: #2CC978; + } + .p-slider:not(.p-disabled) .p-slider-handle:hover { + background: #2CC978; + border-color: #2CC978; + } + .p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, 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, color 0.2s, border-color 0.2s, box-shadow 0.2s, 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 #ced4da; + color: #495057; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-togglebutton.p-button .p-button-icon-left, + .p-togglebutton.p-button .p-button-icon-right { + color: #6c757d; + } + .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { + background: #e9ecef; + border-color: #ced4da; + color: #495057; + } + .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: #6c757d; + } + .p-togglebutton.p-button.p-highlight { + background: #2CC978; + border-color: #2CC978; + color: #FDFDD8; + } + .p-togglebutton.p-button.p-highlight .p-button-icon-left, + .p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: #FDFDD8; + } + .p-togglebutton.p-button.p-highlight:hover { + background: #0F9A70; + border-color: #0F9A70; + color: #FDFDD8; + } + .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, + .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: #FDFDD8; + } + p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { + border-color: #ced4da #ced4da #ced4da #e4677e; + } + .p-treeselect { + background: #ffffff; + border: 1px solid #ced4da; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + } + .p-treeselect:not(.p-disabled):hover { + border-color: #2CC978; + } + .p-treeselect:not(.p-disabled).p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #bfd1f6; + border-color: #2CC978; + } + .p-treeselect .p-treeselect-label { + padding: 0.5rem 0.5rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-treeselect .p-treeselect-label.p-placeholder { + color: #6c757d; + } + .p-treeselect.p-treeselect-chip .p-treeselect-token { + padding: 0.25rem 0.5rem; + margin-right: 0.5rem; + background: #dee2e6; + color: #495057; + border-radius: 16px; + } + .p-treeselect .p-treeselect-trigger { + background: transparent; + color: #495057; + width: 2.357rem; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + } + p-treeselect.ng-invalid.ng-dirty > .p-treeselect { + border-color: #ced4da #ced4da #ced4da #e4677e; + } + .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { + padding: 0.25rem 0.5rem; + } + .p-treeselect-panel { + background: #ffffff; + color: #495057; + border: 0 none; + border-radius: 3px; + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1); + } + .p-treeselect-panel .p-treeselect-header { + padding: 0.5rem 1rem; + border-bottom: 0 none; + color: #495057; + background: #f8f9fa; + margin: 0; + border-top-right-radius: 3px; + border-top-left-radius: 3px; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { + margin-right: 0.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { + padding-right: 1.5rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { + right: 0.5rem; + color: #495057; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { + padding-right: 3rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { + right: 2rem; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close { + width: 2rem; + height: 2rem; + color: #6c757d; + border: 0 none; + background: transparent; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { + color: #495057; + border-color: transparent; + background: #e9ecef; + } + .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #bfd1f6; + } + .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.5rem 1rem; + color: #495057; + background: transparent; + } + .p-input-filled .p-treeselect { + background: #f8f9fa; + } + .p-input-filled .p-treeselect:not(.p-disabled):hover { + background-color: #f8f9fa; + } + .p-input-filled .p-treeselect:not(.p-disabled).p-focus { + background-color: #f8f9fa; + } + p-treeselect.p-treeselect-clearable .p-treeselect-label-container { + padding-right: 1.5rem; + } + p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { + color: #495057; + right: 2.357rem; + } + .p-button { + color: #FDFDD8; + background: #2CC978; + border: 1px solid #2CC978; + padding: 0.5rem 1rem; + font-size: 1rem; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + } + .p-button:not(:disabled):hover { + background: #0F9A70; + color: #FDFDD8; + border-color: #0F9A70; + } + .p-button:not(:disabled):active { + background: #0A715A; + color: #FDFDD8; + border-color: #0A715A; + } + .p-button.p-button-outlined { + background-color: transparent; + color: #2CC978; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(44, 201, 120, 0.04); + color: #2CC978; + border: 1px solid; + } + .p-button.p-button-outlined:not(:disabled):active { + background: rgba(44, 201, 120, 0.16); + color: #2CC978; + border: 1px solid; + } + .p-button.p-button-outlined.p-button-plain { + color: #6c757d; + border-color: #6c757d; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { + background: #e9ecef; + color: #6c757d; + } + .p-button.p-button-outlined.p-button-plain:not(:disabled):active { + background: #dee2e6; + color: #6c757d; + } + .p-button.p-button-text { + background-color: transparent; + color: #2CC978; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):hover { + background: rgba(44, 201, 120, 0.04); + color: #2CC978; + border-color: transparent; + } + .p-button.p-button-text:not(:disabled):active { + background: rgba(44, 201, 120, 0.16); + color: #2CC978; + border-color: transparent; + } + .p-button.p-button-text.p-button-plain { + color: #6c757d; + } + .p-button.p-button-text.p-button-plain:not(:disabled):hover { + background: #e9ecef; + color: #6c757d; + } + .p-button.p-button-text.p-button-plain:not(:disabled):active { + background: #dee2e6; + color: #6c757d; + } + .p-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #bfd1f6; + } + .p-button .p-button-label { + transition-duration: 0.2s; + } + .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: #2CC978; + background-color: #FDFDD8; + } + .p-button.p-button-raised { + 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-button.p-button-rounded { + border-radius: 2rem; + } + .p-button.p-button-icon-only { + width: 2.357rem; + padding: 0.5rem 0; + } + .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.357rem; + } + .p-button.p-button-sm { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-button.p-button-sm .p-button-icon { + font-size: 0.875rem; + } + .p-button.p-button-lg { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .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.357rem; + } + .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: #607D8B; + border: 1px solid #607D8B; + } + .p-button.p-button-secondary:not(:disabled):hover, + .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, + .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover { + background: #546E7A; + color: #ffffff; + border-color: #546E7A; + } + .p-button.p-button-secondary:not(:disabled):focus, + .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, + .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 0.2rem #B0BEC5; + } + .p-button.p-button-secondary:not(:disabled):active, + .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, + .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active { + background: #455A64; + color: #ffffff; + border-color: #455A64; + } + .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: #607D8B; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, + .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, + .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(96, 125, 139, 0.04); + color: #607D8B; + border: 1px solid; + } + .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, + .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, + .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(96, 125, 139, 0.16); + color: #607D8B; + border: 1px solid; + } + .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: #607D8B; + border-color: transparent; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):hover, + .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, + .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover { + background: rgba(96, 125, 139, 0.04); + border-color: transparent; + color: #607D8B; + } + .p-button.p-button-secondary.p-button-text:not(:disabled):active, + .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, + .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active { + background: rgba(96, 125, 139, 0.16); + border-color: transparent; + color: #607D8B; + } + .p-button.p-button-info, + .p-buttonset.p-button-info > .p-button, + .p-splitbutton.p-button-info > .p-button { + color: #ffffff; + background: #03A9F4; + border: 1px solid #03A9F4; + } + .p-button.p-button-info:not(:disabled):hover, + .p-buttonset.p-button-info > .p-button:not(:disabled):hover, + .p-splitbutton.p-button-info > .p-button:not(:disabled):hover { + background: #039BE5; + color: #ffffff; + border-color: #039BE5; + } + .p-button.p-button-info:not(:disabled):focus, + .p-buttonset.p-button-info > .p-button:not(:disabled):focus, + .p-splitbutton.p-button-info > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 0.2rem #ace4fe; + } + .p-button.p-button-info:not(:disabled):active, + .p-buttonset.p-button-info > .p-button:not(:disabled):active, + .p-splitbutton.p-button-info > .p-button:not(:disabled):active { + background: #0288D1; + color: #ffffff; + border-color: #0288D1; + } + .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: #03A9F4; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):hover, + .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, + .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(3, 169, 244, 0.04); + color: #03A9F4; + border: 1px solid; + } + .p-button.p-button-info.p-button-outlined:not(:disabled):active, + .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, + .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(3, 169, 244, 0.16); + color: #03A9F4; + border: 1px solid; + } + .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: #03A9F4; + border-color: transparent; + } + .p-button.p-button-info.p-button-text:not(:disabled):hover, + .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, + .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover { + background: rgba(3, 169, 244, 0.04); + border-color: transparent; + color: #03A9F4; + } + .p-button.p-button-info.p-button-text:not(:disabled):active, + .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, + .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active { + background: rgba(3, 169, 244, 0.16); + border-color: transparent; + color: #03A9F4; + } + .p-button.p-button-success, + .p-buttonset.p-button-success > .p-button, + .p-splitbutton.p-button-success > .p-button { + color: #ffffff; + background: #4CAF50; + border: 1px solid #4CAF50; + } + .p-button.p-button-success:not(:disabled):hover, + .p-buttonset.p-button-success > .p-button:not(:disabled):hover, + .p-splitbutton.p-button-success > .p-button:not(:disabled):hover { + background: #43A047; + color: #ffffff; + border-color: #43A047; + } + .p-button.p-button-success:not(:disabled):focus, + .p-buttonset.p-button-success > .p-button:not(:disabled):focus, + .p-splitbutton.p-button-success > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 0.2rem #c7e7c8; + } + .p-button.p-button-success:not(:disabled):active, + .p-buttonset.p-button-success > .p-button:not(:disabled):active, + .p-splitbutton.p-button-success > .p-button:not(:disabled):active { + background: #388E3C; + color: #ffffff; + border-color: #388E3C; + } + .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: #4CAF50; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):hover, + .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, + .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(76, 175, 80, 0.04); + color: #4CAF50; + border: 1px solid; + } + .p-button.p-button-success.p-button-outlined:not(:disabled):active, + .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, + .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(76, 175, 80, 0.16); + color: #4CAF50; + border: 1px solid; + } + .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: #4CAF50; + border-color: transparent; + } + .p-button.p-button-success.p-button-text:not(:disabled):hover, + .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, + .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover { + background: rgba(76, 175, 80, 0.04); + border-color: transparent; + color: #4CAF50; + } + .p-button.p-button-success.p-button-text:not(:disabled):active, + .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, + .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active { + background: rgba(76, 175, 80, 0.16); + border-color: transparent; + color: #4CAF50; + } + .p-button.p-button-warning, + .p-buttonset.p-button-warning > .p-button, + .p-splitbutton.p-button-warning > .p-button { + color: #495057; + background: #FFC107; + border: 1px solid #FFC107; + } + .p-button.p-button-warning:not(:disabled):hover, + .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, + .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover { + background: #FFB300; + color: #495057; + border-color: #FFB300; + } + .p-button.p-button-warning:not(:disabled):focus, + .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, + .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 0.2rem #ffeeba; + } + .p-button.p-button-warning:not(:disabled):active, + .p-buttonset.p-button-warning > .p-button:not(:disabled):active, + .p-splitbutton.p-button-warning > .p-button:not(:disabled):active { + background: #FFA000; + color: #495057; + border-color: #FFA000; + } + .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: #FFC107; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, + .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, + .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(255, 193, 7, 0.04); + color: #FFC107; + border: 1px solid; + } + .p-button.p-button-warning.p-button-outlined:not(:disabled):active, + .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, + .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(255, 193, 7, 0.16); + color: #FFC107; + border: 1px solid; + } + .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: #FFC107; + border-color: transparent; + } + .p-button.p-button-warning.p-button-text:not(:disabled):hover, + .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, + .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover { + background: rgba(255, 193, 7, 0.04); + border-color: transparent; + color: #FFC107; + } + .p-button.p-button-warning.p-button-text:not(:disabled):active, + .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, + .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active { + background: rgba(255, 193, 7, 0.16); + border-color: transparent; + color: #FFC107; + } + .p-button.p-button-help, + .p-buttonset.p-button-help > .p-button, + .p-splitbutton.p-button-help > .p-button { + color: #ffffff; + background: #9C27B0; + border: 1px solid #9C27B0; + } + .p-button.p-button-help:not(:disabled):hover, + .p-buttonset.p-button-help > .p-button:not(:disabled):hover, + .p-splitbutton.p-button-help > .p-button:not(:disabled):hover { + background: #8E24AA; + color: #ffffff; + border-color: #8E24AA; + } + .p-button.p-button-help:not(:disabled):focus, + .p-buttonset.p-button-help > .p-button:not(:disabled):focus, + .p-splitbutton.p-button-help > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 0.2rem #CE93D8; + } + .p-button.p-button-help:not(:disabled):active, + .p-buttonset.p-button-help > .p-button:not(:disabled):active, + .p-splitbutton.p-button-help > .p-button:not(:disabled):active { + background: #7B1FA2; + color: #ffffff; + border-color: #7B1FA2; + } + .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: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):hover, + .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, + .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(156, 39, 176, 0.04); + color: #9C27B0; + border: 1px solid; + } + .p-button.p-button-help.p-button-outlined:not(:disabled):active, + .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, + .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(156, 39, 176, 0.16); + color: #9C27B0; + border: 1px solid; + } + .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:not(:disabled):hover, + .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, + .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover { + background: rgba(156, 39, 176, 0.04); + border-color: transparent; + color: #9C27B0; + } + .p-button.p-button-help.p-button-text:not(:disabled):active, + .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, + .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):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: #f44336; + border: 1px solid #f44336; + } + .p-button.p-button-danger:not(:disabled):hover, + .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, + .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover { + background: #e53935; + color: #ffffff; + border-color: #e53935; + } + .p-button.p-button-danger:not(:disabled):focus, + .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, + .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus { + box-shadow: 0 0 0 0.2rem #fde1df; + } + .p-button.p-button-danger:not(:disabled):active, + .p-buttonset.p-button-danger > .p-button:not(:disabled):active, + .p-splitbutton.p-button-danger > .p-button:not(:disabled):active { + background: #d32f2f; + color: #ffffff; + border-color: #d32f2f; + } + .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: #f44336; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, + .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, + .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover { + background: rgba(244, 67, 54, 0.04); + color: #f44336; + border: 1px solid; + } + .p-button.p-button-danger.p-button-outlined:not(:disabled):active, + .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, + .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active { + background: rgba(244, 67, 54, 0.16); + color: #f44336; + border: 1px solid; + } + .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: #f44336; + border-color: transparent; + } + .p-button.p-button-danger.p-button-text:not(:disabled):hover, + .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, + .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover { + background: rgba(244, 67, 54, 0.04); + border-color: transparent; + color: #f44336; + } + .p-button.p-button-danger.p-button-text:not(:disabled):active, + .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, + .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active { + background: rgba(244, 67, 54, 0.16); + border-color: transparent; + color: #f44336; + } + .p-button.p-button-link { + color: #0A715A; + background: transparent; + border: transparent; + } + .p-button.p-button-link:not(:disabled):hover { + background: transparent; + color: #0A715A; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):hover .p-button-label { + text-decoration: underline; + } + .p-button.p-button-link:not(:disabled):focus { + background: transparent; + box-shadow: 0 0 0 0.2rem #bfd1f6; + border-color: transparent; + } + .p-button.p-button-link:not(:disabled):active { + background: transparent; + color: #0A715A; + 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: 1.3rem; + } + .p-speeddial-button.p-button.p-button-icon-only .p-icon { + width: 1.3rem; + height: 1.3rem; + } + .p-speeddial-list { + outline: 0 none; + } + .p-speeddial-item.p-focus > .p-speeddial-action { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #bfd1f6; + } + .p-speeddial-action { + width: 3rem; + height: 3rem; + background: #495057; + color: #fff; + } + .p-speeddial-action:hover { + background: #343a40; + 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.4); + } + .p-splitbutton { + border-radius: 3px; + } + .p-splitbutton.p-button-outlined > .p-button { + background-color: transparent; + color: #2CC978; + border: 1px solid; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(44, 201, 120, 0.04); + color: #2CC978; + } + .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(44, 201, 120, 0.16); + color: #2CC978; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button { + color: #6c757d; + border-color: #6c757d; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { + background: #e9ecef; + color: #6c757d; + } + .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { + background: #dee2e6; + color: #6c757d; + } + .p-splitbutton.p-button-text > .p-button { + background-color: transparent; + color: #2CC978; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { + background: rgba(44, 201, 120, 0.04); + color: #2CC978; + border-color: transparent; + } + .p-splitbutton.p-button-text > .p-button:not(:disabled):active { + background: rgba(44, 201, 120, 0.16); + color: #2CC978; + border-color: transparent; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button { + color: #6c757d; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { + background: #e9ecef; + color: #6c757d; + } + .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { + background: #dee2e6; + color: #6c757d; + } + .p-splitbutton.p-button-raised { + 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-splitbutton.p-button-rounded { + border-radius: 2rem; + } + .p-splitbutton.p-button-rounded > .p-button { + border-radius: 2rem; + } + .p-splitbutton.p-button-sm > .p-button { + font-size: 0.875rem; + padding: 0.4375rem 0.875rem; + } + .p-splitbutton.p-button-sm > .p-button .p-button-icon { + font-size: 0.875rem; + } + .p-splitbutton.p-button-lg > .p-button { + font-size: 1.25rem; + padding: 0.625rem 1.25rem; + } + .p-splitbutton.p-button-lg > .p-button .p-button-icon { + font-size: 1.25rem; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { + background-color: transparent; + color: #607D8B; + border: 1px solid; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(96, 125, 139, 0.04); + color: #607D8B; + } + .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(96, 125, 139, 0.16); + color: #607D8B; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button { + background-color: transparent; + color: #607D8B; + border-color: transparent; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { + background: rgba(96, 125, 139, 0.04); + border-color: transparent; + color: #607D8B; + } + .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { + background: rgba(96, 125, 139, 0.16); + border-color: transparent; + color: #607D8B; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button { + background-color: transparent; + color: #03A9F4; + border: 1px solid; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(3, 169, 244, 0.04); + color: #03A9F4; + } + .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(3, 169, 244, 0.16); + color: #03A9F4; + } + .p-splitbutton.p-button-info.p-button-text > .p-button { + background-color: transparent; + color: #03A9F4; + border-color: transparent; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { + background: rgba(3, 169, 244, 0.04); + border-color: transparent; + color: #03A9F4; + } + .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { + background: rgba(3, 169, 244, 0.16); + border-color: transparent; + color: #03A9F4; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button { + background-color: transparent; + color: #4CAF50; + border: 1px solid; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(76, 175, 80, 0.04); + color: #4CAF50; + } + .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(76, 175, 80, 0.16); + color: #4CAF50; + } + .p-splitbutton.p-button-success.p-button-text > .p-button { + background-color: transparent; + color: #4CAF50; + border-color: transparent; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { + background: rgba(76, 175, 80, 0.04); + border-color: transparent; + color: #4CAF50; + } + .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { + background: rgba(76, 175, 80, 0.16); + border-color: transparent; + color: #4CAF50; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button { + background-color: transparent; + color: #FFC107; + border: 1px solid; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(255, 193, 7, 0.04); + color: #FFC107; + } + .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(255, 193, 7, 0.16); + color: #FFC107; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button { + background-color: transparent; + color: #FFC107; + border-color: transparent; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { + background: rgba(255, 193, 7, 0.04); + border-color: transparent; + color: #FFC107; + } + .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { + background: rgba(255, 193, 7, 0.16); + border-color: transparent; + color: #FFC107; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button { + background-color: transparent; + color: #9C27B0; + border: 1px solid; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(156, 39, 176, 0.04); + color: #9C27B0; + } + .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(156, 39, 176, 0.16); + color: #9C27B0; + } + .p-splitbutton.p-button-help.p-button-text > .p-button { + background-color: transparent; + color: #9C27B0; + border-color: transparent; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { + background: rgba(156, 39, 176, 0.04); + border-color: transparent; + color: #9C27B0; + } + .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { + background: rgba(156, 39, 176, 0.16); + border-color: transparent; + color: #9C27B0; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button { + background-color: transparent; + color: #f44336; + border: 1px solid; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { + background: rgba(244, 67, 54, 0.04); + color: #f44336; + } + .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { + background: rgba(244, 67, 54, 0.16); + color: #f44336; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button { + background-color: transparent; + color: #f44336; + border-color: transparent; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { + background: rgba(244, 67, 54, 0.04); + border-color: transparent; + color: #f44336; + } + .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { + background: rgba(244, 67, 54, 0.16); + border-color: transparent; + color: #f44336; + } + .p-carousel .p-carousel-content .p-carousel-prev, + .p-carousel .p-carousel-content .p-carousel-next { + width: 2rem; + height: 2rem; + color: #6c757d; + 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: #495057; + border-color: transparent; + background: #e9ecef; + } + .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, + .p-carousel .p-carousel-content .p-carousel-next:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #bfd1f6; + } + .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: #e9ecef; + 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: #dee2e6; + } + .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background: #2CC978; + color: #FDFDD8; + } + .p-datatable .p-paginator-top { + border-width: 1px 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: #f8f9fa; + color: #495057; + border: 1px solid #e9ecef; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-footer { + background: #f8f9fa; + color: #495057; + border: 1px solid #e9ecef; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + } + .p-datatable .p-datatable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e9ecef; + border-width: 0 0 1px 0; + font-weight: 600; + color: #495057; + background: #f8f9fa; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-datatable .p-datatable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e9ecef; + border-width: 0 0 1px 0; + font-weight: 600; + color: #495057; + background: #f8f9fa; + } + .p-datatable .p-sortable-column .p-sortable-column-icon { + color: #6c757d; + 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: #FDFDD8; + background: #2CC978; + margin-left: 0.5rem; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; + } + .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #6c757d; + } + .p-datatable .p-sortable-column.p-highlight { + background: #f8f9fa; + color: #2CC978; + } + .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #2CC978; + } + .p-datatable .p-sortable-column.p-highlight:hover { + background: #e9ecef; + color: #2CC978; + } + .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { + color: #2CC978; + } + .p-datatable .p-sortable-column:focus-visible { + box-shadow: inset 0 0 0 0.15rem #bfd1f6; + outline: 0 none; + } + .p-datatable .p-datatable-tbody > tr { + background: #ffffff; + color: #495057; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-datatable .p-datatable-tbody > tr > td { + text-align: left; + border: 1px solid rgba(0, 0, 0, 0.08); + border-width: 0 0 1px 0; + padding: 1rem 1rem; + } + .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: #6c757d; + 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: #495057; + border-color: transparent; + background: #e9ecef; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, + .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, + .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, + .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #bfd1f6; + } + .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { + margin-right: 0.5rem; + } + .p-datatable .p-datatable-tbody > tr:focus-visible { + outline: 0.15rem solid #bfd1f6; + outline-offset: -0.15rem; + } + .p-datatable .p-datatable-tbody > tr.p-highlight { + background: #2CC978; + color: #FDFDD8; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 #2CC978; + } + .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 #2CC978; + } + .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; + } + .p-datatable .p-column-resizer-helper { + background: #2CC978; + } + .p-datatable .p-datatable-scrollable-header, + .p-datatable .p-datatable-scrollable-footer { + background: #f8f9fa; + } + .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, + .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, + .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { + background-color: #f8f9fa; + } + .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 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child { + border-width: 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { + border-width: 1px 0 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child { + border-width: 1px 1px 0 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { + border-width: 1px 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child { + border-width: 1px 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td { + border-width: 0 0 1px 1px; + } + .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td { + border-width: 0 0 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child { + border-width: 0 1px 1px 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td { + border-width: 0 0 0 1px; + } + .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child { + border-width: 0 1px 0 1px; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { + background: #ffffff; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { + background: #2CC978; + color: #FDFDD8; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { + color: #FDFDD8; + } + .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { + color: #FDFDD8; + } + .p-datatable.p-datatable-sm .p-datatable-header { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-sm .p-datatable-footer { + padding: 0.5rem 0.5rem; + } + .p-datatable.p-datatable-lg .p-datatable-header { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { + padding: 1.25rem 1.25rem; + } + .p-datatable.p-datatable-lg .p-datatable-footer { + padding: 1.25rem 1.25rem; + } + .p-dataview .p-paginator-top { + border-width: 1px 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: #f8f9fa; + color: #495057; + border: 1px solid #e9ecef; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + } + .p-dataview .p-dataview-content { + background: #ffffff; + color: #495057; + border: 0 none; + padding: 0; + } + .p-dataview .p-dataview-footer { + background: #f8f9fa; + color: #495057; + border: 1px solid #e9ecef; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + } + .p-dataview .p-dataview-loading-icon { + font-size: 2rem; + } + .p-dataview .p-dataview-emptymessage { + padding: 1rem; + } + .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: #6c757d; + 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: #495057; + border-color: transparent; + background: #e9ecef; + } + .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { + background: #e9ecef; + color: #495057; + } + .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { + background: #2CC978; + color: #FDFDD8; + } + .p-column-filter-menu-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #bfd1f6; + } + .p-column-filter-clear-button { + width: 2rem; + height: 2rem; + color: #6c757d; + 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: #495057; + border-color: transparent; + background: #e9ecef; + } + .p-column-filter-clear-button:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #bfd1f6; + } + .p-column-filter-overlay { + background: #ffffff; + color: #495057; + border: 0 none; + border-radius: 3px; + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1); + min-width: 12.5rem; + } + .p-column-filter-overlay .p-column-filter-row-items { + padding: 0.5rem 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { + margin: 0; + padding: 0.5rem 1rem; + border: 0 none; + color: #495057; + background: transparent; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { + color: #FDFDD8; + background: #2CC978; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { + color: #495057; + background: #e9ecef; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #bfd1f6; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; + } + .p-column-filter-overlay-menu .p-column-filter-operator { + padding: 0.5rem 1rem; + border-bottom: 0 none; + color: #495057; + background: #f8f9fa; + margin: 0; + border-top-right-radius: 3px; + border-top-left-radius: 3px; + } + .p-column-filter-overlay-menu .p-column-filter-constraint { + padding: 1rem; + border-bottom: 1px solid #dee2e6; + } + .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.5rem 1rem; + } + .p-column-filter-overlay-menu .p-column-filter-buttonbar { + padding: 1rem; + } + .p-orderlist .p-orderlist-controls { + padding: 1rem; + } + .p-orderlist .p-orderlist-controls .p-button { + margin-bottom: 0.5rem; + } + .p-orderlist .p-orderlist-list-container { + background: #ffffff; + border: 1px solid #dee2e6; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + outline-color: transparent; + } + .p-orderlist .p-orderlist-list-container.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #bfd1f6; + border-color: #2CC978; + } + .p-orderlist .p-orderlist-header { + color: #495057; + padding: 1rem; + font-weight: 600; + } + .p-orderlist .p-orderlist-header .p-orderlist-title { + font-weight: 600; + } + .p-orderlist .p-orderlist-filter-container { + padding: 1rem; + background: #ffffff; + border: 1px solid #dee2e6; + border-bottom: 0 none; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { + padding-right: 1.5rem; + } + .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { + right: 0.5rem; + color: #495057; + } + .p-orderlist .p-orderlist-list { + color: #495057; + padding: 0.5rem 0; + outline: 0 none; + } + .p-orderlist .p-orderlist-list:not(:first-child) { + border-top: 1px solid #dee2e6; + } + .p-orderlist .p-orderlist-list .p-orderlist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: #495057; + background: transparent; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #495057; + background: #f8f9fa; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { + color: #FDFDD8; + background: #2CC978; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(44, 201, 120, 0.24); + } + .p-orderlist .p-orderlist-list .p-orderlist-empty-message { + padding: 0.5rem 1rem; + color: #495057; + } + .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { + background: #e9ecef; + } + .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { + background: #e9ecef; + } + .p-orderlist-item.cdk-drag-preview { + padding: 0.5rem 1rem; + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1); + border: 0 none; + color: #495057; + background: #ffffff; + margin: 0; + } + .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight { + background: #2CC978; + color: #FDFDD8; + } + .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { + color: #15603a; + } + .p-organizationchart .p-organizationchart-line-down { + background: #dee2e6; + } + .p-organizationchart .p-organizationchart-line-left { + border-right: 1px solid #dee2e6; + border-color: #dee2e6; + } + .p-organizationchart .p-organizationchart-line-top { + border-top: 1px solid #dee2e6; + border-color: #dee2e6; + } + .p-organizationchart .p-organizationchart-node-content { + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + padding: 1rem; + } + .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-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #bfd1f6; + } + .p-paginator { + background: #ffffff; + color: #6c757d; + border: solid #e9ecef; + border-width: 0; + padding: 0.5rem 1rem; + border-radius: 3px; + } + .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: #6c757d; + min-width: 2.357rem; + height: 2.357rem; + margin: 0.143rem; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + } + .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: #e9ecef; + border-color: transparent; + color: #6c757d; + } + .p-paginator .p-paginator-first { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + } + .p-paginator .p-paginator-last { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + } + .p-paginator .p-dropdown { + margin-left: 0.5rem; + margin-right: 0.5rem; + height: 2.357rem; + } + .p-paginator .p-dropdown .p-dropdown-label { + padding-right: 0; + } + .p-paginator .p-paginator-page-input { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .p-paginator .p-paginator-page-input .p-inputtext { + max-width: 2.357rem; + } + .p-paginator .p-paginator-current { + background-color: transparent; + border: 0 none; + color: #6c757d; + min-width: 2.357rem; + height: 2.357rem; + margin: 0.143rem; + padding: 0 0.5rem; + } + .p-paginator .p-paginator-pages .p-paginator-page { + background-color: transparent; + border: 0 none; + color: #6c757d; + min-width: 2.357rem; + height: 2.357rem; + margin: 0.143rem; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + } + .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { + background: #2CC978; + border-color: #2CC978; + color: #FDFDD8; + } + .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { + background: #e9ecef; + border-color: transparent; + color: #6c757d; + } + .p-picklist .p-picklist-buttons { + padding: 1rem; + } + .p-picklist .p-picklist-buttons .p-button { + margin-bottom: 0.5rem; + } + .p-picklist .p-picklist-list-wrapper { + background: #ffffff; + border: 1px solid #dee2e6; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + outline-color: transparent; + } + .p-picklist .p-picklist-list-wrapper.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #bfd1f6; + border-color: #2CC978; + } + .p-picklist .p-picklist-header { + color: #495057; + padding: 1rem; + font-weight: 600; + } + .p-picklist .p-picklist-header .p-picklist-title { + font-weight: 600; + } + .p-picklist .p-picklist-filter-container { + padding: 1rem; + background: #ffffff; + border: 1px solid #dee2e6; + border-bottom: 0 none; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-input { + padding-right: 1.5rem; + } + .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { + right: 0.5rem; + color: #495057; + } + .p-picklist .p-picklist-list { + color: #495057; + padding: 0.5rem 0; + outline: 0 none; + } + .p-picklist .p-picklist-list:not(:first-child) { + border-top: 1px solid #dee2e6; + } + .p-picklist .p-picklist-list .p-picklist-item { + padding: 0.5rem 1rem; + margin: 0; + border: 0 none; + color: #495057; + background: transparent; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; + } + .p-picklist .p-picklist-list .p-picklist-item.p-focus { + color: #495057; + background: #f8f9fa; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight { + color: #FDFDD8; + background: #2CC978; + } + .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus { + background: rgba(44, 201, 120, 0.24); + } + .p-picklist .p-picklist-list .p-picklist-empty-message { + padding: 0.5rem 1rem; + color: #495057; + } + .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { + background: #e9ecef; + } + .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { + background: #e9ecef; + } + .p-picklist-item.cdk-drag-preview { + padding: 0.5rem 1rem; + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1); + border: 0 none; + color: #495057; + background: #ffffff; + margin: 0; + } + .p-timeline .p-timeline-event-marker { + border: 2px solid #2CC978; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #FDFDD8; + } + .p-timeline .p-timeline-event-connector { + background-color: #dee2e6; + } + .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 #dee2e6; + background: #ffffff; + color: #495057; + padding: 1rem; + border-radius: 3px; + } + .p-tree .p-tree-container .p-treenode { + padding: 0.143rem; + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #bfd1f6; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content { + border-radius: 3px; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + padding: 0.5rem; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { + margin-right: 0.5rem; + width: 2rem; + height: 2rem; + color: #6c757d; + 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: #495057; + border-color: transparent; + background: #e9ecef; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #bfd1f6; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { + margin-right: 0.5rem; + color: #6c757d; + } + .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: #495057; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { + background: #2CC978; + color: #FDFDD8; + } + .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: #FDFDD8; + } + .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: #FDFDD8; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; + } + .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { + background: #e9ecef; + color: #495057; + } + .p-tree .p-tree-filter-container { + margin-bottom: 0.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter { + width: 100%; + padding-right: 1.5rem; + } + .p-tree .p-tree-filter-container .p-tree-filter-icon { + right: 0.5rem; + color: #495057; + } + .p-tree .p-treenode-children { + padding: 0 0 0 1rem; + } + .p-tree .p-tree-loading-icon { + font-size: 2rem; + } + .p-tree .p-tree-loading-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { + background-color: #23a160; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { + border-radius: 3px; + border: 1px solid #dee2e6; + background-color: #ffffff; + color: #495057; + padding: 0.5rem; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { + background-color: #2CC978; + color: #FDFDD8; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { + color: #FDFDD8; + } + .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: #6c757d; + 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: #e9ecef; + color: #495057; + } + .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #bfd1f6; + } + .p-treetable .p-paginator-top { + border-width: 1px 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: #f8f9fa; + color: #495057; + border: 1px solid #e9ecef; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-footer { + background: #f8f9fa; + color: #495057; + border: 1px solid #e9ecef; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + } + .p-treetable .p-treetable-thead > tr > th { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e9ecef; + border-width: 0 0 1px 0; + font-weight: 600; + color: #495057; + background: #f8f9fa; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-treetable .p-treetable-tfoot > tr > td { + text-align: left; + padding: 1rem 1rem; + border: 1px solid #e9ecef; + border-width: 0 0 1px 0; + font-weight: 600; + color: #495057; + background: #f8f9fa; + } + .p-treetable .p-sortable-column { + outline-color: #bfd1f6; + } + .p-treetable .p-sortable-column .p-sortable-column-icon { + color: #6c757d; + 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: #FDFDD8; + background: #2CC978; + margin-left: 0.5rem; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; + } + .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { + color: #6c757d; + } + .p-treetable .p-sortable-column.p-highlight { + background: #f8f9fa; + color: #2CC978; + } + .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { + color: #2CC978; + } + .p-treetable .p-treetable-tbody > tr { + background: #ffffff; + color: #495057; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-treetable .p-treetable-tbody > tr > td { + text-align: left; + border: 1px solid rgba(0, 0, 0, 0.08); + border-width: 0 0 1px 0; + padding: 1rem 1rem; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { + width: 2rem; + height: 2rem; + color: #6c757d; + 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: #495057; + border-color: transparent; + background: #e9ecef; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #bfd1f6; + } + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon { + width: 2rem; + height: 2rem; + } + .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: #495057; + } + .p-treetable .p-treetable-tbody > tr:focus-visible { + outline: 0.15rem solid #bfd1f6; + outline-offset: -0.15rem; + } + .p-treetable .p-treetable-tbody > tr.p-highlight { + background: #2CC978; + color: #FDFDD8; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { + color: #FDFDD8; + } + .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { + color: #FDFDD8; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { + background: #e9ecef; + color: #495057; + } + .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { + color: #495057; + } + .p-treetable .p-column-resizer-helper { + background: #2CC978; + } + .p-treetable .p-treetable-scrollable-header, + .p-treetable .p-treetable-scrollable-footer { + background: #f8f9fa; + } + .p-treetable .p-treetable-loading-icon { + font-size: 2rem; + } + .p-treetable .p-treetable-loading-icon.p-icon { + width: 2rem; + height: 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.875rem 0.875rem; + } + .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.5rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.5rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.5rem 0.5rem; + } + .p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.5rem 0.5rem; + } + .p-treetable.p-treetable-lg .p-treetable-header { + padding: 1.25rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 1.25rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 1.25rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 1.25rem 1.25rem; + } + .p-treetable.p-treetable-lg .p-treetable-footer { + padding: 1.25rem 1.25rem; + } + .p-virtualscroller .p-virtualscroller-header { + background: #f8f9fa; + color: #495057; + border: 1px solid #e9ecef; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + } + .p-virtualscroller .p-virtualscroller-content { + background: #ffffff; + color: #495057; + border: 0 none; + padding: 0; + } + .p-virtualscroller .p-virtualscroller-footer { + background: #f8f9fa; + color: #495057; + border: 1px solid #e9ecef; + border-width: 0 0 1px 0; + padding: 1rem 1rem; + font-weight: 600; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + } + .p-accordion .p-accordion-header .p-accordion-header-link { + padding: 1rem; + border: 1px solid #dee2e6; + color: #495057; + background: #f8f9fa; + font-weight: 600; + border-radius: 3px; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .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-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #bfd1f6; + } + .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { + background: #e9ecef; + border-color: 1px solid #dee2e6; + color: #495057; + } + .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { + background: #f8f9fa; + border-color: #dee2e6; + color: #495057; + 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: #dee2e6; + background: #e9ecef; + color: #495057; + } + .p-accordion .p-accordion-content { + padding: 1rem; + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; + } + .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: 3px; + border-top-left-radius: 3px; + } + .p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; + } + .p-accordion p-accordiontab:last-child .p-accordion-content { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; + } + .p-card { + background: #ffffff; + color: #495057; + box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); + border-radius: 3px; + } + .p-card .p-card-body { + padding: 1rem; + } + .p-card .p-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; + } + .p-card .p-card-subtitle { + font-weight: 700; + margin-bottom: 0.5rem; + color: #6c757d; + } + .p-card .p-card-content { + padding: 1rem 0; + } + .p-card .p-card-footer { + padding: 1rem 0 0 0; + } + .p-divider .p-divider-content { + background-color: #ffffff; + } + .p-divider.p-divider-horizontal { + margin: 1rem 0; + padding: 0 1rem; + } + .p-divider.p-divider-horizontal:before { + border-top: 1px #dee2e6; + } + .p-divider.p-divider-horizontal .p-divider-content { + padding: 0 0.5rem; + } + .p-divider.p-divider-vertical { + margin: 0 1rem; + padding: 1rem 0; + } + .p-divider.p-divider-vertical:before { + border-left: 1px #dee2e6; + } + .p-divider.p-divider-vertical .p-divider-content { + padding: 0.5rem 0; + } + .p-fieldset { + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + border-radius: 3px; + } + .p-fieldset .p-fieldset-legend { + padding: 1rem; + border: 1px solid #dee2e6; + color: #495057; + background: #f8f9fa; + font-weight: 600; + border-radius: 3px; + } + .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: 1rem; + color: #495057; + border-radius: 3px; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .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-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #bfd1f6; + } + .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { + background: #e9ecef; + border-color: #dee2e6; + color: #495057; + } + .p-fieldset .p-fieldset-content { + padding: 1rem; + } + .p-panel .p-panel-header { + border: 1px solid #dee2e6; + padding: 1rem; + background: #f8f9fa; + color: #495057; + border-top-right-radius: 3px; + border-top-left-radius: 3px; + } + .p-panel .p-panel-header .p-panel-title { + font-weight: 600; + } + .p-panel .p-panel-header .p-panel-header-icon { + width: 2rem; + height: 2rem; + color: #6c757d; + 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: #495057; + border-color: transparent; + background: #e9ecef; + } + .p-panel .p-panel-header .p-panel-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #bfd1f6; + } + .p-panel.p-panel-toggleable .p-panel-header { + padding: 0.5rem 1rem; + } + .p-panel .p-panel-content { + padding: 1rem; + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + border-top: 0 none; + } + .p-panel .p-panel-content:last-child { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; + } + .p-panel .p-panel-footer { + padding: 0.5rem 1rem; + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; + border-top: 0 none; + } + .p-panel .p-panel-icons-end { + order: 2; + margin-left: auto; + } + .p-panel .p-panel-icons-start { + order: 0; + margin-right: 0.5rem; + } + .p-panel .p-panel-icons-center { + order: 2; + width: 100%; + text-align: center; + } + .p-scrollpanel .p-scrollpanel-bar { + background: #f8f9fa; + border: 0 none; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #bfd1f6; + } + .p-splitter { + border: 1px solid #dee2e6; + background: #ffffff; + border-radius: 3px; + color: #495057; + } + .p-splitter .p-splitter-gutter { + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + background: #f8f9fa; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { + background: #dee2e6; + } + .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #bfd1f6; + } + .p-splitter .p-splitter-gutter-resizing { + background: #dee2e6; + } + .p-tabview .p-tabview-nav-content { + scroll-padding-inline: 2.357rem; + } + .p-tabview .p-tabview-nav { + background: #ffffff; + border: 1px solid #dee2e6; + border-width: 0 0 2px 0; + } + .p-tabview .p-tabview-nav li { + margin-right: 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link { + border: solid #dee2e6; + border-width: 0 0 2px 0; + border-color: transparent transparent #dee2e6 transparent; + background: #ffffff; + color: #6c757d; + padding: 1rem; + font-weight: 600; + border-top-right-radius: 3px; + border-top-left-radius: 3px; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + margin: 0 0 -2px 0; + } + .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #bfd1f6; + } + .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { + background: #ffffff; + border-color: #9ba2aa; + color: #6c757d; + } + .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { + background: #ffffff; + border-color: #2CC978; + color: #2CC978; + } + .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-nav-btn.p-link { + background: #ffffff; + color: #2CC978; + width: 2.357rem; + 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); + border-radius: 0; + } + .p-tabview .p-tabview-nav-btn.p-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #bfd1f6; + } + .p-tabview .p-tabview-panels { + background: #ffffff; + padding: 1rem; + border: 0 none; + color: #495057; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; + } + .p-toolbar { + background: #f8f9fa; + border: 1px solid #dee2e6; + padding: 1rem; + border-radius: 3px; + gap: 0.5rem; + } + .p-toolbar .p-toolbar-separator { + margin: 0 0.5rem; + } + .p-confirm-popup { + background: #ffffff; + color: #495057; + border: 0 none; + border-radius: 3px; + box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1); + } + .p-confirm-popup .p-confirm-popup-content { + padding: 1rem; + } + .p-confirm-popup .p-confirm-popup-footer { + text-align: right; + padding: 0.5rem 1rem; + } + .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-icon.p-icon { + width: 1.5rem; + height: 1.5rem; + } + .p-confirm-popup .p-confirm-popup-message { + margin-left: 1rem; + } + .p-dialog { + border-radius: 3px; + box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1); + border: 0 none; + } + .p-dialog .p-dialog-header { + border-bottom: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + padding: 1.5rem; + border-top-right-radius: 3px; + border-top-left-radius: 3px; + } + .p-dialog .p-dialog-header .p-dialog-title { + font-weight: 600; + font-size: 1.25rem; + } + .p-dialog .p-dialog-header .p-dialog-header-icon { + width: 2rem; + height: 2rem; + color: #6c757d; + 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: #495057; + border-color: transparent; + background: #e9ecef; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #bfd1f6; + } + .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { + margin-right: 0; + } + .p-dialog .p-dialog-content { + background: #ffffff; + color: #495057; + padding: 0 1.5rem; + } + .p-dialog .p-dialog-content:last-of-type { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; + } + .p-dialog .p-dialog-footer { + border-top: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + padding: 1.5rem; + text-align: right; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; + } + .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-icon.p-icon { + width: 2rem; + height: 2rem; + } + .p-dialog.p-confirm-dialog .p-confirm-dialog-message { + margin-left: 1rem; + } + .p-overlaypanel { + background: #ffffff; + color: #495057; + border: 0 none; + border-radius: 3px; + box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1); + } + .p-overlaypanel .p-overlaypanel-content { + padding: 1rem; + } + .p-overlaypanel .p-overlaypanel-close { + background: #2CC978; + color: #FDFDD8; + 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: #0F9A70; + color: #FDFDD8; + } + .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: #f2f2f2; + } + .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: #495057; + border: 0 none; + box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1); + } + .p-sidebar .p-sidebar-header { + padding: 1rem; + } + .p-sidebar .p-sidebar-header .p-sidebar-close, + .p-sidebar .p-sidebar-header .p-sidebar-icon { + width: 2rem; + height: 2rem; + color: #6c757d; + 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: #495057; + border-color: transparent; + background: #e9ecef; + } + .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, + .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #bfd1f6; + } + .p-sidebar .p-sidebar-header + .p-sidebar-content { + padding-top: 0; + } + .p-sidebar .p-sidebar-content { + padding: 1rem; + } + .p-sidebar .p-sidebar-footer { + padding: 1rem; + } + .p-tooltip .p-tooltip-text { + background: #495057; + color: #ffffff; + padding: 0.5rem 0.5rem; + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1); + border-radius: 3px; + } + .p-tooltip.p-tooltip-right .p-tooltip-arrow { + border-right-color: #495057; + } + .p-tooltip.p-tooltip-left .p-tooltip-arrow { + border-left-color: #495057; + } + .p-tooltip.p-tooltip-top .p-tooltip-arrow { + border-top-color: #495057; + } + .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { + border-bottom-color: #495057; + } + .p-fileupload .p-fileupload-buttonbar { + background: #f8f9fa; + padding: 1rem; + border: 1px solid #dee2e6; + color: #495057; + border-bottom: 0 none; + border-top-right-radius: 3px; + border-top-left-radius: 3px; + } + .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: 0 0 0 0.2rem #bfd1f6; + } + .p-fileupload .p-fileupload-content { + background: #ffffff; + padding: 2rem 1rem; + border: 1px solid #dee2e6; + color: #495057; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; + } + .p-fileupload .p-fileupload-content.p-fileupload-highlight { + border-color: 1px dashed #e9ecef; + border-style: dashed; + background-color: #2CC978; + } + .p-fileupload .p-progressbar { + height: 0.25rem; + } + .p-fileupload .p-fileupload-row > div { + padding: 1rem 1rem; + } + .p-fileupload.p-fileupload-advanced .p-message { + margin-top: 0; + } + .p-fileupload-choose:not(.p-disabled):hover { + background: #0F9A70; + color: #FDFDD8; + border-color: #0F9A70; + } + .p-fileupload-choose:not(.p-disabled):active { + background: #0A715A; + color: #FDFDD8; + border-color: #0A715A; + } + .p-breadcrumb { + background: #ffffff; + border: 1px solid #dee2e6; + border-radius: 3px; + padding: 1rem; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #bfd1f6; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { + color: #495057; + } + .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + } + .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { + margin: 0 0.5rem 0 0.5rem; + color: #495057; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { + color: #495057; + } + .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { + color: #6c757d; + } + .p-contextmenu { + padding: 0.25rem 0; + background: #ffffff; + color: #495057; + border: 0 none; + box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1); + border-radius: 3px; + width: 12.5rem; + } + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1); + border-radius: 3px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: #495057; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #495057; + padding: 0.75rem 1rem; + user-select: none; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #495057; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6c757d; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #495057; + background: #e9ecef; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #495057; + } + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6c757d; + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #e9ecef; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #495057; + background: #f8f9fa; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #495057; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #495057; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #495057; + background: #e9ecef; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #495057; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6c757d; + } + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; + } + .p-contextmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-contextmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-dock .p-dock-list-container { + 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-list-container .p-dock-list { + outline: 0 none; + } + .p-dock .p-dock-item { + padding: 0.5rem; + border-radius: 3px; + } + .p-dock .p-dock-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #bfd1f6; + } + .p-dock .p-dock-link { + 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; + } + @media screen and (max-width: 960px) { + .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + } + .p-megamenu { + padding: 0.5rem; + background: #f8f9fa; + color: #495057; + border: 1px solid #dee2e6; + border-radius: 3px; + } + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: #495057; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #495057; + padding: 0.75rem 1rem; + user-select: none; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #495057; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6c757d; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #495057; + background: #e9ecef; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #495057; + } + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6c757d; + } + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #e9ecef; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #495057; + background: #f8f9fa; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #495057; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #495057; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #495057; + background: #e9ecef; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #495057; + } + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6c757d; + } + .p-megamenu .p-megamenu-panel { + background: #ffffff; + color: #495057; + border: 0 none; + box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1); + } + .p-megamenu .p-submenu-header { + margin: 0; + padding: 0.75rem 1rem; + color: #495057; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 3px; + border-top-left-radius: 3px; + } + .p-megamenu .p-submenu-list { + padding: 0.25rem 0; + width: 12.5rem; + } + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; + } + .p-megamenu.p-megamenu-vertical { + width: 12.5rem; + padding: 0.25rem 0; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #495057; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #495057; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6c757d; + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #495057; + background: #e9ecef; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #495057; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6c757d; + } + .p-menu { + padding: 0.25rem 0; + background: #ffffff; + color: #495057; + border: 1px solid #dee2e6; + border-radius: 3px; + width: 12.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content { + color: #495057; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #495057; + padding: 0.75rem 1rem; + user-select: none; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #495057; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6c757d; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: #495057; + background: #e9ecef; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #495057; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6c757d; + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #e9ecef; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #495057; + background: #f8f9fa; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #495057; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #495057; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #495057; + background: #e9ecef; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #495057; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6c757d; + } + .p-menu.p-menu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1); + } + .p-menu .p-submenu-header { + margin: 0; + padding: 0.75rem 1rem; + color: #495057; + background: #ffffff; + font-weight: 600; + border-top-right-radius: 0; + border-top-left-radius: 0; + } + .p-menu .p-menuitem-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; + } + .p-menu .p-menuitem-badge { + background: #2CC978; + color: #FDFDD8; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + .p-menubar { + padding: 0.5rem; + background: #f8f9fa; + color: #495057; + border: 1px solid #dee2e6; + border-radius: 3px; + } + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: #495057; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #495057; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6c757d; + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #495057; + background: #e9ecef; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #495057; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6c757d; + } + .p-menubar .p-menuitem > .p-menuitem-content { + color: #495057; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #495057; + padding: 0.75rem 1rem; + user-select: none; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #495057; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6c757d; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: #495057; + background: #e9ecef; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #495057; + } + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6c757d; + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #e9ecef; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #495057; + background: #f8f9fa; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #495057; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #495057; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #495057; + background: #e9ecef; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #495057; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6c757d; + } + .p-menubar .p-submenu-list { + padding: 0.25rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1); + width: 12.5rem; + } + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; + } + .p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; + } + @media screen and (max-width: 960px) { + .p-menubar { + position: relative; + } + .p-menubar .p-menubar-button { + display: flex; + width: 2rem; + height: 2rem; + color: #6c757d; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-menubar .p-menubar-button:hover { + color: #6c757d; + background: #e9ecef; + } + .p-menubar .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #bfd1f6; + } + .p-menubar .p-menubar-root-list { + position: absolute; + display: none; + padding: 0.25rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1); + width: 100%; + } + .p-menubar .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 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-content .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-content > .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-content > .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 .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 2.25rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 3.75rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 5.25rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + padding-left: 6.75rem; + } + .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + 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 { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border: 1px solid #dee2e6; + color: #495057; + background: #f8f9fa; + border-radius: 3px; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action { + color: #495057; + padding: 1rem; + font-weight: 600; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #bfd1f6; + } + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #e9ecef; + border-color: 1px solid #dee2e6; + color: #495057; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #f8f9fa; + border-color: #dee2e6; + color: #495057; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-color: #dee2e6; + background: #e9ecef; + color: #495057; + } + .p-panelmenu .p-panelmenu-content { + padding: 0.25rem 0; + border: 1px solid #dee2e6; + background: #ffffff; + color: #495057; + border-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; + } + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { + color: #495057; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #495057; + padding: 0.75rem 1rem; + user-select: none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #495057; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6c757d; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: #495057; + background: #e9ecef; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #495057; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6c757d; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #e9ecef; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #495057; + background: #f8f9fa; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #495057; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #495057; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #495057; + background: #e9ecef; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #495057; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6c757d; + } + .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-right: 0.5rem; + } + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { + padding: 0 0 0 1rem; + } + .p-panelmenu .p-panelmenu-panel { + margin-bottom: 0; + } + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content { + 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 .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-top: 0 none; + } + .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content { + border-top-right-radius: 3px; + border-top-left-radius: 3px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; + } + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; + } + .p-slidemenu { + padding: 0.25rem 0; + background: #ffffff; + color: #495057; + border: 1px solid #dee2e6; + border-radius: 3px; + width: 12.5rem; + } + .p-slidemenu .p-slidemenu-root-list { + outline: 0 none; + } + .p-slidemenu .p-submenu-list { + outline: 0 none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content { + color: #495057; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #495057; + padding: 0.75rem 1rem; + user-select: none; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #495057; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; + } + .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6c757d; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #495057; + background: #e9ecef; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #495057; + } + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6c757d; + } + .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #e9ecef; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #495057; + background: #f8f9fa; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #495057; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #495057; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #495057; + background: #e9ecef; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #495057; + } + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6c757d; + } + .p-slidemenu.p-slidemenu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-slidemenu-list { + padding: 0.25rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1); + } + .p-slidemenu .p-menuitem-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; + } + .p-slidemenu .p-slidemenu-icon { + font-size: 0.875rem; + } + .p-slidemenu .p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-slidemenu .p-slidemenu-backward { + padding: 0.75rem 1rem; + color: #495057; + } + .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #bfd1f6; + } + .p-slidemenu .p-menuitem-badge { + background: #2CC978; + color: #FDFDD8; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + .p-steps .p-steps-item .p-menuitem-link { + background: transparent; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + background: #ffffff; + } + .p-steps .p-steps-item .p-menuitem-link .p-steps-number { + color: #495057; + border: 1px solid #c8c8c8; + background: #ffffff; + 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: #6c757d; + } + .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #bfd1f6; + } + .p-steps .p-steps-item.p-highlight .p-steps-number { + background: #2CC978; + color: #FDFDD8; + } + .p-steps .p-steps-item.p-highlight .p-steps-title { + font-weight: 600; + color: #495057; + } + .p-steps .p-steps-item:before { + content: " "; + border-top: 1px solid #dee2e6; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + margin-top: -1rem; + } + .p-tabmenu .p-tabmenu-nav { + background: #ffffff; + border: 1px solid #dee2e6; + border-width: 0 0 2px 0; + } + .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { + background: #2CC978; + color: #FDFDD8; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; + border-radius: 3px; + margin-left: 0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem { + margin-right: 0; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { + border: solid #dee2e6; + border-width: 0 0 2px 0; + border-color: transparent transparent #dee2e6 transparent; + background: #ffffff; + color: #6c757d; + padding: 1rem; + font-weight: 600; + border-top-right-radius: 3px; + border-top-left-radius: 3px; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + margin: 0 0 -2px 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-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #bfd1f6; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { + background: #ffffff; + border-color: #9ba2aa; + color: #6c757d; + } + .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { + background: #ffffff; + border-color: #2CC978; + color: #2CC978; + } + .p-tabmenu .p-tabmenu-left-icon { + margin-right: 0.5rem; + } + .p-tabmenu .p-tabmenu-right-icon { + margin-left: 0.5rem; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link { + background: #ffffff; + color: #2CC978; + width: 2.357rem; + 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); + border-radius: 0; + } + .p-tabmenu .p-tabmenu-nav-btn.p-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.2rem #bfd1f6; + } + .p-tieredmenu { + padding: 0.25rem 0; + background: #ffffff; + color: #495057; + border: 1px solid #dee2e6; + border-radius: 3px; + width: 12.5rem; + } + .p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { + color: #495057; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #495057; + padding: 0.75rem 1rem; + user-select: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #495057; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6c757d; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #495057; + background: #e9ecef; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #495057; + } + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6c757d; + } + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #e9ecef; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #495057; + background: #f8f9fa; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #495057; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #495057; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #495057; + background: #e9ecef; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #495057; + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6c757d; + } + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; + } + .p-tieredmenu .p-submenu-icon { + font-size: 0.875rem; + } + .p-tieredmenu .p-submenu-icon.p-icon { + width: 0.875rem; + height: 0.875rem; + } + .p-inline-message { + padding: 0.5rem 0.5rem; + margin: 0; + border-radius: 3px; + } + .p-inline-message.p-inline-message-info { + background: #039BE5; + border: solid #027cb7; + border-width: 1px; + color: #ffffff; + } + .p-inline-message.p-inline-message-info .p-inline-message-icon { + color: #ffffff; + } + .p-inline-message.p-inline-message-success { + background: #43A047; + border: 0 none; + border-width: 1px; + color: #ffffff; + } + .p-inline-message.p-inline-message-success .p-inline-message-icon { + color: #ffffff; + } + .p-inline-message.p-inline-message-warn { + background: #FFB300; + border: 0 none; + border-width: 1px; + color: #495057; + } + .p-inline-message.p-inline-message-warn .p-inline-message-icon { + color: #495057; + } + .p-inline-message.p-inline-message-error { + background: #E53935; + border: 0 none; + border-width: 1px; + color: #ffffff; + } + .p-inline-message.p-inline-message-error .p-inline-message-icon { + color: #ffffff; + } + .p-inline-message .p-inline-message-icon { + font-size: 1rem; + margin-right: 0.5rem; + } + .p-inline-message .p-icon { + width: 1rem; + height: 1rem; + } + .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: 1rem 0; + border-radius: 3px; + } + .p-message .p-message-wrapper { + padding: 1rem 1.5rem; + } + .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.5); + } + .p-message .p-message-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #bfd1f6; + } + .p-message.p-message-info { + background: #039BE5; + border: solid #027cb7; + border-width: 0 0 0 4px; + color: #ffffff; + } + .p-message.p-message-info .p-message-icon { + color: #ffffff; + } + .p-message.p-message-info .p-message-close { + color: #ffffff; + } + .p-message.p-message-success { + background: #43A047; + border: 0 none; + border-width: 0 0 0 4px; + color: #ffffff; + } + .p-message.p-message-success .p-message-icon { + color: #ffffff; + } + .p-message.p-message-success .p-message-close { + color: #ffffff; + } + .p-message.p-message-warn { + background: #FFB300; + border: 0 none; + border-width: 0 0 0 4px; + color: #495057; + } + .p-message.p-message-warn .p-message-icon { + color: #495057; + } + .p-message.p-message-warn .p-message-close { + color: #495057; + } + .p-message.p-message-error { + background: #E53935; + border: 0 none; + border-width: 0 0 0 4px; + color: #ffffff; + } + .p-message.p-message-error .p-message-icon { + color: #ffffff; + } + .p-message.p-message-error .p-message-close { + color: #ffffff; + } + .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-icon { + width: 1.5rem; + height: 1.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 3px 14px 0 rgba(0, 0, 0, 0.3); + border-radius: 3px; + } + .p-toast .p-toast-message .p-toast-message-content { + padding: 1rem; + border-width: 0 0 0 4px; + } + .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-icon:not(.p-toast-icon-close-icon) { + width: 2rem; + height: 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.5); + } + .p-toast .p-toast-message .p-toast-icon-close:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #bfd1f6; + } + .p-toast .p-toast-message.p-toast-message-info { + background: #039BE5; + border: solid #027cb7; + border-width: 0 0 0 4px; + color: #ffffff; + } + .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: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-success { + background: #43A047; + border: 0 none; + border-width: 0 0 0 4px; + color: #ffffff; + } + .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: #ffffff; + } + .p-toast .p-toast-message.p-toast-message-warn { + background: #FFB300; + border: 0 none; + border-width: 0 0 0 4px; + color: #495057; + } + .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: #495057; + } + .p-toast .p-toast-message.p-toast-message-error { + background: #E53935; + border: 0 none; + border-width: 0 0 0 4px; + color: #ffffff; + } + .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: #ffffff; + } + .p-galleria .p-galleria-close { + margin: 0.5rem; + background: transparent; + color: #ebedef; + 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 .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: #ebedef; + } + .p-galleria .p-galleria-item-nav { + background: rgba(0, 0, 0, 0.2); + color: #aeb6bf; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + border-radius: 3px; + margin: 0.5rem 0; + } + .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 .p-icon-wrapper .p-icon { + width: 2rem; + height: 2rem; + } + .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { + background: rgba(0, 0, 0, 0.3); + color: #ebedef; + } + .p-galleria .p-galleria-caption { + background: rgba(0, 0, 0, 0.5); + color: #ebedef; + padding: 1rem; + } + .p-galleria .p-galleria-indicators { + padding: 1rem; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator button { + background-color: #e9ecef; + width: 1rem; + height: 1rem; + 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: #dee2e6; + } + .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background: #2CC978; + color: #FDFDD8; + } + .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: #2CC978; + color: #FDFDD8; + } + .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: #aeb6bf; + 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: #aeb6bf; + } + .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #bfd1f6; + } + .p-galleria-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + .p-image-mask { + --maskbg: rgba(0, 0, 0, 0.9); + } + .p-image-preview-indicator { + background-color: transparent; + color: #f8f9fa; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-image-preview-container:hover > .p-image-preview-indicator { + background-color: rgba(0, 0, 0, 0.5); + } + .p-image-toolbar { + padding: 1rem; + } + .p-image-action.p-link { + color: #f8f9fa; + background-color: transparent; + width: 3rem; + height: 3rem; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + margin-right: 0.5rem; + } + .p-image-action.p-link:last-child { + margin-right: 0; + } + .p-image-action.p-link:hover { + color: #f8f9fa; + background-color: rgba(255, 255, 255, 0.1); + } + .p-image-action.p-link i { + font-size: 1.5rem; + } + .p-image-action.p-link .p-icon { + width: 1.5rem; + height: 1.5rem; + } + .p-avatar { + background-color: #dee2e6; + border-radius: 3px; + } + .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: #2CC978; + color: #FDFDD8; + 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: #607D8B; + color: #ffffff; + } + .p-badge.p-badge-success { + background-color: #4CAF50; + color: #ffffff; + } + .p-badge.p-badge-info { + background-color: #03A9F4; + color: #ffffff; + } + .p-badge.p-badge-warning { + background-color: #FFC107; + color: #495057; + } + .p-badge.p-badge-danger { + background-color: #f44336; + 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-chip { + background-color: #dee2e6; + color: #495057; + border-radius: 16px; + padding: 0 0.5rem; + } + .p-chip .p-chip-text { + line-height: 1.5; + margin-top: 0.25rem; + margin-bottom: 0.25rem; + } + .p-chip .p-chip-icon { + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + margin-left: 0.5rem; + } + .p-chip img { + width: 2rem; + height: 2rem; + margin-left: -0.5rem; + margin-right: 0.5rem; + } + .p-chip .pi-chip-remove-icon { + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-chip .pi-chip-remove-icon:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #bfd1f6; + } + .p-chip .pi-chip-remove-icon:focus { + outline: 0 none; + } + .p-inplace .p-inplace-display { + padding: 0.5rem 0.5rem; + border-radius: 3px; + transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; + } + .p-inplace .p-inplace-display:not(.p-disabled):hover { + background: #e9ecef; + color: #495057; + } + .p-inplace .p-inplace-display:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #bfd1f6; + } + .p-progressbar { + border: 0 none; + height: 1.5rem; + background: #dee2e6; + border-radius: 3px; + } + .p-progressbar .p-progressbar-value { + border: 0 none; + margin: 0; + background: #2CC978; + } + .p-progressbar .p-progressbar-label { + color: #FDFDD8; + line-height: 1.5rem; + } + .p-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-scrolltop.p-link { + background: rgba(0, 0, 0, 0.7); + } + .p-scrolltop.p-link:hover { + background: rgba(0, 0, 0, 0.8); + } + .p-scrolltop .p-scrolltop-icon { + font-size: 1.5rem; + color: #f8f9fa; + } + .p-scrolltop .p-icon { + width: 1.5rem; + height: 1.5rem; + } + .p-skeleton { + background-color: #e9ecef; + border-radius: 3px; + } + .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: #2CC978; + color: #FDFDD8; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 3px; + } + .p-tag.p-tag-success { + background-color: #4CAF50; + color: #ffffff; + } + .p-tag.p-tag-info { + background-color: #03A9F4; + color: #ffffff; + } + .p-tag.p-tag-warning { + background-color: #FFC107; + color: #495057; + } + .p-tag.p-tag-danger { + background-color: #f44336; + color: #ffffff; + } + .p-tag .p-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; + } + .p-tag .p-icon { + width: 0.75rem; + height: 0.75rem; + } + .p-terminal { + background: #ffffff; + color: #495057; + border: 1px solid #dee2e6; + padding: 1rem; + } + .p-terminal .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: 1rem; + } +} +/* Customizations to the designer theme should be defined here */ + +/*# sourceMappingURL=theme.css.map */ diff --git a/frontend/peakvisor/src/assets/trailspagevideo.mov b/frontend/peakvisor/src/assets/trailspagevideo.mov new file mode 100644 index 000000000..788cd2870 Binary files /dev/null and b/frontend/peakvisor/src/assets/trailspagevideo.mov differ diff --git a/frontend/peakvisor/src/favicon.ico b/frontend/peakvisor/src/favicon.ico index 57614f9c9..fdfaa12dc 100644 Binary files a/frontend/peakvisor/src/favicon.ico and b/frontend/peakvisor/src/favicon.ico differ diff --git a/frontend/peakvisor/src/index.html b/frontend/peakvisor/src/index.html index f9311946c..5394911a7 100644 --- a/frontend/peakvisor/src/index.html +++ b/frontend/peakvisor/src/index.html @@ -2,8 +2,15 @@ - Peakvisor + PeakVisor + + + + + + + diff --git a/frontend/peakvisor/src/styles.css b/frontend/peakvisor/src/styles.css index 90d4ee007..bfd4ad01f 100644 --- a/frontend/peakvisor/src/styles.css +++ b/frontend/peakvisor/src/styles.css @@ -1 +1,13 @@ -/* You can add global styles to this file, and also import other style files */ +@import "primeng/resources/primeng.css"; +@import 'assets/theme.css'; +*{ + font-family: 'Alegreya Sans', sans-serif !important; +} + +body{ + margin: 0; +} + +.heading{ + font-weight: 900; +} \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/.gitignore b/frontend/peakvisor/src/theme/primeng-sass-theme-main/.gitignore new file mode 100644 index 000000000..e9d1d3776 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/.gitignore @@ -0,0 +1,2 @@ +theme.css +.DS_STORE \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/CHANGELOG.md b/frontend/peakvisor/src/theme/primeng-sass-theme-main/CHANGELOG.md new file mode 100644 index 000000000..0f38101c7 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/CHANGELOG.md @@ -0,0 +1,193 @@ +# Changelog +## [17.5.0](https://github.com/primefaces/primeng-sass-theme/tree/17.5.0) (2024-02-01) +[Full Changelog](https://github.com/primefaces/primeng-sass-theme/compare/17.4.0...17.5.0) + +- No changes, provides semantic versioning compatibility for PrimeNG 17.5.0 + +## [17.4.0](https://github.com/primefaces/primeng-sass-theme/tree/17.4.0) (2023-01-24) +[Full Changelog](https://github.com/primefaces/primeng-sass-theme/compare/17.3.3...17.4.0) + +**Enhancements:** +- PickList & OrderList | theme adjustments [\#92](https://github.com/primefaces/primeng-sass-theme/issues/92) + +## [17.3.3](https://github.com/primefaces/primeng-sass-theme/tree/17.3.3) (2023-01-18) +[Full Changelog](https://github.com/primefaces/primeng-sass-theme/compare/17.3.2...17.3.3) + +- No changes, provides semantic versioning compatibility for PrimeNG 17.3.3 + +## [17.3.2](https://github.com/primefaces/primeng-sass-theme/tree/17.3.2) (2024-01-10) +[Full Changelog](https://github.com/primefaces/primeng-sass-theme/compare/17.3.1...17.3.2) + +**Fixed bugs:** +- Tree | Add missing outline rule [\#91](https://github.com/primefaces/primeng-sass-theme/issues/91) + +## [17.3.1](https://github.com/primefaces/primeng-sass-theme/tree/17.3.1) (2024-01-04) +[Full Changelog](https://github.com/primefaces/primeng-sass-theme/compare/17.3.0...17.3.1) + +**Fixed bugs:** +- Splitter | Add missing focus-visible & material extension styles [\#89](https://github.com/primefaces/primeng-sass-theme/issues/89) +- ScrollPanel | Add missing focus-visible & material extension styles [\#90](https://github.com/primefaces/primeng-sass-theme/issues/90) + +## [17.3.0](https://github.com/primefaces/primeng-sass-theme/tree/17.3.0) (2023-12-28) +[Full Changelog](https://github.com/primefaces/primeng-sass-theme/compare/17.2.0...17.3.0) + +- No changes, provides semantic versioning compatibility for PrimeNG 17.3.0 + +## [17.2.0](https://github.com/primefaces/primeng-sass-theme/tree/17.2.0) (2023-12-20) +[Full Changelog](https://github.com/primefaces/primeng-sass-theme/compare/17.1.0...17.2.0) + +**Fixed bugs:** +- Lara Light Teal: $highlightBg implementation defect [\#88](https://github.com/primefaces/primeng-sass-theme/issues/88) + + +## [17.1.0](https://github.com/primefaces/primeng-sass-theme/tree/17.1.0) (2023-12-13) +[Full Changelog](https://github.com/primefaces/primeng-sass-theme/compare/17.0.0...17.1.0) + +**Fixed bugs:** +- Checkbox | Add missing invalid styles [\#86](https://github.com/primefaces/primeng-sass-theme/issues/86) +- Dropdown | missing invalid styles [\#77](https://github.com/primefaces/primeng-sass-theme/issues/77) + +## [17.0.0](https://github.com/primefaces/primeng-sass-theme/tree/17.0.0) (2023-12-06) +[Full Changelog](https://github.com/primefaces/primeng-sass-theme/compare/17.0.0-rc.1...17.0.0) + +- No changes, provides semantic versioning compatibility for PrimeNG 17.0.0 + +## [17.0.0-rc.1](https://github.com/primefaces/primeng-sass-theme/tree/17.0.0-rc.1) (2023-11-29) +[Full Changelog](https://github.com/primefaces/primeng-sass-theme/compare/16.9.1...17.0.0-rc.1) + +**Enhancements:** +- Update Lara [\#84](https://github.com/primefaces/primeng-sass-theme/issues/84) +- DataView | Remove primeflex dependency [\#83](https://github.com/primefaces/primeng-sass-theme/issues/83) + +## [16.9.1](https://github.com/primefaces/primeng-sass-theme/tree/16.9.1) (2023-11-23) +[Full Changelog](https://github.com/primefaces/primeng-sass-theme/compare/16.9.0...16.9.1) + +- No changes, provides semantic versioning compatibility for PrimeNG 16.9.1 + +## [16.9.0](https://github.com/primefaces/primeng-sass-theme/tree/16.9.0) (2023-11-22) +[Full Changelog](https://github.com/primefaces/primeng-sass-theme/compare/16.8.0...16.9.0) + +- No changes, provides semantic versioning compatibility for PrimeNG 16.9.0 + +## [16.8.0](https://github.com/primefaces/primeng-sass-theme/tree/16.8.0) (2023-11-20) +[Full Changelog](https://github.com/primefaces/primeng-sass-theme/compare/16.7.2...16.8.0) + +**Enhancements:** +- PickList | Accessibility Enhancements [\#78](https://github.com/primefaces/primeng-sass-theme/issues/78) +- OrderList | Accessibility Enhancements [\#74](https://github.com/primefaces/primeng-sass-theme/issues/74) +- Tree | Accessibility Enhancemnets [\#73](https://github.com/primefaces/primeng-sass-theme/issues/73) +- Calendar | Accessibility Enhancemnets [\#71](https://github.com/primefaces/primeng-sass-theme/issues/71) + +## [16.7.2](https://github.com/primefaces/primeng-sass-theme/tree/16.7.2) (2023-11-08) +[Full Changelog](https://github.com/primefaces/primeng-sass-theme/compare/16.7.1...16.7.2) + +- No changes, provides semantic versioning compatibility for PrimeNG 16.7.2 + +## [16.7.1](https://github.com/primefaces/primeng-sass-theme/tree/16.7.1) (2023-11-01) +[Full Changelog](https://github.com/primefaces/primeng-sass-theme/compare/16.7.0...16.7.1) + +- No changes, provides semantic versioning compatibility for PrimeNG 16.7.1 + +## [16.7.0](https://github.com/primefaces/primeng-sass-theme/tree/16.7.0) (2023-11-01) +[Full Changelog](https://github.com/primefaces/primeng-sass-theme/compare/16.6.0...16.7.0) + +**Enhancements:** +- Rating | Accessibility Enhancements [\#70](https://github.com/primefaces/primeng-sass-theme/issues/70) +- Chips: Accessibility [\#63](https://github.com/primefaces/primeng-sass-theme/issues/63) +- CascadeSelect | Accessibility enhancements [\#68](https://github.com/primefaces/primeng-sass-theme/issues/68) + +## [16.6.0](https://github.com/primefaces/primeng-sass-theme/tree/16.6.0) (2023-10-18) +[Full Changelog](https://github.com/primefaces/primeng-sass-theme/compare/16.5.1...16.6.0) + +**Enhancements:** +- Listbox | Accessibility Enhancements [\#65](https://github.com/primefaces/primeng-sass-theme/issues/65) + +## [16.5.1](https://github.com/primefaces/primeng-sass-theme/tree/16.5.1) (2023-10-18) +[Full Changelog](https://github.com/primefaces/primeng-sass-theme/compare/16.5.0...16.5.1) + +- No changes, provides semantic versioning compatibility for PrimeNG 16.5.1 + +## [16.5.0](https://github.com/primefaces/primeng-sass-theme/tree/16.5.0) (2023-10-11) +[Full Changelog](https://github.com/primefaces/primeng-sass-theme/compare/16.4.0...16.5.0) + +**Breaking Changes:** +- Remove FullCalendar theme support [\#59](https://github.com/primefaces/primeng-sass-theme/issues/59) + +**Enhancements:** +- Dropdown | Accessibility update & add missing variables [\#61](https://github.com/primefaces/primeng-sass-theme/issues/61) + +**Fixed bugs:** +- Remove FullCalendar theme support [\#59](https://github.com/primefaces/primeng-sass-theme/issues/59) + +## [16.4.0](https://github.com/primefaces/primeng-sass-theme/tree/16.4.0) (2023-09-26) +[Full Changelog](https://github.com/primefaces/primeng-sass-theme/compare/16.3.0...16.4.0) + +**Enhancements:** +- New @layer implementation [\#47](https://github.com/primefaces/primeng-sass-theme/issues/47) +- Update Lara theme to use Inter var font [\#46](https://github.com/primefaces/primeng-sass-theme/issues/46) +- FileUpload | Drag and drop highlight enhancement [\#52](https://github.com/primefaces/primeng-sass-theme/issues/52) +- DataTable | Row selection focus styling issue [\#49](https://github.com/primefaces/primeng-sass-theme/issues/49) +- focus-visible updates [\#48](https://github.com/primefaces/primeng-sass-theme/issues/48) + +**Fixed bugs:** +- AutoComplete | p-autocomplete-token-icon alignment issue [\#41](https://github.com/primefaces/primeng-sass-theme/issues/50) +- FileUpload | .p-fileupload-highlight class is missing [\#50](https://github.com/primefaces/primeng-sass-theme/issues/50) +- Update class name for menu separator [\#37](https://github.com/primefaces/primeng-sass-theme/issues/37) + + +## [16.3.0](https://github.com/primefaces/primeng-sass-theme/tree/16.3.0) (2023-08-31) +[Full Changelog](https://github.com/primefaces/primeng-sass-theme/compare/16.2.0...16.3.0) + +- No changes, provides semantic versioning compatibility for PrimeNG 16.3.0 + +## [16.2.0](https://github.com/primefaces/primeng-sass-theme/tree/16.2.0) (2023-08-11) +[Full Changelog](https://github.com/primefaces/primeng-sass-theme/compare/16.1.0...16.2.0) + +**Enhancements:** +- SpeedDial | Accessibility enhancements [\#33](https://github.com/primefaces/primeng-sass-theme/issues/33) + +**Fixed bugs:** +- Update nested-submenu-indents mixin with classes instead of tags [\#34](https://github.com/primefaces/primeng-sass-theme/issues/34) +- Update class name for menu separator [\#37](https://github.com/primefaces/primeng-sass-theme/issues/37) + +## [16.1.0](https://github.com/primefaces/primeng-sass-theme/tree/16.1.0) (2023-07-26) +[Full Changelog](https://github.com/primefaces/primeng-sass-theme/compare/16.0.2...16.1.0) + +**Enhancements:** +- SlideMenu | Add missing styles of menuitem material extensions (accessibility) [\#29](https://github.com/primefaces/primeng-sass-theme/issues/29) +- PanelMenu | Accessibility enhancements for hover and focus [\#28](https://github.com/primefaces/primeng-sass-theme/issues/28) +- SlideMenu | Update focus for accessibility [\#25](https://github.com/primefaces/primeng-sass-theme/issues/25) +- MegaMenu | Update focus for accessibility [\#21](https://github.com/primefaces/primeng-sass-theme/issues/21) +- Add missing variable $dockItemBorderRadius [\#20](https://github.com/primefaces/primeng-sass-theme/issues/20) +- ContextMenu | Update focus for accessibility [\#18](https://github.com/primefaces/primeng-sass-theme/issues/18) +- Dock | Update focus for accessibility [\#16](https://github.com/primefaces/primeng-sass-theme/issues/16) +- Menubar | Add missing focus ruleset for material extensions (accessibility) [\#15](https://github.com/primefaces/primeng-sass-theme/issues/15) +- TieredMenu | Update focus for accessibility [\#14](https://github.com/primefaces/primeng-sass-theme/issues/14) +- Menubar | Update focus for accessibility [\#13](https://github.com/primefaces/primeng-sass-theme/issues/13) +- Menu | Add new focus variables for accessibility [\#11](https://github.com/primefaces/primeng-sass-theme/issues/11) +- Accordion | Make focus inset (accessibility) [\#7](https://github.com/primefaces/primeng-sass-theme/issues/7) + +**Fixed bugs:** +- Calendar | SVG icon is not visible w/material compact [\#31](https://github.com/primefaces/primeng-sass-theme/issues/31) +- TabView | Last element is not visible when scrolling=true [\#30](https://github.com/primefaces/primeng-sass-theme/issues/30) +- Breadcrumb | Chevron and slash icon is visible at the same time (bootstrap themes) [\#27](https://github.com/primefaces/primeng-sass-theme/issues/27) + +## [16.0.2](https://github.com/primefaces/primeng-sass-theme/tree/16.0.2) (2023-07-18) + +- No changes, provides semantic versioning compatibility for PrimeNG 16.0.2 + +## [16.0.1](https://github.com/primefaces/primeng-sass-theme/tree/16.0.1) (2023-07-18) + +- No changes, provides semantic versioning compatibility for PrimeNG 16.0.1 + +## [16.0.0](https://github.com/primefaces/primeng-sass-theme/tree/16.0.0) (2023-07-18) + +- No changes, provides semantic versioning compatibility for PrimeNG 16.0.0 + +## [15.4.1](https://github.com/primefaces/primeng-sass-theme/tree/15.4.1) (2023-07-18) + +- No changes, provides semantic versioning compatibility for PrimeNG 15.4.1 + +## [15.2.0](https://github.com/primefaces/primeng-sass-theme/tree/15.2.0) (2023-03-16) + +- Initial release diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/LICENSE.md b/frontend/peakvisor/src/theme/primeng-sass-theme-main/LICENSE.md new file mode 100644 index 000000000..045f3b185 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/LICENSE.md @@ -0,0 +1,21 @@ +The MIT License (MIT) + +Copyright (c) 2016-2023 PrimeTek + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in +all copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN +THE SOFTWARE. \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/README.md b/frontend/peakvisor/src/theme/primeng-sass-theme-main/README.md new file mode 100644 index 000000000..2bcb902b5 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/README.md @@ -0,0 +1 @@ +# PrimeNG Theming with SASS diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/package.json b/frontend/peakvisor/src/theme/primeng-sass-theme-main/package.json new file mode 100644 index 000000000..a1b0112a7 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/package.json @@ -0,0 +1,24 @@ +{ + "name": "primeng-sass-theme", + "version": "17.5.0", + "description": "PrimeNG Sass Theme", + "homepage": "https://primeng.org/", + "repository": { + "type": "git", + "url": "git+https://github.com/primefaces/primeng-sass-theme.git" + }, + "keywords": [ + "primeng", + "angular", + "ui framework", + "component framework", + "ui library", + "component library", + "material", + "bootstrap" + ], + "license": "MIT", + "bugs": { + "url": "https://github.com/primefaces/primeng-sass-theme/issues" + } +} \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/_colors.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/_colors.scss new file mode 100644 index 000000000..2dca1c908 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/_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/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/_common.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/_common.scss new file mode 100644 index 000000000..7bfaa187a --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/_common.scss @@ -0,0 +1,75 @@ +* { + box-sizing: border-box; +} + +.p-component { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + 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-icon { + width: $primeIconFontSize; + height: $primeIconFontSize; +} + +.p-link { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: $fontSize; + border-radius: $borderRadius; + + &:focus-visible { + @include focused(); + } +} + +.p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; +} + +.p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; +} + +.p-component-overlay { + @keyframes p-component-overlay-enter-animation { + from { + background-color: transparent; + } + to { + background-color: var(--maskbg); + } + } + + @keyframes p-component-overlay-leave-animation { + from { + background-color: var(--maskbg); + } + to { + background-color: transparent; + } + } +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/_components.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/_components.scss new file mode 100644 index 000000000..67aad26ec --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/_components.scss @@ -0,0 +1,106 @@ +@import '_mixins'; +@import '_colors'; + +@import './components/input/_editor'; + +@layer primeng { + @import '_common'; + + //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/_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/_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'; + @import './components/multimedia/_image'; + + //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/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/_mixins.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/_mixins.scss new file mode 100644 index 000000000..65f351483 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/_mixins.scss @@ -0,0 +1,337 @@ +@mixin icon-override($icon) { + &:before { + content: $icon; + } +} + +@mixin focused() { + outline: $focusOutline; + outline-offset: $focusOutlineOffset; + box-shadow: $focusShadow; +} + +@mixin focused-inset() { + outline: $focusOutline; + outline-offset: $focusOutlineOffset; + box-shadow: inset $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 menuitem { + > .p-menuitem-content { + color: $menuitemTextColor; + transition: $listItemTransition; + border-radius: $menuitemBorderRadius; + + .p-menuitem-link { + color: $menuitemTextColor; + padding: $menuitemPadding; + user-select: none; + + .p-menuitem-text { + color: $menuitemTextColor; + } + + .p-menuitem-icon { + color: $menuitemIconColor; + margin-right: $inlineSpacing; + } + + .p-submenu-icon { + color: $menuitemIconColor; + } + } + } + + &.p-highlight { + > .p-menuitem-content { + color: $menuitemTextActiveColor; + background: $menuitemActiveBg; + + .p-menuitem-link { + .p-menuitem-text { + color: $menuitemTextActiveColor; + } + + .p-menuitem-icon, + .p-submenu-icon { + color: $menuitemIconActiveColor; + } + } + } + + &.p-focus { + > .p-menuitem-content { + background: $menuitemActiveFocusBg; + } + } + } + + &:not(.p-highlight):not(.p-disabled) { + &.p-focus { + > .p-menuitem-content { + color: $menuitemTextFocusColor; + background: $menuitemFocusBg; + + .p-menuitem-link { + .p-menuitem-text { + color: $menuitemTextFocusColor; + } + + .p-menuitem-icon, + .p-submenu-icon { + color: $menuitemIconFocusColor; + } + } + } + } + + > .p-menuitem-content { + &:hover { + color: $menuitemTextHoverColor; + background: $menuitemHoverBg; + + .p-menuitem-link { + .p-menuitem-text { + color: $menuitemTextHoverColor; + } + + .p-menuitem-icon, + .p-submenu-icon { + color: $menuitemIconHoverColor; + } + } + } + } + } +} + +@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 horizontal-rootmenuitem { + > .p-menuitem-content { + color: $horizontalMenuRootMenuitemTextColor; + transition: $listItemTransition; + border-radius: $horizontalMenuRootMenuitemBorderRadius; + + .p-menuitem-link { + padding: $horizontalMenuRootMenuitemPadding; + 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-highlight):not(.p-disabled) { + > .p-menuitem-content { + &:hover { + color: $horizontalMenuRootMenuitemTextHoverColor; + background: $horizontalMenuRootMenuitemHoverBg; + + .p-menuitem-link { + .p-menuitem-text { + color: $horizontalMenuRootMenuitemTextHoverColor; + } + + .p-menuitem-icon, + .p-submenu-icon { + color: $horizontalMenuRootMenuitemIconHoverColor; + } + } + } + } + } +} + +@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) { + .p-submenu-list { + .p-menuitem { + .p-menuitem-content { + .p-menuitem-link { + 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-visible { + @include focused(); + } +} + +@function tint($color, $percentage) { + @return mix(#fff, $color, $percentage); +} + +@function shade($color, $percentage) { + @return mix(#000, $color, $percentage); +} + +@mixin focused-inset() { + outline: $focusOutline; + outline-offset: $focusOutlineOffset; + box-shadow: inset $focusShadow; +} + +@mixin menuitem-badge { + background: $badgeBg; + color: $badgeTextColor; + font-size: $badgeFontSize; + font-weight: $badgeFontWeight; + min-width: $badgeMinWidth; + height: $badgeHeight; + line-height: $badgeHeight; + border-radius: $borderRadius; + margin-left: $inlineSpacing; + padding-left: $inlineSpacing; + padding-right: $inlineSpacing; +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/button/_button.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/button/_button.scss new file mode 100644 index 000000000..02b259a05 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/button/_button.scss @@ -0,0 +1,576 @@ +.p-button { + color: $buttonTextColor; + background: $buttonBg; + border: $buttonBorder; + padding: $buttonPadding; + font-size: $fontSize; + transition: $formElementTransition; + border-radius: $borderRadius; + + &:not(:disabled):hover { + background: $buttonHoverBg; + color: $buttonTextHoverColor; + border-color: $buttonHoverBorderColor; + } + + &:not(:disabled):active { + background: $buttonActiveBg; + color: $buttonTextActiveColor; + border-color: $buttonActiveBorderColor; + } + + &.p-button-outlined { + background-color: transparent; + color: $buttonBg; + border: $outlinedButtonBorder; + + &:not(:disabled):hover { + background: rgba($buttonBg, $textButtonHoverBgOpacity); + color: $buttonBg; + border: $outlinedButtonBorder; + } + + &:not(:disabled):active { + background: rgba($buttonBg, $textButtonActiveBgOpacity); + color: $buttonBg; + border: $outlinedButtonBorder; + } + + &.p-button-plain { + color: $plainButtonTextColor; + border-color: $plainButtonTextColor; + + &:not(:disabled):hover { + background: $plainButtonHoverBgColor; + color: $plainButtonTextColor; + } + + &:not(:disabled):active { + background: $plainButtonActiveBgColor; + color: $plainButtonTextColor; + } + } + } + + &.p-button-text { + background-color: transparent; + color: $buttonBg; + border-color: transparent; + + &:not(:disabled):hover { + background: rgba($buttonBg, $textButtonHoverBgOpacity); + color: $buttonBg; + border-color: transparent; + } + + &:not(:disabled):active { + background: rgba($buttonBg, $textButtonActiveBgOpacity); + color: $buttonBg; + border-color: transparent; + } + + &.p-button-plain { + color: $plainButtonTextColor; + + &:not(:disabled):hover { + background: $plainButtonHoverBgColor; + color: $plainButtonTextColor; + } + + &:not(:disabled):active { + background: $plainButtonActiveBgColor; + color: $plainButtonTextColor; + } + } + } + + &:focus { + @include focused(); + } + + .p-button-label { + transition-duration: $transitionDuration; + } + + .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; + + &:not(:disabled):hover { + background: $secondaryButtonHoverBg; + color: $secondaryButtonTextHoverColor; + border-color: $secondaryButtonHoverBorderColor; + } + + &:not(:disabled):focus { + box-shadow: $secondaryButtonFocusShadow; + } + + &:not(:disabled):active { + background: $secondaryButtonActiveBg; + color: $secondaryButtonTextActiveColor; + border-color: $secondaryButtonActiveBorderColor; + } + + &.p-button-outlined { + background-color: transparent; + color: $secondaryButtonBg; + border: $outlinedButtonBorder; + + &:not(:disabled):hover { + background: rgba($secondaryButtonBg, $textButtonHoverBgOpacity); + color: $secondaryButtonBg; + border: $outlinedButtonBorder; + } + + &:not(:disabled):active { + background: rgba($secondaryButtonBg, $textButtonActiveBgOpacity); + color: $secondaryButtonBg; + border: $outlinedButtonBorder; + } + } + + &.p-button-text { + background-color: transparent; + color: $secondaryButtonBg; + border-color: transparent; + + &:not(:disabled):hover { + background: rgba($secondaryButtonBg, $textButtonHoverBgOpacity); + border-color: transparent; + color: $secondaryButtonBg; + } + + &:not(:disabled):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; + + &:not(:disabled):hover { + background: $infoButtonHoverBg; + color: $infoButtonTextHoverColor; + border-color: $infoButtonHoverBorderColor; + } + + &:not(:disabled):focus { + box-shadow: $infoButtonFocusShadow; + } + + &:not(:disabled):active { + background: $infoButtonActiveBg; + color: $infoButtonTextActiveColor; + border-color: $infoButtonActiveBorderColor; + } + + &.p-button-outlined { + background-color: transparent; + color: $infoButtonBg; + border: $outlinedButtonBorder; + + &:not(:disabled):hover { + background: rgba($infoButtonBg, $textButtonHoverBgOpacity); + color: $infoButtonBg; + border: $outlinedButtonBorder; + } + + &:not(:disabled):active { + background: rgba($infoButtonBg, $textButtonActiveBgOpacity); + color: $infoButtonBg; + border: $outlinedButtonBorder; + } + } + + &.p-button-text { + background-color: transparent; + color: $infoButtonBg; + border-color: transparent; + + &:not(:disabled):hover { + background: rgba($infoButtonBg, $textButtonHoverBgOpacity); + border-color: transparent; + color: $infoButtonBg; + } + + &:not(:disabled):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; + + &:not(:disabled):hover { + background: $successButtonHoverBg; + color: $successButtonTextHoverColor; + border-color: $successButtonHoverBorderColor; + } + + &:not(:disabled):focus { + box-shadow: $successButtonFocusShadow; + } + + &:not(:disabled):active { + background: $successButtonActiveBg; + color: $successButtonTextActiveColor; + border-color: $successButtonActiveBorderColor; + } + + &.p-button-outlined { + background-color: transparent; + color: $successButtonBg; + border: $outlinedButtonBorder; + + &:not(:disabled):hover { + background: rgba($successButtonBg, $textButtonHoverBgOpacity); + color: $successButtonBg; + border: $outlinedButtonBorder; + } + + &:not(:disabled):active { + background: rgba($successButtonBg, $textButtonActiveBgOpacity); + color: $successButtonBg; + border: $outlinedButtonBorder; + } + } + + &.p-button-text { + background-color: transparent; + color: $successButtonBg; + border-color: transparent; + + &:not(:disabled):hover { + background: rgba($successButtonBg, $textButtonHoverBgOpacity); + border-color: transparent; + color: $successButtonBg; + } + + &:not(:disabled):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; + + &:not(:disabled):hover { + background: $warningButtonHoverBg; + color: $warningButtonTextHoverColor; + border-color: $warningButtonHoverBorderColor; + } + + &:not(:disabled):focus { + box-shadow: $warningButtonFocusShadow; + } + + &:not(:disabled):active { + background: $warningButtonActiveBg; + color: $warningButtonTextActiveColor; + border-color: $warningButtonActiveBorderColor; + } + + &.p-button-outlined { + background-color: transparent; + color: $warningButtonBg; + border: $outlinedButtonBorder; + + &:not(:disabled):hover { + background: rgba($warningButtonBg, $textButtonHoverBgOpacity); + color: $warningButtonBg; + border: $outlinedButtonBorder; + } + + &:not(:disabled):active { + background: rgba($warningButtonBg, $textButtonActiveBgOpacity); + color: $warningButtonBg; + border: $outlinedButtonBorder; + } + } + + &.p-button-text { + background-color: transparent; + color: $warningButtonBg; + border-color: transparent; + + &:not(:disabled):hover { + background: rgba($warningButtonBg, $textButtonHoverBgOpacity); + border-color: transparent; + color: $warningButtonBg; + } + + &:not(:disabled):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; + + &:not(:disabled):hover { + background: $helpButtonHoverBg; + color: $helpButtonTextHoverColor; + border-color: $helpButtonHoverBorderColor; + } + + &:not(:disabled):focus { + box-shadow: $helpButtonFocusShadow; + } + + &:not(:disabled):active { + background: $helpButtonActiveBg; + color: $helpButtonTextActiveColor; + border-color: $helpButtonActiveBorderColor; + } + + &.p-button-outlined { + background-color: transparent; + color: $helpButtonBg; + border: $outlinedButtonBorder; + + &:not(:disabled):hover { + background: rgba($helpButtonBg, $textButtonHoverBgOpacity); + color: $helpButtonBg; + border: $outlinedButtonBorder; + } + + &:not(:disabled):active { + background: rgba($helpButtonBg, $textButtonActiveBgOpacity); + color: $helpButtonBg; + border: $outlinedButtonBorder; + } + } + + &.p-button-text { + background-color: transparent; + color: $helpButtonBg; + border-color: transparent; + + &:not(:disabled):hover { + background: rgba($helpButtonBg, $textButtonHoverBgOpacity); + border-color: transparent; + color: $helpButtonBg; + } + + &:not(:disabled):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; + + &:not(:disabled):hover { + background: $dangerButtonHoverBg; + color: $dangerButtonTextHoverColor; + border-color: $dangerButtonHoverBorderColor; + } + + &:not(:disabled):focus { + box-shadow: $dangerButtonFocusShadow; + } + + &:not(:disabled):active { + background: $dangerButtonActiveBg; + color: $dangerButtonTextActiveColor; + border-color: $dangerButtonActiveBorderColor; + } + + &.p-button-outlined { + background-color: transparent; + color: $dangerButtonBg; + border: $outlinedButtonBorder; + + &:not(:disabled):hover { + background: rgba($dangerButtonBg, $textButtonHoverBgOpacity); + color: $dangerButtonBg; + border: $outlinedButtonBorder; + } + + &:not(:disabled):active { + background: rgba($dangerButtonBg, $textButtonActiveBgOpacity); + color: $dangerButtonBg; + border: $outlinedButtonBorder; + } + } + + &.p-button-text { + background-color: transparent; + color: $dangerButtonBg; + border-color: transparent; + + &:not(:disabled):hover { + background: rgba($dangerButtonBg, $textButtonHoverBgOpacity); + border-color: transparent; + color: $dangerButtonBg; + } + + &:not(:disabled):active { + background: rgba($dangerButtonBg, $textButtonActiveBgOpacity); + border-color: transparent; + color: $dangerButtonBg; + } + } +} + +.p-button.p-button-link { + color: $linkButtonColor; + background: transparent; + border: transparent; + + &:not(:disabled):hover { + background: transparent; + color: $linkButtonHoverColor; + border-color: transparent; + + .p-button-label { + text-decoration: $linkButtonTextHoverDecoration; + } + } + + &:not(:disabled):focus { + background: transparent; + box-shadow: $linkButtonFocusShadow; + border-color: transparent; + } + + &:not(:disabled):active { + background: transparent; + color: $linkButtonColor; + border-color: transparent; + } +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/button/_speeddial.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/button/_speeddial.scss new file mode 100644 index 000000000..c446c7b55 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/button/_speeddial.scss @@ -0,0 +1,96 @@ +@use 'sass:math'; + +.p-speeddial-button { + &.p-button.p-button-icon-only { + width: $speedDialButtonWidth; + height: $speedDialButtonHeight; + + .p-button-icon { + font-size: $speedDialButtonIconFontSize; + } + + .p-icon { + width: $speedDialButtonIconFontSize; + height: $speedDialButtonIconFontSize; + } + } +} + +.p-speeddial-list { + outline: 0 none; +} + +.p-speeddial-item { + &.p-focus > .p-speeddial-action { + @include focused(); + } +} + +.p-speeddial-action { + width: $speedDialActionWidth; + height: $speedDialActionHeight; + background: $speedDialActionBg; + color: $speedDialActionTextColor; + + &:hover { + background: $speedDialActionHoverBg; + color: $speedDialActionTextHoverColor; + } +} + +.p-speeddial-direction-up { + .p-speeddial-item { + margin: math.div($inlineSpacing, 2) 0; + + &:first-child { + margin-bottom: $inlineSpacing; + } + } +} + +.p-speeddial-direction-down { + .p-speeddial-item { + margin: math.div($inlineSpacing, 2) 0; + + &:first-child { + margin-top: $inlineSpacing; + } + } +} + +.p-speeddial-direction-left { + .p-speeddial-item { + margin: 0 math.div($inlineSpacing, 2); + + &:first-child { + margin-right: $inlineSpacing; + } + } +} + +.p-speeddial-direction-right { + .p-speeddial-item { + margin: 0 math.div($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/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/button/_splitbutton.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/button/_splitbutton.scss new file mode 100644 index 000000000..02e14dba8 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/button/_splitbutton.scss @@ -0,0 +1,354 @@ +.p-splitbutton { + border-radius: $borderRadius; + + &.p-button-outlined { + > .p-button { + background-color: transparent; + color: $buttonBg; + border: $outlinedButtonBorder; + + &:not(:disabled):hover { + background: rgba($buttonBg, $textButtonHoverBgOpacity); + color: $buttonBg; + } + + &:not(:disabled):active { + background: rgba($buttonBg, $textButtonActiveBgOpacity); + color: $buttonBg; + } + } + + &.p-button-plain { + > .p-button { + color: $plainButtonTextColor; + border-color: $plainButtonTextColor; + + &:not(:disabled):hover { + background: $plainButtonHoverBgColor; + color: $plainButtonTextColor; + } + + &:not(:disabled):active { + background: $plainButtonActiveBgColor; + color: $plainButtonTextColor; + } + } + } + } + + &.p-button-text { + > .p-button { + background-color: transparent; + color: $buttonBg; + border-color: transparent; + + &:not(:disabled):hover { + background: rgba($buttonBg, $textButtonHoverBgOpacity); + color: $buttonBg; + border-color: transparent; + } + + &:not(:disabled):active { + background: rgba($buttonBg, $textButtonActiveBgOpacity); + color: $buttonBg; + border-color: transparent; + } + } + + &.p-button-plain { + > .p-button { + color: $plainButtonTextColor; + + &:not(:disabled):hover { + background: $plainButtonHoverBgColor; + color: $plainButtonTextColor; + } + + &:not(:disabled):active { + background: $plainButtonActiveBgColor; + color: $plainButtonTextColor; + } + } + } + } + + &.p-button-raised { + box-shadow: $raisedButtonShadow; + } + + &.p-button-rounded { + border-radius: $roundedButtonBorderRadius; + + > .p-button { + border-radius: $roundedButtonBorderRadius; + } + } + + &.p-button-sm { + > .p-button { + @include scaledFontSize($fontSize, $scaleSM); + @include scaledPadding($buttonPadding, $scaleSM); + + .p-button-icon { + @include scaledFontSize($primeIconFontSize, $scaleSM); + } + } + } + + &.p-button-lg { + > .p-button { + @include scaledFontSize($fontSize, $scaleLG); + @include scaledPadding($buttonPadding, $scaleLG); + + .p-button-icon { + @include scaledFontSize($primeIconFontSize, $scaleLG); + } + } + } +} + +.p-splitbutton.p-button-secondary { + &.p-button-outlined { + > .p-button { + background-color: transparent; + color: $secondaryButtonBg; + border: $outlinedButtonBorder; + + &:not(:disabled):hover { + background: rgba($secondaryButtonBg, $textButtonHoverBgOpacity); + color: $secondaryButtonBg; + } + + &:not(:disabled):active { + background: rgba( + $secondaryButtonBg, + $textButtonActiveBgOpacity + ); + color: $secondaryButtonBg; + } + } + } + + &.p-button-text { + > .p-button { + background-color: transparent; + color: $secondaryButtonBg; + border-color: transparent; + + &:not(:disabled):hover { + background: rgba($secondaryButtonBg, $textButtonHoverBgOpacity); + border-color: transparent; + color: $secondaryButtonBg; + } + + &:not(:disabled):active { + background: rgba( + $secondaryButtonBg, + $textButtonActiveBgOpacity + ); + border-color: transparent; + color: $secondaryButtonBg; + } + } + } +} + +.p-splitbutton.p-button-info { + &.p-button-outlined { + > .p-button { + background-color: transparent; + color: $infoButtonBg; + border: $outlinedButtonBorder; + + &:not(:disabled):hover { + background: rgba($infoButtonBg, $textButtonHoverBgOpacity); + color: $infoButtonBg; + } + + &:not(:disabled):active { + background: rgba($infoButtonBg, $textButtonActiveBgOpacity); + color: $infoButtonBg; + } + } + } + + &.p-button-text { + > .p-button { + background-color: transparent; + color: $infoButtonBg; + border-color: transparent; + + &:not(:disabled):hover { + background: rgba($infoButtonBg, $textButtonHoverBgOpacity); + border-color: transparent; + color: $infoButtonBg; + } + + &:not(:disabled):active { + background: rgba($infoButtonBg, $textButtonActiveBgOpacity); + border-color: transparent; + color: $infoButtonBg; + } + } + } +} + +.p-splitbutton.p-button-success { + &.p-button-outlined { + > .p-button { + background-color: transparent; + color: $successButtonBg; + border: $outlinedButtonBorder; + + &:not(:disabled):hover { + background: rgba($successButtonBg, $textButtonHoverBgOpacity); + color: $successButtonBg; + } + + &:not(:disabled):active { + background: rgba($successButtonBg, $textButtonActiveBgOpacity); + color: $successButtonBg; + } + } + } + + &.p-button-text { + > .p-button { + background-color: transparent; + color: $successButtonBg; + border-color: transparent; + + &:not(:disabled):hover { + background: rgba($successButtonBg, $textButtonHoverBgOpacity); + border-color: transparent; + color: $successButtonBg; + } + + &:not(:disabled):active { + background: rgba($successButtonBg, $textButtonActiveBgOpacity); + border-color: transparent; + color: $successButtonBg; + } + } + } +} + +.p-splitbutton.p-button-warning { + &.p-button-outlined { + > .p-button { + background-color: transparent; + color: $warningButtonBg; + border: $outlinedButtonBorder; + + &:not(:disabled):hover { + background: rgba($warningButtonBg, $textButtonHoverBgOpacity); + color: $warningButtonBg; + } + + &:not(:disabled):active { + background: rgba($warningButtonBg, $textButtonActiveBgOpacity); + color: $warningButtonBg; + } + } + } + + &.p-button-text { + > .p-button { + background-color: transparent; + color: $warningButtonBg; + border-color: transparent; + + &:not(:disabled):hover { + background: rgba($warningButtonBg, $textButtonHoverBgOpacity); + border-color: transparent; + color: $warningButtonBg; + } + + &:not(:disabled):active { + background: rgba($warningButtonBg, $textButtonActiveBgOpacity); + border-color: transparent; + color: $warningButtonBg; + } + } + } +} + +.p-splitbutton.p-button-help { + &.p-button-outlined { + > .p-button { + background-color: transparent; + color: $helpButtonBg; + border: $outlinedButtonBorder; + + &:not(:disabled):hover { + background: rgba($helpButtonBg, $textButtonHoverBgOpacity); + color: $helpButtonBg; + } + + &:not(:disabled):active { + background: rgba($helpButtonBg, $textButtonActiveBgOpacity); + color: $helpButtonBg; + } + } + } + + &.p-button-text { + > .p-button { + background-color: transparent; + color: $helpButtonBg; + border-color: transparent; + + &:not(:disabled):hover { + background: rgba($helpButtonBg, $textButtonHoverBgOpacity); + border-color: transparent; + color: $helpButtonBg; + } + + &:not(:disabled):active { + background: rgba($helpButtonBg, $textButtonActiveBgOpacity); + border-color: transparent; + color: $helpButtonBg; + } + } + } +} + +.p-splitbutton.p-button-danger { + &.p-button-outlined { + > .p-button { + background-color: transparent; + color: $dangerButtonBg; + border: $outlinedButtonBorder; + + &:not(:disabled):hover { + background: rgba($dangerButtonBg, $textButtonHoverBgOpacity); + color: $dangerButtonBg; + } + + &:not(:disabled):active { + background: rgba($dangerButtonBg, $textButtonActiveBgOpacity); + color: $dangerButtonBg; + } + } + } + + &.p-button-text { + > .p-button { + background-color: transparent; + color: $dangerButtonBg; + border-color: transparent; + + &:not(:disabled):hover { + background: rgba($dangerButtonBg, $textButtonHoverBgOpacity); + border-color: transparent; + color: $dangerButtonBg; + } + + &:not(:disabled):active { + background: rgba($dangerButtonBg, $textButtonActiveBgOpacity); + border-color: transparent; + color: $dangerButtonBg; + } + } + } +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/data/_carousel.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/data/_carousel.scss new file mode 100644 index 000000000..87c56530f --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/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/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/data/_datatable.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/data/_datatable.scss new file mode 100644 index 000000000..be343f2fe --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/data/_datatable.scss @@ -0,0 +1,338 @@ +.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-visible { + box-shadow: $inputListItemFocusShadow; + outline: 0 none; + } + } + + .p-datatable-tbody { + > tr { + background: $tableBodyRowBg; + color: $tableBodyRowTextColor; + transition: $listItemTransition; + + > 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; + } + } + + &:focus-visible { + outline: 0.15rem solid $focusOutlineColor; + outline-offset: -0.15rem; + } + + &.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-scrollable > .p-datatable-wrapper > .p-datatable-table, + &.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table { + > .p-datatable-thead, + > .p-datatable-tfoot { + background-color: $tableHeaderCellBg; + } + } + + .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 0 1px 1px; + + &:last-child { + border-width: 1px; + } + } + } + } + + .p-datatable-tbody { + > tr { + > td { + border-width: 1px 0 0 1px; + + &:last-child { + border-width: 1px 1px 0 1px; + } + } + + &:last-child { + > td { + border-width: 1px 0 1px 1px; + + &:last-child { + border-width: 1px; + } + } + } + } + } + + .p-datatable-tfoot { + > tr { + > td { + border-width: 1px 0 1px 1px; + + &:last-child { + border-width: 1px 1px 1px 1px; + } + } + } + } + + .p-datatable-thead + .p-datatable-tfoot { + > tr { + > td { + border-width: 0 0 1px 1px; + + &:last-child { + border-width: 0 1px 1px 1px; + } + } + } + } + + &:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody { + > tr { + > td { + border-width: 0 0 1px 1px; + + &:last-child { + border-width: 0 1px 1px 1px; + } + } + } + } + + &:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody { + > tr { + &:last-child { + > td { + border-width: 0 0 0 1px; + + &:last-child { + border-width: 0 1px 0 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/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/data/_dataview.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/data/_dataview.scss new file mode 100644 index 000000000..02c81e7cb --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/data/_dataview.scss @@ -0,0 +1,46 @@ +.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-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/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/data/_filter.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/data/_filter.scss new file mode 100644 index 000000000..8eb91b74f --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/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-visible { + @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-visible { + @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-visible { + @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/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/data/_orderlist.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/data/_orderlist.scss new file mode 100644 index 000000000..dd8f57df2 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/data/_orderlist.scss @@ -0,0 +1,119 @@ +.p-orderlist { + .p-orderlist-controls { + padding: $panelContentPadding; + + .p-button { + margin-bottom: $inlineSpacing; + } + } + + .p-orderlist-list-container { + background: $panelContentBg; + border: $panelContentBorder; + border-radius: $borderRadius; + transition: $formElementTransition; + outline-color: transparent; + + &.p-focus { + @include focused-input(); + } + } + + .p-orderlist-header { + color: $panelHeaderTextColor; + padding: $panelHeaderPadding; + font-weight: $panelHeaderFontWeight; + .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 { + color: $panelContentTextColor; + padding: $inputListPadding; + outline: 0 none; + &:not(:first-child) { + border-top: $panelContentBorder; + } + .p-orderlist-item { + padding: $inputListItemPadding; + margin: $inputListItemMargin; + border: $inputListItemBorder; + color: $inputListItemTextColor; + background: $inputListItemBg; + transition: $listItemTransition; + + &:not(.p-highlight):hover { + background: $inputListItemHoverBg; + color: $inputListItemTextHoverColor; + } + + &.p-focus { + color: $inputListItemTextFocusColor; + background: $inputListItemFocusBg; + } + + &.p-highlight { + color: $highlightTextColor; + background: $highlightBg; + + &.p-focus { + background: $highlightFocusBg; + } + } + } + + .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-striped { + .p-orderlist-list { + .p-orderlist-item:nth-child(even) { + background: $panelContentEvenRowBg; + + &:hover { + background: $inputListItemHoverBg; + } + } + } + } +} + +.p-orderlist-item { + &.cdk-drag-preview { + padding: $inputListItemPadding; + box-shadow: $inputOverlayShadow; + border: $inputListItemBorder; + color: $inputListItemTextColor; + background: $panelContentBg; + margin: 0; + } +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/data/_organizationchart.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/data/_organizationchart.scss new file mode 100644 index 000000000..776bbea30 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/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-visible { + @include focused(); + } + } +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/data/_paginator.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/data/_paginator.scss new file mode 100644 index 000000000..b4681b7aa --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/data/_paginator.scss @@ -0,0 +1,92 @@ +.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: $paginatorElementBorderRadius; + border-bottom-left-radius: $paginatorElementBorderRadius; + } + + .p-paginator-last { + border-top-right-radius: $paginatorElementBorderRadius; + border-bottom-right-radius: $paginatorElementBorderRadius; + } + + .p-dropdown { + margin-left: $inlineSpacing; + margin-right: $inlineSpacing; + height: $paginatorElementHeight; + + .p-dropdown-label { + padding-right: 0; + } + } + + .p-paginator-page-input { + margin-left: $inlineSpacing; + margin-right: $inlineSpacing; + + .p-inputtext { + max-width: $paginatorElementWidth; + } + } + + .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/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/data/_picklist.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/data/_picklist.scss new file mode 100644 index 000000000..e448cc7e1 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/data/_picklist.scss @@ -0,0 +1,121 @@ +.p-picklist { + .p-picklist-buttons { + padding: $panelContentPadding; + + .p-button { + margin-bottom: $inlineSpacing; + } + } + + .p-picklist-list-wrapper { + background: $panelContentBg; + border: $panelContentBorder; + border-radius: $borderRadius; + transition: $formElementTransition; + outline-color: transparent; + + &.p-focus { + @include focused-input(); + } + } + + .p-picklist-header { + color: $panelHeaderTextColor; + padding: $panelHeaderPadding; + font-weight: $panelHeaderFontWeight; + + .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 { + color: $panelContentTextColor; + padding: $inputListPadding; + outline: 0 none; + + &:not(:first-child) { + border-top: $panelContentBorder; + } + .p-picklist-item { + padding: $inputListItemPadding; + margin: $inputListItemMargin; + border: $inputListItemBorder; + color: $inputListItemTextColor; + background: $inputListItemBg; + transition: $listItemTransition; + + &:not(.p-highlight):hover { + background: $inputListItemHoverBg; + color: $inputListItemTextHoverColor; + } + + &.p-focus { + color: $inputListItemTextFocusColor; + background: $inputListItemFocusBg; + } + + &.p-highlight { + color: $highlightTextColor; + background: $highlightBg; + + &.p-focus { + background: $highlightFocusBg; + } + } + } + + .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-striped { + .p-picklist-list { + .p-picklist-item:nth-child(even) { + background: $panelContentEvenRowBg; + + &:hover { + background: $inputListItemHoverBg; + } + } + } + } +} + +.p-picklist-item { + &.cdk-drag-preview { + padding: $inputListItemPadding; + box-shadow: $inputOverlayShadow; + border: $inputListItemBorder; + color: $inputListItemTextColor; + background: $panelContentBg; + margin: 0; + } +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/data/_timeline.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/data/_timeline.scss new file mode 100644 index 000000000..5767491d5 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/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/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/data/_tree.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/data/_tree.scss new file mode 100644 index 000000000..bf1f30501 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/data/_tree.scss @@ -0,0 +1,150 @@ +.p-tree { + border: $panelContentBorder; + background: $panelContentBg; + color: $panelContentTextColor; + padding: $panelContentPadding; + border-radius: $borderRadius; + + .p-tree-container { + .p-treenode { + padding: $treeNodePadding; + outline: 0 none; + + &:focus > .p-treenode-content { + @include focused-listitem(); + } + + .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; + } + } + } + + &.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-icon { + width: $loadingIconFontSize; + height: $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/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/data/_treetable.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/data/_treetable.scss new file mode 100644 index 000000000..017099695 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/data/_treetable.scss @@ -0,0 +1,256 @@ +.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; + + > td { + text-align: $tableCellContentAlignment; + border: $tableBodyCellBorder; + border-width: $tableBodyCellBorderWidth; + padding: $tableBodyCellPadding; + + .p-treetable-toggler { + @include action-icon(); + margin-right: $inlineSpacing; + + &.p-icon { + width: $loadingIconFontSize; + height: $loadingIconFontSize; + } + } + + p-treetablecheckbox .p-checkbox { + margin-right: $inlineSpacing; + + .p-indeterminate { + .p-checkbox-icon { + color: $textColor; + } + } + } + } + + &:focus-visible { + outline: 0.15rem solid $focusOutlineColor; + outline-offset: -0.15rem; + } + + &.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-icon { + width: $loadingIconFontSize; + height: $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/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/data/_virtualscroller.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/data/_virtualscroller.scss new file mode 100644 index 000000000..b1b3d3a31 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/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/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/file/_fileupload.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/file/_fileupload.scss new file mode 100644 index 000000000..0c7155c69 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/file/_fileupload.scss @@ -0,0 +1,64 @@ +.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-fileupload-highlight { + border-color: $fileUploadContentHoverBorder; + border-style: dashed; + background-color: $highlightBg; + } + } + + .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/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/input/_autocomplete.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/input/_autocomplete.scss new file mode 100644 index 000000000..12d64d168 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/input/_autocomplete.scss @@ -0,0 +1,136 @@ +@use 'sass:math'; + +.p-autocomplete { + .p-autocomplete-loader { + right: nth($inputPadding, 2); + } + + &.p-autocomplete-dd { + .p-autocomplete-loader { + right: nth($inputPadding, 2) + $buttonIconOnlyWidth; + } + } + + &:not(.p-disabled):hover { + .p-autocomplete-multiple-container { + border-color: $inputHoverBorderColor; + } + } + + &:not(.p-disabled).p-focus { + .p-autocomplete-multiple-container { + @include focused-input(); + } + } + + .p-autocomplete-multiple-container { + padding: math.div(nth($inputPadding, 1), 2) nth($inputPadding, 2); + gap: $inlineSpacing; + + .p-autocomplete-input-token { + padding: math.div(nth($inputPadding, 1), 2) 0; + + input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: $inputTextFontSize; + color: $textColor; + padding: 0; + margin: 0; + } + } + + .p-autocomplete-token { + padding: math.div(nth($inputPadding, 1), 2) nth($inputPadding, 2); + background: $chipBg; + color: $chipTextColor; + border-radius: $chipBorderRadius; + + .p-autocomplete-token-icon { + margin-left: $inlineSpacing; + } + + &.p-focus { + background: $chipFocusBg; + color: $chipFocusTextColor; + } + } + } + + &.p-invalid.p-component > .p-inputtext { + @include invalid-input(); + } +} + +.p-autocomplete-panel { + background: $inputOverlayBg; + color: $inputListTextColor; + border: $inputOverlayBorder; + border-radius: $borderRadius; + box-shadow: $inputOverlayShadow; + + .p-autocomplete-items { + padding: $inputListPadding; + + .p-autocomplete-item { + margin: $inputListItemMargin; + padding: $inputListItemPadding; + border: $inputListItemBorder; + color: $inputListItemTextColor; + background: $inputListItemBg; + transition: $listItemTransition; + border-radius: $inputListItemBorderRadius; + + &.p-highlight { + color: $highlightTextColor; + background: $highlightBg; + + &.p-focus { + background: $highlightFocusBg; + } + } + + &:not(.p-highlight):not(.p-disabled) { + &.p-focus { + color: $inputListItemTextFocusColor; + background: $inputListItemFocusBg; + } + + &:hover { + color: $inputListItemTextHoverColor; + background: $inputListItemHoverBg; + } + } + } + + .p-autocomplete-item-group { + margin: $submenuHeaderMargin; + padding: $submenuHeaderPadding; + color: $submenuHeaderTextColor; + background: $submenuHeaderBg; + font-weight: $submenuHeaderFontWeight; + } + } +} + +p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { + @include invalid-input(); +} + +p-autocomplete.p-autocomplete-clearable { + .p-inputtext { + padding-right: nth($inputPadding, 2) * 2 + $primeIconFontSize; + } + + .p-autocomplete-clear-icon { + color: $inputIconColor; + right: nth($inputPadding, 2); + } +} + +p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd { + .p-autocomplete-clear-icon { + color: $inputIconColor; + right: $buttonIconOnlyWidth + nth($inputPadding, 2); + } +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/input/_calendar.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/input/_calendar.scss new file mode 100644 index 000000000..c6e77012b --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/input/_calendar.scss @@ -0,0 +1,267 @@ +p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { + @include invalid-input(); +} + +.p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { + @include focused-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; + + .p-datepicker-year, + .p-datepicker-month { + color: $calendarHeaderTextColor; + transition: $actionIconTransition; + font-weight: $calendarHeaderFontWeight; + padding: $calendarHeaderCellPadding; + + &:enabled:hover { + color: $calendarMonthYearHeaderHoverTextColor; + } + } + + .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-yearpicker { + margin: $calendarTableMargin; + + .p-yearpicker-year { + padding: $calendarCellDatePadding; + transition: $listItemTransition; + border-radius: $borderRadius; + + &.p-highlight { + color: $highlightTextColor; + background: $highlightBg; + } + } + } + + &.p-datepicker-multiple-month { + .p-datepicker-group { + border-left: $divider; + padding-right: $calendarPadding; + padding-left: $calendarPadding; + padding-top: 0; + padding-bottom: 0; + + &:first-child { + padding-left: 0; + border-left: 0 none; + } + + &:last-child { + padding-right: 0; + } + } + } + + &: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-disabled) { + &:not(.p-highlight):hover { + background: $calendarCellDateHoverBg; + } + + &:focus { + @include focused(); + } + } + } + } + + .p-yearpicker { + .p-yearpicker-year { + &:not(.p-disabled) { + &:not(.p-highlight):hover { + background: $calendarCellDateHoverBg; + } + + &:focus { + @include focused(); + } + } + } + } + } + +} + +p-calendar.p-calendar-clearable { + .p-inputtext { + padding-right: nth($inputPadding, 2) * 2 + $primeIconFontSize; + } + + .p-calendar-clear-icon { + color: $inputIconColor; + right: nth($inputPadding, 2); + } +} + +p-calendar.p-calendar-clearable .p-calendar-w-btn { + .p-calendar-clear-icon { + color: $inputIconColor; + right: $buttonIconOnlyWidth + nth($inputPadding, 2); + } +} + +@media screen and (max-width: $calendarBreakpoint) { + .p-datepicker { + table { + th, td { + padding: $calendarCellDatePaddingSM; + } + } + } +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/input/_cascadeselect.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/input/_cascadeselect.scss new file mode 100644 index 000000000..0450c9ab9 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/input/_cascadeselect.scss @@ -0,0 +1,136 @@ +@use 'sass:math'; +.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-invalid.p-component { + @include invalid-input(); + } +} + +.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-highlight { + color: $highlightTextColor; + background: $highlightBg; + + &.p-focus { + background: $highlightFocusBg; + } + } + + &:not(.p-highlight):not(.p-disabled) { + &.p-focus { + color: $inputListItemTextFocusColor; + background: $inputListItemFocusBg; + } + + &:hover { + color: $inputListItemTextHoverColor; + background: $inputListItemHoverBg; + } + } + + + .p-cascadeselect-item-content { + padding: $inputListItemPadding; + } + + .p-cascadeselect-group-icon { + font-size: $menuitemSubmenuIconFontSize; + } + } + } +} + +.p-input-filled { + .p-cascadeselect { + background: $inputFilledBg; + + &:not(.p-disabled):hover { + background-color: $inputFilledHoverBg; + } + + &:not(.p-disabled).p-focus { + background-color: $inputFilledFocusBg; + } + } +} + +p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { + @include invalid-input(); +} + +p-cascadeselect.p-cascadeselect-clearable { + .p-cascadeselect-label { + padding-right: nth($inputPadding, 2); + } + + .p-cascadeselect-clear-icon { + color: $inputIconColor; + right: $inputGroupAddOnMinWidth; + } +} + +.p-overlay-modal { + .p-cascadeselect-sublist { + .p-cascadeselect-panel { + box-shadow: none; + border-radius: 0; + padding: math.div($inlineSpacing, 2) 0 math.div($inlineSpacing, 2) $inlineSpacing; + } + } + + .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { + transform: rotate(90deg); + } +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/input/_checkbox.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/input/_checkbox.scss new file mode 100644 index 000000000..5d79dfeea --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/input/_checkbox.scss @@ -0,0 +1,94 @@ +.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-icon { + width: $checkboxIconFontSize; + height: $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; + } + } + } +} + +p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { + @include invalid-input(); +} \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/input/_chips.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/input/_chips.scss new file mode 100644 index 000000000..588909401 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/input/_chips.scss @@ -0,0 +1,65 @@ +@use 'sass:math'; + +.p-chips { + &:not(.p-disabled):hover { + .p-chips-multiple-container { + border-color: $inputHoverBorderColor; + } + } + + &:not(.p-disabled).p-focus { + .p-chips-multiple-container { + @include focused-input(); + } + } + + .p-chips-multiple-container { + padding: math.div(nth($inputPadding, 1), 2) nth($inputPadding, 2); + gap: $inlineSpacing; + + .p-chips-token { + padding: math.div(nth($inputPadding, 1), 2) nth($inputPadding, 2); + margin-right: $inlineSpacing; + background: $chipBg; + color: $chipTextColor; + border-radius: $chipBorderRadius; + + &.p-focus { + background: $chipFocusBg; + color: $chipFocusTextColor; + } + + .p-chips-token-icon { + margin-left: $inlineSpacing; + } + } + + .p-chips-input-token { + padding: math.div(nth($inputPadding, 1), 2) 0; + + input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: $inputTextFontSize; + color: $textColor; + padding: 0; + margin: 0; + } + } + } +} + +p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { + @include invalid-input(); +} + +p-chips.p-chips-clearable { + .p-inputtext { + padding-right: nth($inputPadding, 2) + $primeIconFontSize; + } + + .p-chips-clear-icon { + color: $inputIconColor; + right: nth($inputPadding, 2); + } +} \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/input/_colorpicker.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/input/_colorpicker.scss new file mode 100644 index 000000000..b57ef484f --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/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: $colorPickerBorder; + + .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/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/input/_dropdown.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/input/_dropdown.scss new file mode 100644 index 000000000..8983b6eea --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/input/_dropdown.scss @@ -0,0 +1,151 @@ +.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; + } + + &:focus, + &: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-invalid.p-component { + @include invalid-input(); + } +} + +.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; + margin-right: -1 * (nth($inputPadding, 2) + $primeIconFontSize); + } + + .p-dropdown-filter-icon { + right: nth($inputPadding, 2); + color: $inputIconColor; + } + } + + .p-dropdown-items { + 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; + + &.p-focus { + background: $highlightFocusBg; + } + } + + &:not(.p-highlight):not(.p-disabled) { + &.p-focus { + color: $inputListItemTextFocusColor; + background: $inputListItemFocusBg; + } + + &:hover { + color: $inputListItemTextHoverColor; + background: $inputListItemHoverBg; + } + } + } + + .p-dropdown-item-group { + margin: $submenuHeaderMargin; + padding: $submenuHeaderPadding; + color: $submenuHeaderTextColor; + background: $submenuHeaderBg; + font-weight: $submenuHeaderFontWeight; + } + + .p-dropdown-empty-message { + padding: $inputListItemPadding; + color: $inputListItemTextColor; + background: $inputListItemBg; + } + } +} + +.p-input-filled { + .p-dropdown { + background: $inputFilledBg; + + &:not(.p-disabled):hover { + background-color: $inputFilledHoverBg; + } + + &:not(.p-disabled).p-focus { + background-color: $inputFilledFocusBg; + + .p-inputtext { + background-color: transparent; + } + } + } +} + +p-dropdown.ng-dirty.ng-invalid > .p-dropdown { + @include invalid-input(); +} \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/input/_editor.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/input/_editor.scss new file mode 100644 index 000000000..b10b2fa84 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/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/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/input/_inputgroup.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/input/_inputgroup.scss new file mode 100644 index 000000000..e93e7bf4c --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/input/_inputgroup.scss @@ -0,0 +1,74 @@ +.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-inputwrapper > .p-inputtext, + > .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, +.p-inputgroup > .p-inputwrapper:first-child > .p-component, +.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { + 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, +.p-inputgroup > .p-inputwrapper:last-child > .p-component, +.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { + 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/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/input/_inputmask.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/input/_inputmask.scss new file mode 100644 index 000000000..250ecd223 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/input/_inputmask.scss @@ -0,0 +1,16 @@ +@use 'sass:math'; + +p-inputmask.ng-dirty.ng-invalid > .p-inputtext { + @include invalid-input(); +} + +p-inputmask.p-inputmask-clearable { + .p-inputtext { + padding-right: nth($inputPadding, 2) * 2 + $primeIconFontSize; + } + + .p-inputmask-clear-icon { + color: $inputIconColor; + right: nth($inputPadding, 2); + } +} \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/input/_inputnumber.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/input/_inputnumber.scss new file mode 100644 index 000000000..93e307986 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/input/_inputnumber.scss @@ -0,0 +1,28 @@ +p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { + @include invalid-input(); +} + +p-inputnumber.p-inputnumber-clearable { + .p-inputnumber-input { + padding-right: nth($inputPadding, 2) * 2 + $primeIconFontSize; + } + + .p-inputnumber-clear-icon { + color: $inputIconColor; + right: nth($inputPadding, 2); + } +} + +p-inputnumber.p-inputnumber-clearable { + .p-inputnumber-buttons-stacked{ + .p-inputnumber-clear-icon { + right: $buttonIconOnlyWidth + nth($inputPadding, 2); + } + } + + .p-inputnumber-buttons-horizontal{ + .p-inputnumber-clear-icon { + right: $buttonIconOnlyWidth + nth($inputPadding, 2); + } + } +} \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/input/_inputswitch.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/input/_inputswitch.scss new file mode 100644 index 000000000..510081d45 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/input/_inputswitch.scss @@ -0,0 +1,60 @@ +@use 'sass:math'; + +.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: math.div(-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 > .p-inputswitch-slider { + @include invalid-input(); +} \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/input/_inputtext.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/input/_inputtext.scss new file mode 100644 index 000000000..0d524d3a2 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/input/_inputtext.scss @@ -0,0 +1,100 @@ +.p-inputtext { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + 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 > .p-icon-wrapper.p-icon, +.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 > .p-icon-wrapper, +.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/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/input/_listbox.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/input/_listbox.scss new file mode 100644 index 000000000..2a5c0ba9c --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/input/_listbox.scss @@ -0,0 +1,97 @@ +.p-listbox { + background: $inputListBg; + color: $inputListTextColor; + border: $inputListBorder; + border-radius: $borderRadius; + transition: $formElementTransition; + + .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; + outline: 0 none; + + .p-listbox-item { + margin: $inputListItemMargin; + padding: $inputListItemPadding; + border: $inputListItemBorder; + color: $inputListItemTextColor; + transition: $listItemTransition; + border-radius: $inputListItemBorderRadius; + + &.p-highlight { + color: $highlightTextColor; + background: $highlightBg; + } + + .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 { + &.p-highlight { + &.p-focus { + background: $highlightFocusBg; + } + } + + &:not(.p-highlight):not(.p-disabled) { + &.p-focus { + color: $inputListItemTextFocusColor; + background: $inputListItemFocusBg; + } + + &:hover { + color: $inputListItemTextHoverColor; + background: $inputListItemHoverBg; + } + } + } + } + + &.p-focus { + @include focused-input(); + } +} + +p-listbox.ng-dirty.ng-invalid > .p-listbox { + @include invalid-input(); +} \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/input/_multiselect.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/input/_multiselect.scss new file mode 100644 index 000000000..c08be048d --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/input/_multiselect.scss @@ -0,0 +1,179 @@ +@use 'sass:math'; + +.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: math.div(nth($inputPadding, 1), 2) nth($inputPadding, 2); + margin-right: $inlineSpacing; + background: $chipBg; + color: $chipTextColor; + border-radius: $chipBorderRadius; + + .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: math.div(nth($inputPadding, 1), 2) nth($inputPadding, 2); + } + } + } +} + +.p-multiselect-clearable { + .p-multiselect-label-container { + padding-right: nth($inputPadding, 2) + $primeIconFontSize; + } + + .p-multiselect-clear-icon { + color: $inputIconColor; + right: $inputGroupAddOnMinWidth; + } +} + +.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 { + 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; + + &.p-focus { + background: $highlightFocusBg; + } + } + + &:not(.p-highlight):not(.p-disabled) { + &.p-focus { + color: $inputListItemTextFocusColor; + background: $inputListItemFocusBg; + } + + &:hover { + color: $inputListItemTextHoverColor; + background: $inputListItemHoverBg; + } + } + + .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-input-filled { + .p-multiselect { + background: $inputFilledBg; + + &:not(.p-disabled):hover { + background-color: $inputFilledHoverBg; + } + + &:not(.p-disabled).p-focus { + background-color: $inputFilledFocusBg; + } + } + +} + +p-multiselect.ng-dirty.ng-invalid > .p-multiselect { + @include invalid-input(); +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/input/_password.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/input/_password.scss new file mode 100644 index 000000000..95411e11e --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/input/_password.scss @@ -0,0 +1,52 @@ +p-password.ng-invalid.ng-dirty > .p-password > .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; + } + } + } +} + +p-password.p-password-clearable { + .p-password-input { + padding-right: nth($inputPadding, 2) * 2 + $primeIconFontSize; + } + .p-password-clear-icon { + color: $inputIconColor; + right: nth($inputPadding, 2); + } +} + +p-password.p-password-clearable.p-password-mask{ + .p-password-input { + padding-right: nth($inputPadding, 2) * 3 + $primeIconFontSize * 2; + } + + .p-password-clear-icon { + color: $inputIconColor; + right: nth($inputPadding, 2) * 2 + $primeIconFontSize; + } +} \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/input/_radiobutton.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/input/_radiobutton.scss new file mode 100644 index 000000000..e56f0037b --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/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/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/input/_rating.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/input/_rating.scss new file mode 100644 index 000000000..87fc3797e --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/input/_rating.scss @@ -0,0 +1,60 @@ +@use 'sass:math'; + +.p-rating { + gap: $inlineSpacing; + + .p-rating-item { + .p-rating-icon { + color: $ratingStarIconOffColor; + transition: $formElementTransition; + font-size: $ratingIconFontSize; + + &.p-icon { + width: $ratingIconFontSize; + height: $ratingIconFontSize; + } + + &.p-rating-cancel { + color: $ratingCancelIconColor; + } + } + + &.p-focus { + @include focused-input(); + } + + &.p-rating-item-active { + .p-rating-icon { + color: $ratingStarIconOnColor; + } + } + } + + &:not(.p-disabled):not(.p-readonly) { + .p-rating-item { + &:hover { + .p-rating-icon { + color: $ratingStarIconHoverColor; + + &.p-rating-cancel { + color: $ratingCancelIconHoverColor; + } + } + } + } + } +} + +@if ($highlightBg == $ratingStarIconOnColor) { + .p-highlight { + .p-rating { + .p-rating-item { + &.p-rating-item-active { + .p-rating-icon { + color: $highlightTextColor; + } + } + } + } + } +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/input/_selectbutton.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/input/_selectbutton.scss new file mode 100644 index 000000000..7ef80de0a --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/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/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/input/_slider.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/input/_slider.scss new file mode 100644 index 000000000..9b1884776 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/input/_slider.scss @@ -0,0 +1,71 @@ +@use 'sass:math'; + +.p-slider { + background: $sliderBg; + border: $sliderBorder; + border-radius: $borderRadius; + + &.p-slider-horizontal { + height: $sliderHorizontalHeight; + + .p-slider-handle { + margin-top: math.div(-1 * $sliderHandleHeight, 2); + margin-left: math.div(-1 * $sliderHandleWidth, 2); + } + } + + &.p-slider-vertical { + width: $sliderVerticalWidth; + + .p-slider-handle { + margin-left: math.div(-1 * $sliderHandleWidth, 2); + margin-bottom: math.div(-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/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/input/_togglebutton.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/input/_togglebutton.scss new file mode 100644 index 000000000..b81bd263c --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/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/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/input/_treeselect.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/input/_treeselect.scss new file mode 100644 index 000000000..562f61887 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/input/_treeselect.scss @@ -0,0 +1,139 @@ +@use 'sass:math'; + +.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: math.div(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-treeselect.ng-invalid.ng-dirty > .p-treeselect { + @include invalid-input(); +} + +.p-inputwrapper-filled { + .p-treeselect { + &.p-treeselect-chip { + .p-treeselect-label { + padding: math.div(nth($inputPadding, 1), 2) nth($inputPadding, 2); + } + } + } +} + +.p-treeselect-panel { + background: $inputOverlayBg; + color: $inputListTextColor; + border: $inputOverlayBorder; + border-radius: $borderRadius; + box-shadow: $inputOverlayShadow; + + .p-treeselect-header { + padding: $inputListHeaderPadding; + border-bottom: $inputListHeaderBorder; + color: $inputListHeaderTextColor; + background: $inputOverlayHeaderBg; + margin: $inputListHeaderMargin; + border-top-right-radius: $borderRadius; + border-top-left-radius: $borderRadius; + + .p-treeselect-filter-container { + margin-right: $inlineSpacing; + + .p-treeselect-filter { + padding-right: nth($inputPadding, 2) + $primeIconFontSize; + } + + .p-treeselect-filter-icon { + right: nth($inputPadding, 2); + color: $inputIconColor; + } + + &.p-treeselect-clearable-filter { + .p-treeselect-filter { + padding-right: 2 * (nth($inputPadding, 2) + $primeIconFontSize); + } + + .p-treeselect-filter-clear-icon { + right: (2 * nth($inputPadding, 2)) + $primeIconFontSize; + } + } + } + + .p-treeselect-close { + @include action-icon(); + } + } + + .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; + } + } +} + +p-treeselect.p-treeselect-clearable { + .p-treeselect-label-container { + padding-right: nth($inputPadding, 2) + $primeIconFontSize; + } + + .p-treeselect-clear-icon { + color: $inputIconColor; + right: $buttonIconOnlyWidth; + } +} \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/menu/_breadcrumb.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/menu/_breadcrumb.scss new file mode 100644 index 000000000..5dd68b9f4 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/menu/_breadcrumb.scss @@ -0,0 +1,42 @@ +.p-breadcrumb { + background: $breadcrumbBg; + border: $breadcrumbBorder; + border-radius: $borderRadius; + padding: $breadcrumbPadding; + + .p-breadcrumb-list { + li { + .p-menuitem-link { + transition: $listItemTransition; + border-radius: $borderRadius; + + &:focus-visible { + @include focused(); + } + + .p-menuitem-text { + color: $breadcrumbItemTextColor; + } + + .p-menuitem-icon { + color: $breadcrumbItemIconColor; + } + } + + &.p-menuitem-separator { + margin: 0 $inlineSpacing 0 $inlineSpacing; + color: $breadcrumbSeparatorColor; + } + + &:last-child { + .p-menuitem-text { + color: $breadcrumbLastItemTextColor; + } + + .p-menuitem-icon { + color: $breadcrumbLastItemIconColor; + } + } + } + } +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/menu/_contextmenu.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/menu/_contextmenu.scss new file mode 100644 index 000000000..88964af2b --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/menu/_contextmenu.scss @@ -0,0 +1,39 @@ +.p-contextmenu { + padding: $verticalMenuPadding; + background: $overlayMenuBg; + color: $menuTextColor; + border: $overlayMenuBorder; + box-shadow: $overlayMenuShadow; + border-radius: $borderRadius; + width: $menuWidth; + + .p-contextmenu-root-list { + outline: 0 none; + } + + .p-submenu-list { + padding: $verticalMenuPadding; + background: $overlayMenuBg; + border: $overlayMenuBorder; + box-shadow: $overlayMenuShadow; + border-radius: $borderRadius; + } + + .p-menuitem { + @include menuitem(); + } + + .p-menuitem-separator { + border-top: $divider; + margin: $menuSeparatorMargin; + } + + .p-submenu-icon { + font-size: $menuitemSubmenuIconFontSize; + + &.p-icon { + width: $menuitemSubmenuIconFontSize; + height: $menuitemSubmenuIconFontSize; + } + } +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/menu/_dock.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/menu/_dock.scss new file mode 100644 index 000000000..0a144618c --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/menu/_dock.scss @@ -0,0 +1,95 @@ +.p-dock { + .p-dock-list-container { + background: $dockBg; + border: $dockBorder; + padding: $dockPadding; + border-radius: $dockBorderRadius; + + .p-dock-list { + outline: 0 none; + } + } + + .p-dock-item { + padding: $dockItemPadding; + border-radius: $dockItemBorderRadius; + + &.p-focus { + @include focused-listitem(); + } + } + + .p-dock-link { + 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; + } + } +} + +@media screen and (max-width: 960px) { + .p-dock { + &.p-dock-top, + &.p-dock-bottom { + .p-dock-list-container { + overflow-x: auto; + width: 100%; + + .p-dock-list { + margin: 0 auto; + } + } + } + + &.p-dock-left, + &.p-dock-right { + .p-dock-list-container { + overflow-y: auto; + height: 100%; + + .p-dock-list { + margin: auto 0; + } + } + } + + .p-dock-list { + .p-dock-item { + transform: none; + margin: 0; + } + } + } +} \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/menu/_megamenu.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/menu/_megamenu.scss new file mode 100644 index 000000000..2f2df84f3 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/menu/_megamenu.scss @@ -0,0 +1,55 @@ +.p-megamenu { + padding: $horizontalMenuPadding; + background: $horizontalMenuBg; + color: $horizontalMenuTextColor; + border: $horizontalMenuBorder; + border-radius: $borderRadius; + + .p-megamenu-root-list { + outline: 0 none; + } + + .p-menuitem { + @include menuitem(); + } + + .p-megamenu-panel { + background: $overlayMenuBg; + color: $menuTextColor; + border: $overlayMenuBorder; + box-shadow: $overlayMenuShadow; + } + + .p-submenu-header { + margin: $submenuHeaderMargin; + padding: $submenuHeaderPadding; + color: $submenuHeaderTextColor; + background: $submenuHeaderBg; + font-weight: $submenuHeaderFontWeight; + border-top-right-radius: $borderRadius; + border-top-left-radius: $borderRadius; + } + + .p-submenu-list { + padding: $verticalMenuPadding; + width: $menuWidth; + + .p-menuitem-separator { + border-top: $divider; + margin: $menuSeparatorMargin; + } + } + + &.p-megamenu-vertical { + width: $menuWidth; + padding: $verticalMenuPadding; + } + + &.p-megamenu-horizontal { + .p-megamenu-root-list { + > .p-menuitem { + @include horizontal-rootmenuitem(); + } + } + } +} \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/menu/_menu.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/menu/_menu.scss new file mode 100644 index 000000000..913419ae3 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/menu/_menu.scss @@ -0,0 +1,37 @@ +.p-menu { + padding: $verticalMenuPadding; + background: $menuBg; + color: $menuTextColor; + border: $menuBorder; + border-radius: $borderRadius; + width: $menuWidth; + + .p-menuitem { + @include menuitem(); + } + + &.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-menuitem-separator { + border-top: $divider; + margin: $menuSeparatorMargin; + } + + .p-menuitem-badge { + @include menuitem-badge(); + } +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/menu/_menubar.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/menu/_menubar.scss new file mode 100644 index 000000000..1fb2d8aca --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/menu/_menubar.scss @@ -0,0 +1,141 @@ +.p-menubar { + padding: $horizontalMenuPadding; + background: $horizontalMenuBg; + color: $horizontalMenuTextColor; + border: $horizontalMenuBorder; + border-radius: $borderRadius; + + .p-menubar-root-list { + outline: 0 none; + + > .p-menuitem { + @include horizontal-rootmenuitem(); + } + } + + .p-menuitem { + @include menuitem(); + } + + .p-submenu-list { + padding: $verticalMenuPadding; + background: $overlayMenuBg; + border: $overlayMenuBorder; + box-shadow: $overlayMenuShadow; + width: $menuWidth; + + .p-menuitem-separator { + border-top: $divider; + margin: $menuSeparatorMargin; + } + + .p-submenu-icon { + font-size: $menuitemSubmenuIconFontSize; + } + } +} + +@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-menuitem-separator { + border-top: $divider; + margin: $menuSeparatorMargin; + } + + .p-submenu-icon { + font-size: $menuitemSubmenuIconFontSize; + } + + .p-menuitem { + width: 100%; + position: static; + + .p-menuitem-content { + .p-menuitem-link { + .p-submenu-icon { + margin-left: auto; + transition: transform $transitionDuration; + } + } + } + + + &.p-menuitem-active { + > .p-menuitem-content { + > .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-content { + > .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/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/menu/_panelmenu.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/menu/_panelmenu.scss new file mode 100644 index 000000000..c5907c5f4 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/menu/_panelmenu.scss @@ -0,0 +1,153 @@ +.p-panelmenu { + .p-panelmenu-header { + outline: 0 none; + + .p-panelmenu-header-content { + border: $accordionHeaderBorder; + color: $accordionHeaderTextColor; + background: $accordionHeaderBg; + border-radius: $borderRadius; + transition: $listItemTransition; + + .p-panelmenu-header-action { + color: $accordionHeaderTextColor; + padding: $accordionHeaderPadding; + font-weight: $accordionHeaderFontWeight; + + .p-submenu-icon { + margin-right: $inlineSpacing; + } + + .p-menuitem-icon { + margin-right: $inlineSpacing; + } + } + } + + &:not(.p-disabled) { + &:focus-visible { + .p-panelmenu-header-content { + @include focused-inset(); + } + } + } + + &:not(.p-highlight):not(.p-disabled):hover { + .p-panelmenu-header-content { + background: $accordionHeaderHoverBg; + border-color: $accordionHeaderHoverBorderColor; + color: $accordionHeaderTextHoverColor; + } + } + + &:not(.p-disabled).p-highlight { + .p-panelmenu-header-content { + background: $accordionHeaderActiveBg; + border-color: $accordionHeaderActiveBorderColor; + color: $accordionHeaderTextActiveColor; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + margin-bottom: 0; + } + + &:hover { + .p-panelmenu-header-content { + border-color: $accordionHeaderActiveHoverBorderColor; + background: $accordionHeaderActiveHoverBg; + color: $accordionHeaderTextActiveHoverColor; + } + } + } + } + + .p-panelmenu-content { + padding: $verticalMenuPadding; + 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-panelmenu-root-list { + outline: 0 none; + } + + .p-menuitem { + @include menuitem(); + + .p-menuitem-content { + .p-menuitem-link { + .p-submenu-icon { + margin-right: $inlineSpacing; + } + } + } + } + + .p-menuitem-separator { + border-top: $divider; + margin: $menuSeparatorMargin; + } + + .p-submenu-list:not(.p-panelmenu-root-list) { + padding: $treeNodeChildrenPadding; + } + } + + .p-panelmenu-panel { + margin-bottom: $accordionSpacing; + + @if $accordionSpacing == 0 { + .p-panelmenu-header { + .p-panelmenu-header-content { + border-radius: 0; + } + } + + .p-panelmenu-content { + border-radius: 0; + } + + &:not(:first-child) { + .p-panelmenu-header { + .p-panelmenu-header-content { + border-top: 0 none; + } + + &:not(.p-highlight):not(.p-disabled):hover, + &:not(.p-disabled).p-highlight:hover { + .p-panelmenu-header-content { + border-top: 0 none; + } + } + } + } + + &:first-child { + .p-panelmenu-header { + .p-panelmenu-header-content { + border-top-right-radius: $borderRadius; + border-top-left-radius: $borderRadius; + } + } + } + + &:last-child { + .p-panelmenu-header:not(.p-highlight) { + .p-panelmenu-header-content { + 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/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/menu/_slidemenu.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/menu/_slidemenu.scss new file mode 100644 index 000000000..f69f1862b --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/menu/_slidemenu.scss @@ -0,0 +1,59 @@ +.p-slidemenu { + padding: $verticalMenuPadding; + background: $menuBg; + color: $menuTextColor; + border: $menuBorder; + border-radius: $borderRadius; + width: $menuWidth; + + .p-slidemenu-root-list { + outline: 0 none; + } + + .p-submenu-list { + outline: 0 none; + } + + .p-menuitem { + @include menuitem(); + } + + &.p-slidemenu-overlay { + background: $overlayMenuBg; + border: $overlayMenuBorder; + box-shadow: $overlayMenuShadow; + } + + .p-slidemenu-list { + padding: $verticalMenuPadding; + background: $overlayMenuBg; + border: $overlayMenuBorder; + box-shadow: $overlayMenuShadow; + } + + .p-menuitem-separator { + border-top: $divider; + margin: $menuSeparatorMargin; + } + + .p-slidemenu-icon { + font-size: $menuitemSubmenuIconFontSize; + } + + .p-icon { + width: $menuitemSubmenuIconFontSize; + height: $menuitemSubmenuIconFontSize; + } + + .p-slidemenu-backward { + padding: $menuitemPadding; + color: $menuitemTextColor; + &:not(.p-disabled):focus { + @include focused-inset(); + } + } + + .p-menuitem-badge { + @include menuitem-badge(); + } +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/menu/_steps.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/menu/_steps.scss new file mode 100644 index 000000000..9ad229707 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/menu/_steps.scss @@ -0,0 +1,56 @@ +@use 'sass:math'; + +.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-visible { + @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: math.div(-1 * $stepsItemNumberHeight, 2); + } + } +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/menu/_tabmenu.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/menu/_tabmenu.scss new file mode 100644 index 000000000..54ac8fb5f --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/menu/_tabmenu.scss @@ -0,0 +1,74 @@ +.p-tabmenu { + .p-tabmenu-nav { + background: $tabviewNavBg; + border: $tabviewNavBorder; + border-width: $tabviewNavBorderWidth; + + + .p-menuitem-badge { + @include menuitem-badge(); + } + + .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-visible { + @include focused-inset(); + } + } + + &: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; + } + } + } + } + + .p-tabmenu-left-icon { + margin-right: $inlineSpacing; + } + + .p-tabmenu-right-icon { + margin-left: $inlineSpacing; + } + + .p-tabmenu-nav-btn.p-link { + background: $tabviewHeaderActiveBg; + color: $tabviewHeaderTextActiveColor; + width: $buttonIconOnlyWidth; + box-shadow: $raisedButtonShadow; + border-radius: 0; + + &:focus { + @include focused-inset(); + } + } +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/menu/_tieredmenu.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/menu/_tieredmenu.scss new file mode 100644 index 000000000..205a241c7 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/menu/_tieredmenu.scss @@ -0,0 +1,43 @@ +.p-tieredmenu { + padding: $verticalMenuPadding; + background: $menuBg; + color: $menuTextColor; + border: $menuBorder; + border-radius: $borderRadius; + width: $menuWidth; + + &.p-tieredmenu-overlay { + background: $overlayMenuBg; + border: $overlayMenuBorder; + box-shadow: $overlayMenuShadow; + } + + .p-tieredmenu-root-list { + outline: 0 none; + } + + .p-submenu-list { + padding: $verticalMenuPadding; + background: $overlayMenuBg; + border: $overlayMenuBorder; + box-shadow: $overlayMenuShadow; + } + + .p-menuitem { + @include menuitem(); + } + + .p-menuitem-separator { + border-top: $divider; + margin: $menuSeparatorMargin; + } + + .p-submenu-icon { + font-size: $menuitemSubmenuIconFontSize; + + &.p-icon { + width: $menuitemSubmenuIconFontSize; + height: $menuitemSubmenuIconFontSize; + } + } +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/messages/_inlinemessage.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/messages/_inlinemessage.scss new file mode 100644 index 000000000..1ec21591c --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/messages/_inlinemessage.scss @@ -0,0 +1,69 @@ +.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-icon { + width: $inlineMessageIconFontSize; + height: $inlineMessageIconFontSize; + } + + .p-inline-message-text { + font-size: $inlineMessageTextFontSize; + } + + &.p-inline-message-icon-only { + .p-inline-message-icon { + margin-right: 0; + } + } +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/messages/_message.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/messages/_message.scss new file mode 100644 index 000000000..249372ab5 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/messages/_message.scss @@ -0,0 +1,107 @@ +.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,.5); + } + + &:focus-visible { + @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-icon { + width: $messageIconFontSize; + height: $messageIconFontSize; + } + + .p-message-summary { + font-weight: 700; + } + + .p-message-detail { + margin-left: $inlineSpacing; + } +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/messages/_toast.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/messages/_toast.scss new file mode 100644 index 000000000..4f25c93ea --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/messages/_toast.scss @@ -0,0 +1,100 @@ +.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-icon:not(.p-toast-icon-close-icon) { + width: $toastIconFontSize; + height: $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,.5); + } + + &:focus-visible { + @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/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/misc/_avatar.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/misc/_avatar.scss new file mode 100644 index 000000000..d169b82bd --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/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/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/misc/_badge.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/misc/_badge.scss new file mode 100644 index 000000000..96467bda8 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/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/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/misc/_blockui.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/misc/_blockui.scss new file mode 100644 index 000000000..e69de29bb diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/misc/_chip.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/misc/_chip.scss new file mode 100644 index 000000000..a689663be --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/misc/_chip.scss @@ -0,0 +1,42 @@ +@use 'sass:math'; + +.p-chip { + background-color: $chipBg; + color: $chipTextColor; + border-radius: $chipBorderRadius; + padding: 0 nth($inputPadding, 2); + + .p-chip-text { + line-height: 1.5; + margin-top: math.div(nth($inputPadding, 1), 2); + margin-bottom: math.div(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-visible { + @include focused(); + } + + &:focus { + outline: 0 none; + } + } +} \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/misc/_inplace.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/misc/_inplace.scss new file mode 100644 index 000000000..8f64b694f --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/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/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/misc/_progressbar.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/misc/_progressbar.scss new file mode 100644 index 000000000..7cf0ea687 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/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: $progressBarValueTextColor; + line-height: $progressBarHeight; + } +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/misc/_scrolltop.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/misc/_scrolltop.scss new file mode 100644 index 000000000..371c0d287 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/misc/_scrolltop.scss @@ -0,0 +1,25 @@ +.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; + } + + .p-icon { + width: $scrollTopFontSize; + height: $scrollTopFontSize; + } +} \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/misc/_skeleton.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/misc/_skeleton.scss new file mode 100644 index 000000000..24b3d9209 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/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/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/misc/_tag.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/misc/_tag.scss new file mode 100644 index 000000000..529d9739b --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/misc/_tag.scss @@ -0,0 +1,40 @@ +@use 'sass:math'; + +.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: math.div($inlineSpacing, 2); + font-size: $badgeFontSize; + } + + .p-icon { + width: $badgeFontSize; + height: $badgeFontSize; + } +} \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/misc/_terminal.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/misc/_terminal.scss new file mode 100644 index 000000000..43815bae5 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/misc/_terminal.scss @@ -0,0 +1,12 @@ +.p-terminal { + background: $panelContentBg; + color: $panelContentTextColor; + border: $panelContentBorder; + padding: $panelContentPadding; + + .p-terminal-input { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: $inputTextFontSize; + } +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/multimedia/_galleria.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/multimedia/_galleria.scss new file mode 100644 index 000000000..e57b320ee --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/multimedia/_galleria.scss @@ -0,0 +1,155 @@ +.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; + } + + .p-icon-wrapper { + .p-icon { + width: $galleriaCloseIconFontSize; + height: $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; + } + + .p-icon-wrapper { + .p-icon { + width: $galleriaCloseIconFontSize; + height: $galleriaCloseIconFontSize; + } + } + + &: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-visible { + @include focused(); + } + } + } +} + +.p-galleria-mask { + --maskbg: #{$galleriaMaskBg}; +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/multimedia/_image.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/multimedia/_image.scss new file mode 100644 index 000000000..4ec713ddc --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/multimedia/_image.scss @@ -0,0 +1,49 @@ +.p-image-mask { + --maskbg: #{$imageMaskBg}; +} + +.p-image-preview-indicator { + background-color: transparent; + color: $imagePreviewIndicatorColor; + transition: $actionIconTransition; +} + +.p-image-preview-container { + &:hover { + > .p-image-preview-indicator { + background-color: $imagePreviewIndicatorBg; + } + } +} + +.p-image-toolbar { + padding: $imagePreviewToolbarPadding; +} + +.p-image-action.p-link { + color: $imagePreviewActionIconColor; + background-color: $imagePreviewActionIconBg; + width: $imagePreviewActionIconWidth; + height: $imagePreviewActionIconHeight; + border-radius: $imagePreviewActionIconBorderRadius; + transition: $actionIconTransition; + margin-right: $inlineSpacing; + + &:last-child { + margin-right: 0; + } + + &:hover { + color: $imagePreviewActionIconHoverColor; + background-color: $imagePreviewActionIconHoverBg; + } + + i { + font-size: $imagePreviewActionIconFontSize; + } + + .p-icon { + width: $imagePreviewActionIconFontSize; + height: $imagePreviewActionIconFontSize; + } +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/overlay/_confirmpopup.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/overlay/_confirmpopup.scss new file mode 100644 index 000000000..d6659e1f5 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/overlay/_confirmpopup.scss @@ -0,0 +1,72 @@ +.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-icon { + width: $primeIconFontSize * 1.5; + height: $primeIconFontSize * 1.5; + } + } + + .p-confirm-popup-message { + margin-left: $inlineSpacing * 2; + } +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/overlay/_dialog.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/overlay/_dialog.scss new file mode 100644 index 000000000..091a6761b --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/overlay/_dialog.scss @@ -0,0 +1,69 @@ +.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; + + &:last-of-type { + border-bottom-right-radius: $borderRadius; + border-bottom-left-radius: $borderRadius; + } + } + + .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-icon { + width: $primeIconFontSize * 2; + height: $primeIconFontSize * 2; + } + } + + .p-confirm-dialog-message { + margin-left: $inlineSpacing * 2; + } + } +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/overlay/_overlaypanel.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/overlay/_overlaypanel.scss new file mode 100644 index 000000000..e6350413d --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/overlay/_overlaypanel.scss @@ -0,0 +1,64 @@ +@use 'sass:math'; + +.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: math.div(-1 * $actionIconWidth, 2); + right: math.div(-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: scale-color($overlayContentBg, $lightness: -5%); + } + @else { + border-color: rgba(nth($overlayContentBorder, 3), 0); + border-bottom-color: scale-color(nth($overlayContentBorder, 3), $lightness: -5%); + } + } + + &.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/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/overlay/_sidebar.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/overlay/_sidebar.scss new file mode 100644 index 000000000..55b3bd190 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/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-footer { + padding: $panelHeaderPadding; + } +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/overlay/_tooltip.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/overlay/_tooltip.scss new file mode 100644 index 000000000..47cce55d1 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/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/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/panel/_accordion.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/panel/_accordion.scss new file mode 100644 index 000000000..8afbc95e0 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/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-visible { + @include focused-inset(); + } + } + } + + &: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/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/panel/_card.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/panel/_card.scss new file mode 100644 index 000000000..f33312458 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/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/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/panel/_divider.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/panel/_divider.scss new file mode 100644 index 000000000..0f1719e81 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/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/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/panel/_fieldset.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/panel/_fieldset.scss new file mode 100644 index 000000000..2fb1d2efb --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/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-visible { + @include focused(); + } + } + + &:hover { + background: $panelHeaderHoverBg; + border-color: $panelHeaderHoverBorderColor; + color: $panelHeaderTextHoverColor; + } + } + } + + .p-fieldset-content { + padding: $panelContentPadding; + } +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/panel/_panel.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/panel/_panel.scss new file mode 100644 index 000000000..299e7e166 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/panel/_panel.scss @@ -0,0 +1,63 @@ +.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-top: 0 none; + + &:last-child { + border-bottom-right-radius: $borderRadius; + border-bottom-left-radius: $borderRadius; + } + } + + .p-panel-footer { + padding: $panelFooterPadding; + border: $panelFooterBorder; + background: $panelFooterBg; + color: $panelFooterTextColor; + border-bottom-right-radius: $borderRadius; + border-bottom-left-radius: $borderRadius; + border-top: 0 none; + } + + .p-panel-icons-end { + order: 2; + margin-left: auto; + } + + .p-panel-icons-start { + order: 0; + margin-right: $inlineSpacing; + } + + .p-panel-icons-center { + order: 2; + width:100%; + text-align:center; + } +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/panel/_scrollpanel.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/panel/_scrollpanel.scss new file mode 100644 index 000000000..192a3a20e --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/panel/_scrollpanel.scss @@ -0,0 +1,11 @@ +.p-scrollpanel { + .p-scrollpanel-bar { + background: $scrollPanelTrackBg; + border: $scrollPanelTrackBorder; + transition: $formElementTransition; + + &:focus-visible { + @include focused(); + } + } +} \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/panel/_splitter.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/panel/_splitter.scss new file mode 100644 index 000000000..2cc9e9969 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/panel/_splitter.scss @@ -0,0 +1,23 @@ +.p-splitter { + border: $panelContentBorder; + background: $panelContentBg; + border-radius: $borderRadius; + color: $panelContentTextColor; + + .p-splitter-gutter { + transition: $actionIconTransition; + background: $splitterGutterBg; + + .p-splitter-gutter-handle { + background: $splitterGutterHandleBg; + + &:focus-visible { + @include focused(); + } + } + } + + .p-splitter-gutter-resizing { + background: $splitterGutterHandleBg; + } +} \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/panel/_tabview.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/panel/_tabview.scss new file mode 100644 index 000000000..9fa621084 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/panel/_tabview.scss @@ -0,0 +1,82 @@ +.p-tabview { + .p-tabview-nav-content { + scroll-padding-inline: $buttonIconOnlyWidth; + } + + .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-visible { + @include focused-inset(); + } + } + + &: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-nav-btn.p-link { + background: $tabviewHeaderActiveBg; + color: $tabviewHeaderTextActiveColor; + width: $buttonIconOnlyWidth; + box-shadow: $raisedButtonShadow; + border-radius: 0; + + &:focus-visible { + @include focused-inset(); + } + } + + .p-tabview-panels { + background: $tabviewContentBg; + padding: $tabviewContentPadding; + border: $tabviewContentBorder; + color: $tabviewContentTextColor; + border-bottom-right-radius: $borderRadius; + border-bottom-left-radius: $borderRadius; + } +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/panel/_toolbar.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/panel/_toolbar.scss new file mode 100644 index 000000000..78d741508 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/theme-base/components/panel/_toolbar.scss @@ -0,0 +1,11 @@ +.p-toolbar { + background: $panelHeaderBg; + border: $panelHeaderBorder; + padding: $panelHeaderPadding; + border-radius: $borderRadius; + gap: $inlineSpacing; + + .p-toolbar-separator { + margin: 0 $inlineSpacing; + } +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/arya/_extensions.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/arya/_extensions.scss new file mode 100644 index 000000000..8c09b3240 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/arya/_extensions.scss @@ -0,0 +1,39 @@ +@layer primeng { + .p-carousel { + .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: $primaryColor; + } + } + + .p-galleria { + .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: $primaryColor; + } + + &.p-galleria-indicator-onitem { + .p-galleria-indicators { + .p-galleria-indicator { + &.p-highlight { + button { + background: $primaryColor; + } + } + } + } + } + } + + .p-datatable { + .p-datatable-tbody { + > tr { + &.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 $primaryColor; + } + + &.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 $primaryColor; + } + } + } + } +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/arya/_variables.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/arya/_variables.scss new file mode 100644 index 000000000..39a6b9d76 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/arya/_variables.scss @@ -0,0 +1,954 @@ +$colors: ( + "blue": #2196f3, + "green": #4caf50, + "yellow": #fbc02d, + "cyan": #00bcd4, + "pink": #e91e63, + "indigo": #3f51b5, + "teal": #009688, + "orange": #f57c00, + "bluegray": #607d8b, + "purple": #9c27b0, + "red": #ff4032, + "primary": $primaryColor, +) !default; + +//shades +$shade000: rgba(255, 255, 255, 0.87) !default; //text color +$shade100: rgba(255, 255, 255, 0.6) !default; //text secondary color +$shade600: #383838 !default; //input bg, border, divider +$shade500: #464646 !default; +$shade700: #2b2b2b !default; //unused +$shade800: #1e1e1e !default; //elevated surface +$shade900: #121212 !default; //ground surface + +$hoverBg: rgba(255, 255, 255, 0.03) !default; + +//global +$fontFamily: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, + Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default; +$fontSize: 1rem !default; +$fontWeight: normal !default; +$textColor: $shade000 !default; +$textSecondaryColor: $shade100 !default; +$borderRadius: 3px !default; +$transitionDuration: 0.2s !default; +$formElementTransition: background-color $transitionDuration, + color $transitionDuration, border-color $transitionDuration, + box-shadow $transitionDuration !default; +$actionIconTransition: background-color $transitionDuration, + color $transitionDuration, box-shadow $transitionDuration !default; +$listItemTransition: box-shadow $transitionDuration !default; +$primeIconFontSize: 1rem !default; +$divider: 1px solid $shade600 !default; +$inlineSpacing: 0.5rem !default; //spacing between inline elements +$disabledOpacity: 0.4 !default; //opacity of a disabled item +$maskBg: rgba(0, 0, 0, 0.4) !default; //modal mask bg color +$loadingIconFontSize: 2rem !default; +$errorColor: #ef9a9a !default; + +//scale +$scaleSM: 0.875 !default; +$scaleLG: 1.25 !default; + +//focus +$focusOutlineColor: $primaryLightColor !default; +$focusOutline: 0 none !default; +$focusOutlineOffset: 0 !default; +$focusShadow: 0 0 0 1px $focusOutlineColor !default; + +//action icons +$actionIconWidth: 2rem !default; +$actionIconHeight: 2rem !default; +$actionIconBg: transparent !default; +$actionIconBorder: 0 none !default; +$actionIconColor: $shade100 !default; +$actionIconHoverBg: $hoverBg !default; +$actionIconHoverBorderColor: transparent !default; +$actionIconHoverColor: $shade000 !default; +$actionIconBorderRadius: 50% !default; + +//input field (e.g. inputtext, spinner, inputmask) +$inputPadding: 0.5rem 0.5rem !default; +$inputTextFontSize: 1rem !default; +$inputBg: $shade900 !default; +$inputTextColor: $shade000 !default; +$inputIconColor: $shade100 !default; +$inputBorder: 1px solid $shade600 !default; +$inputHoverBorderColor: $primaryColor !default; +$inputFocusBorderColor: $primaryColor !default; +$inputErrorBorderColor: $errorColor !default; +$inputPlaceholderTextColor: $shade100 !default; +$inputFilledBg: $shade600 !default; +$inputFilledHoverBg: $inputFilledBg !default; +$inputFilledFocusBg: $inputFilledBg !default; + +//input groups +$inputGroupBg: $shade800 !default; +$inputGroupTextColor: $shade100 !default; +$inputGroupAddOnMinWidth: 2.357rem !default; + +//input lists (e.g. dropdown, autocomplete, multiselect, orderlist) +$inputListBg: $shade800 !default; +$inputListTextColor: $shade000 !default; +$inputListBorder: $inputBorder !default; +$inputListPadding: 0.5rem 0 !default; +$inputListItemPadding: 0.5rem 1rem !default; +$inputListItemBg: transparent !default; +$inputListItemTextColor: $shade000 !default; +$inputListItemHoverBg: $hoverBg !default; +$inputListItemTextHoverColor: $shade000 !default; +$inputListItemFocusBg: rgba(255, 255, 255, 0.09) !default; +$inputListItemTextFocusColor: $shade000 !default; +$inputListItemBorder: 0 none !default; +$inputListItemBorderRadius: 0 !default; +$inputListItemMargin: 0 !default; +$inputListItemFocusShadow: inset 0 0 0 0.15rem $focusOutlineColor !default; +$inputListHeaderPadding: 0.5rem 1rem !default; +$inputListHeaderMargin: 0 !default; +$inputListHeaderBg: $shade800 !default; +$inputListHeaderTextColor: $shade000 !default; +$inputListHeaderBorder: 0 none !default; + +//inputs with overlays (e.g. autocomplete, dropdown, multiselect) +$inputOverlayBg: $inputListBg !default; +$inputOverlayHeaderBg: $inputListHeaderBg !default; +$inputOverlayBorder: 1px solid $shade600 !default; +$inputOverlayShadow: 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) !default; + +//password +$passwordMeterBg: $shade600 !default; +$passwordWeakBg: #f48fb1 !default; +$passwordMediumBg: #ffe082 !default; +$passwordStrongBg: #c5e1a5 !default; + +//button +$buttonPadding: 0.5rem 1rem !default; +$buttonIconOnlyWidth: 2.357rem !default; +$buttonIconOnlyPadding: 0.5rem 0 !default; +$buttonBg: $primaryColor !default; +$buttonTextColor: $primaryTextColor !default; +$buttonBorder: 1px solid $primaryColor !default; +$buttonHoverBg: $primaryDarkColor !default; +$buttonTextHoverColor: $primaryTextColor !default; +$buttonHoverBorderColor: $primaryDarkColor !default; +$buttonActiveBg: $primaryDarkerColor !default; +$buttonTextActiveColor: $primaryTextColor !default; +$buttonActiveBorderColor: $primaryDarkerColor !default; +$raisedButtonShadow: 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) !default; +$roundedButtonBorderRadius: 2rem !default; + +$textButtonHoverBgOpacity: 0.04 !default; +$textButtonActiveBgOpacity: 0.16 !default; +$outlinedButtonBorder: 1px solid !default; +$plainButtonTextColor: $textSecondaryColor !default; +$plainButtonHoverBgColor: $hoverBg !default; +$plainButtonActiveBgColor: rgba(255, 255, 255, 0.16) !default; + +$secondaryButtonBg: #78909c !default; +$secondaryButtonTextColor: #ffffff !default; +$secondaryButtonBorder: 1px solid $secondaryButtonBg !default; +$secondaryButtonHoverBg: scale-color( + $secondaryButtonBg, + $lightness: -10% +) !default; +$secondaryButtonTextHoverColor: $secondaryButtonTextColor !default; +$secondaryButtonHoverBorderColor: scale-color( + $secondaryButtonBg, + $lightness: -10% +) !default; +$secondaryButtonActiveBg: scale-color( + $secondaryButtonBg, + $lightness: -20% +) !default; +$secondaryButtonTextActiveColor: $secondaryButtonTextColor !default; +$secondaryButtonActiveBorderColor: scale-color( + $secondaryButtonBg, + $lightness: -20% +) !default; +$secondaryButtonFocusShadow: 0 0 0 1px + scale-color($secondaryButtonBg, $lightness: 30%) !default; + +$infoButtonBg: #81d4fa !default; +$infoButtonTextColor: #121212 !default; +$infoButtonBorder: 1px solid $infoButtonBg !default; +$infoButtonHoverBg: scale-color($infoButtonBg, $lightness: -10%) !default; +$infoButtonTextHoverColor: $infoButtonTextColor !default; +$infoButtonHoverBorderColor: scale-color( + $infoButtonBg, + $lightness: -10% +) !default; +$infoButtonActiveBg: scale-color($infoButtonBg, $lightness: -20%) !default; +$infoButtonTextActiveColor: $infoButtonTextColor !default; +$infoButtonActiveBorderColor: scale-color( + $infoButtonBg, + $lightness: -20% +) !default; +$infoButtonFocusShadow: 0 0 0 1px scale-color($infoButtonBg, $lightness: 30%) !default; + +$successButtonBg: #c5e1a5 !default; +$successButtonTextColor: #121212 !default; +$successButtonBorder: 1px solid $successButtonBg !default; +$successButtonHoverBg: scale-color($successButtonBg, $lightness: -10%) !default; +$successButtonTextHoverColor: $successButtonTextColor !default; +$successButtonHoverBorderColor: scale-color( + $successButtonBg, + $lightness: -10% +) !default; +$successButtonActiveBg: scale-color( + $successButtonBg, + $lightness: -20% +) !default; +$successButtonTextActiveColor: $successButtonTextColor !default; +$successButtonActiveBorderColor: scale-color( + $successButtonBg, + $lightness: -20% +) !default; +$successButtonFocusShadow: 0 0 0 1px + scale-color($successButtonBg, $lightness: 30%) !default; + +$warningButtonBg: #ffe082 !default; +$warningButtonTextColor: #121212 !default; +$warningButtonBorder: 1px solid $warningButtonBg !default; +$warningButtonHoverBg: scale-color($warningButtonBg, $lightness: -10%) !default; +$warningButtonTextHoverColor: $warningButtonTextColor !default; +$warningButtonHoverBorderColor: scale-color( + $warningButtonBg, + $lightness: -10% +) !default; +$warningButtonActiveBg: scale-color( + $warningButtonBg, + $lightness: -20% +) !default; +$warningButtonTextActiveColor: $warningButtonTextColor !default; +$warningButtonActiveBorderColor: scale-color( + $warningButtonBg, + $lightness: -20% +) !default; +$warningButtonFocusShadow: 0 0 0 1px + scale-color($warningButtonBg, $lightness: 30%) !default; + +$helpButtonBg: #ce93d8 !default; +$helpButtonTextColor: #121212 !default; +$helpButtonBorder: 1px solid $helpButtonBg !default; +$helpButtonHoverBg: scale-color($helpButtonBg, $lightness: -10%) !default; +$helpButtonTextHoverColor: $helpButtonTextColor !default; +$helpButtonHoverBorderColor: scale-color( + $helpButtonBg, + $lightness: -10% +) !default; +$helpButtonActiveBg: scale-color($helpButtonBg, $lightness: -20%) !default; +$helpButtonTextActiveColor: $helpButtonTextColor !default; +$helpButtonActiveBorderColor: scale-color( + $helpButtonBg, + $lightness: -20% +) !default; +$helpButtonFocusShadow: 0 0 0 1px scale-color($helpButtonBg, $lightness: 30%) !default; + +$dangerButtonBg: #f48fb1 !default; +$dangerButtonTextColor: #121212 !default; +$dangerButtonBorder: 1px solid $dangerButtonBg !default; +$dangerButtonHoverBg: scale-color($dangerButtonBg, $lightness: -10%) !default; +$dangerButtonTextHoverColor: $dangerButtonTextColor !default; +$dangerButtonHoverBorderColor: scale-color( + $dangerButtonBg, + $lightness: -10% +) !default; +$dangerButtonActiveBg: scale-color($dangerButtonBg, $lightness: -20%) !default; +$dangerButtonTextActiveColor: $dangerButtonTextColor !default; +$dangerButtonActiveBorderColor: scale-color( + $dangerButtonBg, + $lightness: -20% +) !default; +$dangerButtonFocusShadow: 0 0 0 1px + scale-color($dangerButtonBg, $lightness: 30%) !default; + +$linkButtonColor: $primaryColor !default; +$linkButtonHoverColor: $primaryColor !default; +$linkButtonTextHoverDecoration: underline !default; +$linkButtonFocusShadow: 0 0 0 1px $focusOutlineColor !default; + +//checkbox +$checkboxWidth: 20px !default; +$checkboxHeight: 20px !default; +$checkboxBorder: 2px solid $shade600 !default; +$checkboxIconFontSize: 14px !default; +$checkboxActiveBorderColor: $primaryColor !default; +$checkboxActiveBg: $primaryColor !default; +$checkboxIconActiveColor: $primaryTextColor !default; +$checkboxActiveHoverBg: $primaryDarkerColor !default; +$checkboxIconActiveHoverColor: $primaryTextColor !default; +$checkboxActiveHoverBorderColor: $primaryDarkerColor !default; + +//radiobutton +$radiobuttonWidth: 20px !default; +$radiobuttonHeight: 20px !default; +$radiobuttonBorder: 2px solid $shade600 !default; +$radiobuttonIconSize: 12px !default; +$radiobuttonActiveBorderColor: $primaryColor !default; +$radiobuttonActiveBg: $primaryColor !default; +$radiobuttonIconActiveColor: $primaryTextColor !default; +$radiobuttonActiveHoverBg: $primaryDarkerColor !default; +$radiobuttonIconActiveHoverColor: $primaryTextColor !default; +$radiobuttonActiveHoverBorderColor: $primaryDarkerColor !default; + +//colorpicker +$colorPickerPreviewWidth: 2rem !default; +$colorPickerPreviewHeight: 2rem !default; +$colorPickerBg: $shade800 !default; +$colorPickerBorder: 1px solid $shade600 !default; +$colorPickerHandleColor: $shade000 !default; + +//togglebutton +$toggleButtonBg: $shade800 !default; +$toggleButtonBorder: 1px solid $shade600 !default; +$toggleButtonTextColor: $shade000 !default; +$toggleButtonIconColor: $shade100 !default; +$toggleButtonHoverBg: $hoverBg !default; +$toggleButtonHoverBorderColor: $shade600 !default; +$toggleButtonTextHoverColor: $shade000 !default; +$toggleButtonIconHoverColor: $shade100 !default; +$toggleButtonActiveBg: $primaryColor !default; +$toggleButtonActiveBorderColor: $primaryColor !default; +$toggleButtonTextActiveColor: $primaryTextColor !default; +$toggleButtonIconActiveColor: $primaryTextColor !default; +$toggleButtonActiveHoverBg: $primaryDarkColor !default; +$toggleButtonActiveHoverBorderColor: $primaryDarkColor !default; +$toggleButtonTextActiveHoverColor: $primaryTextColor !default; +$toggleButtonIconActiveHoverColor: $primaryTextColor !default; + +//inplace +$inplacePadding: $inputPadding !default; +$inplaceHoverBg: $hoverBg !default; +$inplaceTextHoverColor: $shade000 !default; + +//rating +$ratingIconFontSize: 1.143rem !default; +$ratingCancelIconColor: #f48fb1 !default; +$ratingCancelIconHoverColor: #f48fb1 !default; +$ratingStarIconOffColor: $shade000 !default; +$ratingStarIconOnColor: $primaryColor !default; +$ratingStarIconHoverColor: $primaryColor !default; + +//slider +$sliderBg: $shade600 !default; +$sliderBorder: 0 none !default; +$sliderHorizontalHeight: 0.286rem !default; +$sliderVerticalWidth: 0.286rem !default; +$sliderHandleWidth: 1.143rem !default; +$sliderHandleHeight: 1.143rem !default; +$sliderHandleBg: $shade600 !default; +$sliderHandleBorder: 2px solid $primaryColor !default; +$sliderHandleBorderRadius: 50% !default; +$sliderHandleHoverBorderColor: $primaryColor !default; +$sliderHandleHoverBg: $primaryColor !default; +$sliderRangeBg: $primaryColor !default; + +//calendar +$calendarTableMargin: 0.5rem 0 !default; +$calendarPadding: 0.5rem !default; +$calendarBg: $shade800 !default; +$calendarInlineBg: $calendarBg !default; +$calendarTextColor: $shade000 !default; +$calendarBorder: $inputListBorder !default; +$calendarOverlayBorder: $inputOverlayBorder !default; + +$calendarHeaderPadding: 0.5rem !default; +$calendarHeaderBg: $shade800 !default; +$calendarInlineHeaderBg: $calendarBg !default; +$calendarHeaderBorder: 1px solid $shade600 !default; +$calendarHeaderTextColor: $shade000 !default; +$calendarHeaderFontWeight: 600 !default; +$calendarHeaderCellPadding: 0.5rem !default; +$calendarMonthYearHeaderHoverTextColor: $primaryColor !default; + +$calendarCellDatePadding: 0.5rem !default; +$calendarCellDateWidth: 2.5rem !default; +$calendarCellDateHeight: 2.5rem !default; +$calendarCellDateBorderRadius: 50% !default; +$calendarCellDateBorder: 1px solid transparent !default; +$calendarCellDateHoverBg: $hoverBg !default; +$calendarCellDateTodayBg: transparent !default; +$calendarCellDateTodayBorderColor: transparent !default; +$calendarCellDateTodayTextColor: $primaryColor !default; + +$calendarButtonBarPadding: 1rem 0 !default; +$calendarTimePickerPadding: 0.5rem !default; +$calendarTimePickerElementPadding: 0 0.5rem !default; +$calendarTimePickerTimeFontSize: 1.25rem !default; + +$calendarBreakpoint: 769px !default; +$calendarCellDatePaddingSM: 0 !default; + +//input switch +$inputSwitchWidth: 3rem !default; +$inputSwitchHeight: 1.75rem !default; +$inputSwitchBorderRadius: 30px !default; +$inputSwitchHandleWidth: 1.25rem !default; +$inputSwitchHandleHeight: 1.25rem !default; +$inputSwitchHandleBorderRadius: 50% !default; +$inputSwitchSliderPadding: 0.25rem !default; +$inputSwitchSliderOffBg: $shade600 !default; +$inputSwitchHandleOffBg: $shade100 !default; +$inputSwitchSliderOffHoverBg: $hoverBg !default; +$inputSwitchSliderOnBg: $primaryColor !default; +$inputSwitchSliderOnHoverBg: $primaryDarkColor !default; +$inputSwitchHandleOnBg: $shade000 !default; + +//panel +$panelHeaderBorderColor: $shade600 !default; +$panelHeaderBorder: 1px solid $shade600 !default; +$panelHeaderBg: $shade800 !default; +$panelHeaderTextColor: $shade000 !default; +$panelHeaderFontWeight: 600 !default; +$panelHeaderPadding: 1rem !default; +$panelToggleableHeaderPadding: 0.5rem 1rem !default; + +$panelHeaderHoverBg: $hoverBg !default; +$panelHeaderHoverBorderColor: $shade600 !default; +$panelHeaderTextHoverColor: $shade000 !default; + +$panelContentBorderColor: $shade600 !default; +$panelContentBorder: 1px solid $shade600 !default; +$panelContentBg: $shade800 !default; +$panelContentEvenRowBg: rgba(255, 255, 255, 0.01) !default; +$panelContentTextColor: $shade000 !default; +$panelContentPadding: 1rem !default; + +$panelFooterBorder: 1px solid $shade600 !default; +$panelFooterBg: $shade800 !default; +$panelFooterTextColor: $shade000 !default; +$panelFooterPadding: 0.5rem 1rem !default; + +//accordion +$accordionSpacing: 0 !default; +$accordionHeaderBorder: $panelHeaderBorder !default; +$accordionHeaderBg: $panelHeaderBg !default; +$accordionHeaderTextColor: $panelHeaderTextColor !default; +$accordionHeaderFontWeight: $panelHeaderFontWeight !default; +$accordionHeaderPadding: $panelHeaderPadding !default; + +$accordionHeaderHoverBg: $hoverBg !default; +$accordionHeaderHoverBorderColor: $shade600 !default; +$accordionHeaderTextHoverColor: $shade000 !default; + +$accordionHeaderActiveBg: $panelHeaderBg !default; +$accordionHeaderActiveBorderColor: $shade600 !default; +$accordionHeaderTextActiveColor: $shade000 !default; + +$accordionHeaderActiveHoverBg: $hoverBg !default; +$accordionHeaderActiveHoverBorderColor: $shade600 !default; +$accordionHeaderTextActiveHoverColor: $shade000 !default; + +$accordionContentBorder: $panelContentBorder !default; +$accordionContentBg: $panelContentBg !default; +$accordionContentTextColor: $panelContentTextColor !default; +$accordionContentPadding: $panelContentPadding !default; + +//tabview +$tabviewNavBorder: 1px solid $shade600 !default; +$tabviewNavBorderWidth: 0 0 2px 0 !default; +$tabviewNavBg: transparent !default; + +$tabviewHeaderSpacing: 0 !default; +$tabviewHeaderBorder: solid $shade600 !default; +$tabviewHeaderBorderWidth: 0 0 2px 0 !default; +$tabviewHeaderBorderColor: transparent transparent $shade600 transparent !default; +$tabviewHeaderBg: $shade800 !default; +$tabviewHeaderTextColor: $shade100 !default; +$tabviewHeaderFontWeight: $panelHeaderFontWeight !default; +$tabviewHeaderPadding: $panelHeaderPadding !default; +$tabviewHeaderMargin: 0 0 -2px 0 !default; + +$tabviewHeaderHoverBg: $shade800 !default; +$tabviewHeaderHoverBorderColor: $primaryColor !default; +$tabviewHeaderTextHoverColor: $shade000 !default; + +$tabviewHeaderActiveBg: $shade800 !default; +$tabviewHeaderActiveBorderColor: $primaryColor !default; +$tabviewHeaderTextActiveColor: $primaryColor !default; + +$tabviewContentBorder: 0 none !default; +$tabviewContentBg: $shade800 !default; +$tabviewContentTextColor: $shade000 !default; +$tabviewContentPadding: $panelContentPadding !default; + +//upload +$fileUploadProgressBarHeight: 0.25rem !default; +$fileUploadContentPadding: 2rem 1rem !default; +$fileUploadContentHoverBorder: 1px dashed $primaryColor !default; + +//scrollpanel +$scrollPanelTrackBorder: 0 none !default; +$scrollPanelTrackBg: $shade600 !default; + +//card +$cardBodyPadding: 1rem !default; +$cardTitleFontSize: 1.5rem !default; +$cardTitleFontWeight: 700 !default; +$cardSubTitleFontWeight: 700 !default; +$cardSubTitleColor: $shade100 !default; +$cardContentPadding: 1rem 0 !default; +$cardFooterPadding: 1rem 0 0 0 !default; +$cardShadow: 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) !default; + +//editor +$editorToolbarBg: $panelHeaderBg !default; +$editorToolbarBorder: $panelHeaderBorder !default; +$editorToolbarPadding: $panelHeaderPadding !default; +$editorToolbarIconColor: $textSecondaryColor !default; +$editorToolbarIconHoverColor: $textColor !default; +$editorIconActiveColor: $primaryColor !default; +$editorContentBorder: $panelContentBorder !default; +$editorContentBg: $panelContentBg !default; + +//paginator +$paginatorBg: $shade800 !default; +$paginatorTextColor: $shade100 !default; +$paginatorBorder: solid $shade600 !default; +$paginatorBorderWidth: 1px !default; +$paginatorPadding: 0.5rem 1rem !default; +$paginatorElementWidth: 2.286em !default; +$paginatorElementHeight: 2.286em !default; +$paginatorElementBg: transparent !default; +$paginatorElementBorder: 0 none !default; +$paginatorElementIconColor: $shade100 !default; +$paginatorElementHoverBg: $hoverBg !default; +$paginatorElementHoverBorderColor: transparent !default; +$paginatorElementIconHoverColor: $shade000 !default; +$paginatorElementBorderRadius: $borderRadius !default; +$paginatorElementMargin: 0.143rem !default; +$paginatorElementPadding: 0 !default; + +//table +$tableHeaderBorder: 1px solid $shade600 !default; +$tableHeaderBorderWidth: 0 0 1px 0 !default; +$tableHeaderBg: $shade800 !default; +$tableHeaderTextColor: $shade100 !default; +$tableHeaderFontWeight: 600 !default; +$tableHeaderPadding: 1rem 1rem !default; + +$tableHeaderCellPadding: 1rem 1rem !default; +$tableHeaderCellBg: $shade800 !default; +$tableHeaderCellTextColor: $shade000 !default; +$tableHeaderCellFontWeight: 600 !default; +$tableHeaderCellBorder: 1px solid $shade600 !default; +$tableHeaderCellBorderWidth: 0 0 1px 0 !default; +$tableHeaderCellHoverBg: $hoverBg !default; +$tableHeaderCellTextHoverColor: $shade000 !default; +$tableHeaderCellIconColor: $shade100 !default; +$tableHeaderCellIconHoverColor: $shade000 !default; +$tableHeaderCellHighlightBg: $shade800 !default; +$tableHeaderCellHighlightTextColor: $primaryColor !default; +$tableHeaderCellHighlightHoverBg: $hoverBg !default; +$tableHeaderCellHighlightTextHoverColor: $primaryColor !default; +$tableSortableColumnBadgeSize: 1.143rem !default; + +$tableBodyRowBg: $shade800 !default; +$tableBodyRowTextColor: $shade000 !default; +$tableBodyRowEvenBg: #242424 !default; +$tableBodyRowHoverBg: $hoverBg !default; +$tableBodyRowTextHoverColor: $shade000 !default; +$tableBodyCellBorder: 1px solid $shade600 !default; +$tableBodyCellBorderWidth: 0 0 1px 0 !default; +$tableBodyCellPadding: 1rem 1rem !default; + +$tableFooterCellPadding: 1rem 1rem !default; +$tableFooterCellBg: $shade800 !default; +$tableFooterCellTextColor: $shade000 !default; +$tableFooterCellFontWeight: 600 !default; +$tableFooterCellBorder: 1px solid $shade600 !default; +$tableFooterCellBorderWidth: 0 0 1px 0 !default; +$tableResizerHelperBg: $primaryColor !default; + +$tableFooterBorder: 1px solid $shade600 !default; +$tableFooterBorderWidth: 0 0 1px 0 !default; +$tableFooterBg: $shade800 !default; +$tableFooterTextColor: $shade000 !default; +$tableFooterFontWeight: 600 !default; +$tableFooterPadding: 1rem 1rem !default; + +$tableCellContentAlignment: left !default; +$tableTopPaginatorBorderWidth: 1px 0 1px 0 !default; +$tableBottomPaginatorBorderWidth: 0 0 1px 0 !default; + +$tableScaleSM: 0.5 !default; +$tableScaleLG: 1.25 !default; + +//dataview +$dataViewContentPadding: 0 !default; +$dataViewContentBorder: 0 none !default; + +//tree +$treeContainerPadding: 0.286rem !default; +$treeNodePadding: 0.143rem !default; +$treeNodeContentPadding: 0 !default; +$treeNodeChildrenPadding: 0 0 0 1rem !default; +$treeNodeIconColor: $shade100 !default; + +//timeline +$timelineVerticalEventContentPadding: 0 1rem !default; +$timelineHorizontalEventContentPadding: 1rem 0 !default; +$timelineEventMarkerWidth: 1rem !default; +$timelineEventMarkerHeight: 1rem !default; +$timelineEventMarkerBorderRadius: 50% !default; +$timelineEventMarkerBorder: 2px solid $primaryColor !default; +$timelineEventMarkerBackground: $shade800 !default; +$timelineEventConnectorSize: 2px !default; +$timelineEventColor: $shade600 !default; + +//org chart +$organizationChartConnectorColor: $shade600 !default; + +//message +$messageMargin: 1rem 0 !default; +$messagePadding: 1rem 1.5rem !default; +$messageBorderWidth: 0 0 0 6px !default; +$messageIconFontSize: 1.5rem !default; +$messageTextFontSize: 1rem !default; +$messageTextFontWeight: 500 !default; + +//inline message +$inlineMessagePadding: $inputPadding !default; +$inlineMessageMargin: 0 !default; +$inlineMessageIconFontSize: 1rem !default; +$inlineMessageTextFontSize: 1rem !default; +$inlineMessageBorderWidth: 1px !default; + +//toast +$toastIconFontSize: 2rem !default; +$toastMessageTextMargin: 0 0 0 1rem !default; +$toastMargin: 0 0 1rem 0 !default; +$toastPadding: 1rem !default; +$toastBorderWidth: 0 0 0 6px !default; +$toastShadow: none !default; +$toastOpacity: 0.9 !default; +$toastTitleFontWeight: 700 !default; +$toastDetailMargin: $inlineSpacing 0 0 0 !default; + +//severities +$infoMessageBg: #b3e5fc !default; +$infoMessageBorder: solid scale-color($infoMessageBg, $lightness: -50%) !default; +$infoMessageTextColor: scale-color($infoMessageBg, $lightness: -75%) !default; +$infoMessageIconColor: scale-color($infoMessageBg, $lightness: -75%) !default; +$successMessageBg: #c8e6c9 !default; +$successMessageBorder: solid scale-color($successMessageBg, $lightness: -50%) !default; +$successMessageTextColor: scale-color( + $successMessageBg, + $lightness: -75% +) !default; +$successMessageIconColor: scale-color( + $successMessageBg, + $lightness: -75% +) !default; +$warningMessageBg: #ffecb3 !default; +$warningMessageBorder: solid scale-color($warningMessageBg, $lightness: -50%) !default; +$warningMessageTextColor: scale-color( + $warningMessageBg, + $lightness: -75% +) !default; +$warningMessageIconColor: scale-color( + $warningMessageBg, + $lightness: -75% +) !default; +$errorMessageBg: #ffcdd2 !default; +$errorMessageBorder: solid scale-color($errorMessageBg, $lightness: -50%) !default; +$errorMessageTextColor: scale-color($errorMessageBg, $lightness: -75%) !default; +$errorMessageIconColor: scale-color($errorMessageBg, $lightness: -75%) !default; + +//overlays +$overlayContentBorder: 1px solid $shade600 !default; +$overlayContentBg: $panelContentBg !default; +$overlayContainerShadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), + 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12) !default; + +//dialog +$dialogHeaderBg: $shade800 !default; +$dialogHeaderBorder: 0 none !default; +$dialogHeaderTextColor: $shade000 !default; +$dialogHeaderFontWeight: 600 !default; +$dialogHeaderFontSize: 1.25rem !default; +$dialogHeaderPadding: 1.5rem !default; +$dialogContentPadding: 0 1.5rem 2rem 1.5rem !default; +$dialogFooterBorder: 0 none !default; +$dialogFooterPadding: 0 1.5rem 1.5rem 1.5rem !default; + +//confirmpopup +$confirmPopupContentPadding: $panelContentPadding !default; +$confirmPopupFooterPadding: 0 1rem 1rem 1rem !default; + +//tooltip +$tooltipBg: $shade600 !default; +$tooltipTextColor: $shade000 !default; +$tooltipPadding: $inputPadding !default; + +//steps +$stepsItemBg: transparent !default; +$stepsItemBorder: 0 none !default; +$stepsItemTextColor: $shade100 !default; +$stepsItemNumberWidth: 2rem !default; +$stepsItemNumberHeight: 2rem !default; +$stepsItemNumberFontSize: 1.143rem !default; +$stepsItemNumberColor: $shade000 !default; +$stepsItemNumberBorderRadius: 50% !default; +$stepsItemActiveFontWeight: 600 !default; + +//progressbar +$progressBarHeight: 1.5rem !default; +$progressBarBorder: 0 none !default; +$progressBarBg: $shade600 !default; +$progressBarValueBg: $primaryColor !default; +$progressBarValueTextColor: $primaryTextColor !default; + +//menu (e.g. menu, menubar, tieredmenu) +$menuWidth: 12.5rem !default; +$menuBg: $shade800 !default; +$menuBorder: 1px solid $shade600 !default; +$menuTextColor: $shade000 !default; +$menuitemPadding: 0.75rem 1rem !default; +$menuitemBorderRadius: 0 !default; +$menuitemTextColor: $shade000 !default; +$menuitemIconColor: $shade100 !default; +$menuitemTextHoverColor: $shade000 !default; +$menuitemIconHoverColor: $shade000 !default; +$menuitemHoverBg: $hoverBg !default; +$menuitemTextFocusColor: $shade000 !default; +$menuitemIconFocusColor: $shade000 !default; +$menuitemFocusBg: rgba(255, 255, 255, 0.09) !default; +$menuitemTextActiveColor: $shade000 !default; +$menuitemIconActiveColor: $shade000 !default; +$menuitemActiveBg: $hoverBg !default; +$menuitemActiveFocusBg: $hoverBg !default; +$menuitemSubmenuIconFontSize: 0.875rem !default; +$submenuHeaderMargin: 0 !default; +$submenuHeaderPadding: 0.75rem 1rem !default; +$submenuHeaderBg: $shade800 !default; +$submenuHeaderTextColor: $shade000 !default; +$submenuHeaderBorderRadius: 0 !default; +$submenuHeaderFontWeight: 600 !default; +$overlayMenuBg: $menuBg !default; +$overlayMenuBorder: 1px solid $shade600 !default; +$overlayMenuShadow: 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) !default; +$verticalMenuPadding: 0.25rem 0 !default; +$verticalMenuitemMargin: 0 !default; +$menuSeparatorMargin: 0.25rem 0 !default; + +$breadcrumbPadding: 1rem !default; +$breadcrumbBg: $menuBg !default; +$breadcrumbBorder: $menuBorder !default; +$breadcrumbItemTextColor: $menuitemTextColor !default; +$breadcrumbItemIconColor: $menuitemIconColor !default; +$breadcrumbLastItemTextColor: $menuitemTextColor !default; +$breadcrumbLastItemIconColor: $menuitemIconColor !default; +$breadcrumbSeparatorColor: $menuitemTextColor !default; + +$horizontalMenuPadding: 0.5rem !default; +$horizontalMenuBg: $menuBg !default; +$horizontalMenuBorder: $menuBorder !default; +$horizontalMenuTextColor: $menuTextColor !default; +$horizontalMenuRootMenuitemPadding: $menuitemPadding !default; +$horizontalMenuRootMenuitemBorderRadius: $borderRadius !default; +$horizontalMenuRootMenuitemTextColor: $menuitemTextColor !default; +$horizontalMenuRootMenuitemIconColor: $menuitemIconColor !default; +$horizontalMenuRootMenuitemTextHoverColor: $menuitemTextHoverColor !default; +$horizontalMenuRootMenuitemIconHoverColor: $menuitemIconHoverColor !default; +$horizontalMenuRootMenuitemHoverBg: $menuitemHoverBg !default; +$horizontalMenuRootMenuitemTextActiveColor: $menuitemTextActiveColor !default; +$horizontalMenuRootMenuitemIconActiveColor: $menuitemIconActiveColor !default; +$horizontalMenuRootMenuitemActiveBg: $menuitemActiveBg !default; + +//badge and tag +$badgeBg: $primaryColor !default; +$badgeTextColor: $primaryTextColor !default; +$badgeMinWidth: 1.5rem !default; +$badgeHeight: 1.5rem !default; +$badgeFontWeight: 700 !default; +$badgeFontSize: 0.75rem !default; + +$tagPadding: 0.25rem 0.4rem !default; + +//carousel +$carouselIndicatorsPadding: 1rem !default; +$carouselIndicatorBg: $shade600 !default; +$carouselIndicatorHoverBg: scale-color($shade600, $lightness: 10%) !default; +$carouselIndicatorBorderRadius: 0 !default; +$carouselIndicatorWidth: 2rem !default; +$carouselIndicatorHeight: 0.5rem !default; + +//galleria +$galleriaMaskBg: rgba(0, 0, 0, 0.9) !default; +$galleriaCloseIconMargin: 0.5rem !default; +$galleriaCloseIconFontSize: 2rem !default; +$galleriaCloseIconBg: transparent !default; +$galleriaCloseIconColor: #f8f9fa !default; +$galleriaCloseIconHoverBg: rgba(255, 255, 255, 0.1) !default; +$galleriaCloseIconHoverColor: #f8f9fa !default; +$galleriaCloseIconWidth: 4rem !default; +$galleriaCloseIconHeight: 4rem !default; +$galleriaCloseIconBorderRadius: 50% !default; + +$galleriaItemNavigatorBg: transparent !default; +$galleriaItemNavigatorColor: #f8f9fa !default; +$galleriaItemNavigatorMargin: 0 0.5rem !default; +$galleriaItemNavigatorFontSize: 2rem !default; +$galleriaItemNavigatorHoverBg: rgba(255, 255, 255, 0.1) !default; +$galleriaItemNavigatorHoverColor: #f8f9fa !default; +$galleriaItemNavigatorWidth: 4rem !default; +$galleriaItemNavigatorHeight: 4rem !default; +$galleriaItemNavigatorBorderRadius: $borderRadius !default; + +$galleriaCaptionBg: rgba(0, 0, 0, 0.5) !default; +$galleriaCaptionTextColor: #f8f9fa !default; +$galleriaCaptionPadding: 1rem !default; + +$galleriaIndicatorsPadding: 1rem !default; +$galleriaIndicatorBg: $shade600 !default; +$galleriaIndicatorHoverBg: scale-color($shade600, $lightness: 10%) !default; +$galleriaIndicatorBorderRadius: 50% !default; +$galleriaIndicatorWidth: 1rem !default; +$galleriaIndicatorHeight: 1rem !default; +$galleriaIndicatorsBgOnItem: rgba(0, 0, 0, 0.5) !default; +$galleriaIndicatorBgOnItem: rgba(255, 255, 255, 0.4) !default; +$galleriaIndicatorHoverBgOnItem: rgba(255, 255, 255, 0.6) !default; + +$galleriaThumbnailContainerBg: rgba(0, 0, 0, 0.9) !default; +$galleriaThumbnailContainerPadding: 1rem 0.25rem !default; +$galleriaThumbnailNavigatorBg: transparent !default; +$galleriaThumbnailNavigatorColor: #f8f9fa !default; +$galleriaThumbnailNavigatorHoverBg: rgba(255, 255, 255, 0.1) !default; +$galleriaThumbnailNavigatorHoverColor: #f8f9fa !default; +$galleriaThumbnailNavigatorBorderRadius: 50% !default; +$galleriaThumbnailNavigatorWidth: 2rem !default; +$galleriaThumbnailNavigatorHeight: 2rem !default; + +//divider +$dividerHorizontalMargin: 1rem 0 !default; +$dividerHorizontalPadding: 0 1rem !default; +$dividerVerticalMargin: 0 1rem !default; +$dividerVerticalPadding: 1rem 0 !default; +$dividerSize: 1px !default; +$dividerColor: $shade600 !default; + +//avatar +$avatarBg: $shade600 !default; +$avatarTextColor: $textColor !default; + +//chip +$chipBg: $shade600 !default; +$chipTextColor: $textColor !default; +$chipBorderRadius: 16px !default; +$chipFocusBg: $shade500 !default; +$chipFocusTextColor: $textColor !default; + +//scrollTop +$scrollTopBg: $highlightBg !default; +$scrollTopHoverBg: scale-color($highlightBg, $alpha: 24%) !default; +$scrollTopWidth: 3rem !default; +$scrollTopHeight: 3rem !default; +$scrollTopBorderRadius: 50% !default; +$scrollTopFontSize: 1.5rem !default; +$scrollTopTextColor: $highlightTextColor !default; + +//skeleton +$skeletonBg: rgba(255, 255, 255, 0.06) !default; +$skeletonAnimationBg: rgba(255, 255, 255, 0.04) !default; + +//splitter +$splitterGutterBg: rgba(255, 255, 255, 0.03) !default; +$splitterGutterHandleBg: $shade600 !default; + +//speeddial +$speedDialButtonWidth: 4rem !default; +$speedDialButtonHeight: 4rem !default; +$speedDialButtonIconFontSize: 1.3rem !default; +$speedDialActionWidth: 3rem !default; +$speedDialActionHeight: 3rem !default; +$speedDialActionBg: $shade000 !default; +$speedDialActionHoverBg: $shade100 !default; +$speedDialActionTextColor: $shade900 !default; +$speedDialActionTextHoverColor: $shade900 !default; + +//dock +$dockActionWidth: 4rem !default; +$dockActionHeight: 4rem !default; +$dockItemPadding: 0.5rem !default; +$dockItemBorderRadius: $borderRadius !default; +$dockCurrentItemMargin: 1.5rem !default; +$dockFirstItemsMargin: 1.3rem !default; +$dockSecondItemsMargin: 0.9rem !default; +$dockBg: rgba(255, 255, 255, 0.1) !default; +$dockBorder: 1px solid rgba(255, 255, 255, 0.2) !default; +$dockPadding: 0.5rem 0.5rem !default; +$dockBorderRadius: 0.5rem !default; + +//image +$imageMaskBg: rgba(0, 0, 0, 0.9) !default; +$imagePreviewToolbarPadding: 1rem !default; +$imagePreviewIndicatorColor: #f8f9fa !default; +$imagePreviewIndicatorBg: rgba(0, 0, 0, 0.5) !default; +$imagePreviewActionIconBg: transparent !default; +$imagePreviewActionIconColor: #f8f9fa !default; +$imagePreviewActionIconHoverBg: rgba(255, 255, 255, 0.1) !default; +$imagePreviewActionIconHoverColor: #f8f9fa !default; +$imagePreviewActionIconWidth: 3rem !default; +$imagePreviewActionIconHeight: 3rem !default; +$imagePreviewActionIconFontSize: 1.5rem !default; +$imagePreviewActionIconBorderRadius: 50% !default; + +:root { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol"; + --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol"; + --surface-a: #{$shade800}; + --surface-b: #{$shade900}; + --surface-c: #{$hoverBg}; + --surface-d: #{$shade600}; + --surface-e: #{$shade800}; + --surface-f: #{$shade800}; + --text-color: #{$shade000}; + --text-color-secondary: #{$shade100}; + --primary-color: #{$primaryColor}; + --primary-color-text: #{$primaryTextColor}; + --surface-0: #121212; + --surface-50: #2a2a2a; + --surface-100: #414141; + --surface-200: #595959; + --surface-300: #717171; + --surface-400: #898989; + --surface-500: #a0a0a0; + --surface-600: #b8b8b8; + --surface-700: #d0d0d0; + --surface-800: #e7e7e7; + --surface-900: #ffffff; + --gray-50: #e7e7e7; + --gray-100: #d0d0d0; + --gray-200: #b8b8b8; + --gray-300: #a0a0a0; + --gray-400: #898989; + --gray-500: #717171; + --gray-600: #595959; + --gray-700: #414141; + --gray-800: #2a2a2a; + --gray-900: #121212; + --content-padding: #{$panelContentPadding}; + --inline-spacing: #{$inlineSpacing}; + --border-radius: #{$borderRadius}; + --surface-ground: #121212; + --surface-section: #121212; + --surface-card: #1e1e1e; + --surface-overlay: #1e1e1e; + --surface-border: #383838; + --surface-hover: rgba(255, 255, 255, 0.03); + --maskbg: #{$maskBg}; + --focus-ring: #{$focusShadow}; + --highlight-bg: #{$highlightBg}; + --highlight-text-color: #{$highlightTextColor}; + color-scheme: dark; +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/arya/arya-blue/_extensions.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/arya/arya-blue/_extensions.scss new file mode 100644 index 000000000..2c0ed92e3 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/arya/arya-blue/_extensions.scss @@ -0,0 +1,2 @@ +/* Customizations to the designer theme should be defined here */ +@import '../extensions'; \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/arya/arya-blue/_fonts.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/arya/arya-blue/_fonts.scss new file mode 100644 index 000000000..e38a3a604 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/arya/arya-blue/_fonts.scss @@ -0,0 +1 @@ +// Configuration for the font-face of the theme, defaults to the system font so left as blank \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/arya/arya-blue/_variables.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/arya/arya-blue/_variables.scss new file mode 100644 index 000000000..b4a508cf4 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/arya/arya-blue/_variables.scss @@ -0,0 +1,11 @@ +$primaryColor: #64B5F6 !default; +$primaryLightColor: scale-color($primaryColor, $lightness: 30%) !default; +$primaryDarkColor: scale-color($primaryColor, $lightness: -10%) !default; +$primaryDarkerColor: scale-color($primaryColor, $lightness: -20%) !default; +$primaryTextColor: #212529 !default; + +$highlightBg: rgba(100, 181, 246, .16) !default; +$highlightTextColor: rgba(255,255,255,.87) !default; +$highlightFocusBg: rgba($primaryColor, .24) !default; + +@import '../_variables'; diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/arya/arya-blue/theme.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/arya/arya-blue/theme.scss new file mode 100644 index 000000000..3c5738990 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/arya/arya-blue/theme.scss @@ -0,0 +1,4 @@ +@import './variables'; +@import './_fonts'; +@import '../../../theme-base/_components'; +@import './_extensions'; diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/arya/arya-green/_extensions.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/arya/arya-green/_extensions.scss new file mode 100644 index 000000000..2c0ed92e3 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/arya/arya-green/_extensions.scss @@ -0,0 +1,2 @@ +/* Customizations to the designer theme should be defined here */ +@import '../extensions'; \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/arya/arya-green/_fonts.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/arya/arya-green/_fonts.scss new file mode 100644 index 000000000..e38a3a604 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/arya/arya-green/_fonts.scss @@ -0,0 +1 @@ +// Configuration for the font-face of the theme, defaults to the system font so left as blank \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/arya/arya-green/_variables.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/arya/arya-green/_variables.scss new file mode 100644 index 000000000..60c24a838 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/arya/arya-green/_variables.scss @@ -0,0 +1,11 @@ +$primaryColor: #81C784 !default; +$primaryLightColor: scale-color($primaryColor, $lightness: 30%) !default; +$primaryDarkColor: scale-color($primaryColor, $lightness: -10%) !default; +$primaryDarkerColor: scale-color($primaryColor, $lightness: -20%) !default; +$primaryTextColor: #212529 !default; + +$highlightBg: rgba(129, 199, 132, .16) !default; +$highlightTextColor: rgba(255,255,255,.87) !default; +$highlightFocusBg: rgba($primaryColor, .24) !default; + +@import '../_variables'; diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/arya/arya-green/theme.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/arya/arya-green/theme.scss new file mode 100644 index 000000000..3c5738990 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/arya/arya-green/theme.scss @@ -0,0 +1,4 @@ +@import './variables'; +@import './_fonts'; +@import '../../../theme-base/_components'; +@import './_extensions'; diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/arya/arya-orange/_extensions.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/arya/arya-orange/_extensions.scss new file mode 100644 index 000000000..2c0ed92e3 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/arya/arya-orange/_extensions.scss @@ -0,0 +1,2 @@ +/* Customizations to the designer theme should be defined here */ +@import '../extensions'; \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/arya/arya-orange/_fonts.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/arya/arya-orange/_fonts.scss new file mode 100644 index 000000000..e38a3a604 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/arya/arya-orange/_fonts.scss @@ -0,0 +1 @@ +// Configuration for the font-face of the theme, defaults to the system font so left as blank \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/arya/arya-orange/_variables.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/arya/arya-orange/_variables.scss new file mode 100644 index 000000000..3f750e05d --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/arya/arya-orange/_variables.scss @@ -0,0 +1,11 @@ +$primaryColor: #FFD54F !default; +$primaryLightColor: scale-color($primaryColor, $lightness: 30%) !default; +$primaryDarkColor: scale-color($primaryColor, $lightness: -10%) !default; +$primaryDarkerColor: scale-color($primaryColor, $lightness: -20%) !default; +$primaryTextColor: #212529 !default; + +$highlightBg: rgba(255, 213, 79, 0.16) !default; +$highlightTextColor: rgba(255,255,255,.87) !default; +$highlightFocusBg: rgba($primaryColor, .24) !default; + +@import '../_variables' \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/arya/arya-orange/theme.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/arya/arya-orange/theme.scss new file mode 100644 index 000000000..3c5738990 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/arya/arya-orange/theme.scss @@ -0,0 +1,4 @@ +@import './variables'; +@import './_fonts'; +@import '../../../theme-base/_components'; +@import './_extensions'; diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/arya/arya-purple/_extensions.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/arya/arya-purple/_extensions.scss new file mode 100644 index 000000000..2c0ed92e3 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/arya/arya-purple/_extensions.scss @@ -0,0 +1,2 @@ +/* Customizations to the designer theme should be defined here */ +@import '../extensions'; \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/arya/arya-purple/_fonts.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/arya/arya-purple/_fonts.scss new file mode 100644 index 000000000..e38a3a604 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/arya/arya-purple/_fonts.scss @@ -0,0 +1 @@ +// Configuration for the font-face of the theme, defaults to the system font so left as blank \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/arya/arya-purple/_variables.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/arya/arya-purple/_variables.scss new file mode 100644 index 000000000..74eeeec3b --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/arya/arya-purple/_variables.scss @@ -0,0 +1,11 @@ +$primaryColor: #BA68C8 !default; +$primaryLightColor: scale-color($primaryColor, $lightness: 30%) !default; +$primaryDarkColor: scale-color($primaryColor, $lightness: -10%) !default; +$primaryDarkerColor: scale-color($primaryColor, $lightness: -20%) !default; +$primaryTextColor: #ffffff !default; + +$highlightBg: rgba(186, 104, 200, 0.16) !default; +$highlightTextColor: rgba(255,255,255,.87) !default; +$highlightFocusBg: rgba($primaryColor, .24) !default; + +@import '../_variables'; diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/arya/arya-purple/theme.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/arya/arya-purple/theme.scss new file mode 100644 index 000000000..3c5738990 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/arya/arya-purple/theme.scss @@ -0,0 +1,4 @@ +@import './variables'; +@import './_fonts'; +@import '../../../theme-base/_components'; +@import './_extensions'; diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/bootstrap4/_vendor_extensions.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/bootstrap4/_vendor_extensions.scss new file mode 100644 index 000000000..23c316dd5 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/bootstrap4/_vendor_extensions.scss @@ -0,0 +1 @@ +/* Vendor extensions to the designer enhanced bootstrap compatibility */ \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/bootstrap4/bootstrap4-dark/_variables_dark.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/bootstrap4/bootstrap4-dark/_variables_dark.scss new file mode 100644 index 000000000..3ef7b0af5 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/bootstrap4/bootstrap4-dark/_variables_dark.scss @@ -0,0 +1,887 @@ +$colors: ( + "blue": #0d6efd, + "green": #198754, + "yellow": #ffc107, + "cyan": #0dcaf0, + "pink": #d63384, + "indigo": #6610f2, + "teal": #20c997, + "orange": #fd7e14, + "bluegray": #7c8ea7, + "purple": #6f42c1, + "red": #dc3545, + "primary": $primaryColor, +) !default; + +//shades +$shade000: rgba(255, 255, 255, 0.87) !default; //text color +$shade100: rgba(255, 255, 255, 0.6) !default; //text secondary color +$shade200: #7789a1 !default; +$shade300: #687c97 !default; +$shade500: #4c5866 !default; +$shade600: #3f4b5b !default; //input bg, border, divider +$shade700: #343e4d !default; +$shade800: #2a323d !default; //elevated surface +$shade900: #20262e !default; //ground surface + +$hoverBg: rgba(255, 255, 255, 0.04) !default; + +//global +$fontFamily: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, + Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default; +$fontSize: 1rem !default; +$fontWeight: normal !default; +$textColor: $shade000 !default; +$textSecondaryColor: $shade100 !default; +$borderRadius: 4px !default; +$transitionDuration: 0.15s !default; +$formElementTransition: background-color $transitionDuration, + border-color $transitionDuration, box-shadow $transitionDuration !default; +$actionIconTransition: color $transitionDuration, box-shadow $transitionDuration !default; +$listItemTransition: box-shadow $transitionDuration !default; +$primeIconFontSize: 1rem !default; +$divider: 1px solid $shade600 !default; +$inlineSpacing: 0.5rem !default; +$disabledOpacity: 0.65 !default; +$maskBg: rgba(0, 0, 0, 0.4) !default; +$loadingIconFontSize: 2rem !default; +$errorColor: #f19ea6 !default; + +//scale +$scaleSM: 0.875 !default; +$scaleLG: 1.25 !default; + +//focus +$focusOutlineColor: $primaryLightColor !default; +$focusOutline: 0 none !default; +$focusOutlineOffset: 0 !default; +$focusShadow: 0 0 0 1px $focusOutlineColor !default; + +//action icons +$actionIconWidth: 2rem !default; +$actionIconHeight: 2rem !default; +$actionIconBg: transparent !default; +$actionIconBorder: 0 none !default; +$actionIconColor: $shade100 !default; +$actionIconHoverBg: transparent !default; +$actionIconHoverBorderColor: transparent !default; +$actionIconHoverColor: $shade000 !default; +$actionIconBorderRadius: 50% !default; + +//input field (e.g. inputtext, spinner, inputmask) +$inputPadding: 0.5rem 0.75rem !default; +$inputTextFontSize: 1rem !default; +$inputBg: $shade900 !default; +$inputTextColor: $shade000 !default; +$inputIconColor: $shade100 !default; +$inputBorder: 1px solid $shade600 !default; +$inputHoverBorderColor: $shade600 !default; +$inputFocusBorderColor: $primaryColor !default; +$inputErrorBorderColor: $errorColor !default; +$inputPlaceholderTextColor: $shade100 !default; +$inputFilledBg: $shade600 !default; +$inputFilledHoverBg: $shade600 !default; +$inputFilledFocusBg: $shade600 !default; + +//input groups +$inputGroupBg: $shade800 !default; +$inputGroupTextColor: $shade100 !default; +$inputGroupAddOnMinWidth: 2.357rem !default; + +//input lists (e.g. dropdown, autocomplete, multiselect, orderlist) +$inputListBg: $shade800 !default; +$inputListTextColor: $shade000 !default; +$inputListBorder: $inputBorder !default; +$inputListPadding: 0.5rem 0 !default; +$inputListItemPadding: 0.5rem 1.5rem !default; +$inputListItemBg: transparent !default; +$inputListItemTextColor: $shade000 !default; +$inputListItemHoverBg: $hoverBg !default; +$inputListItemTextHoverColor: $shade000 !default; +$inputListItemFocusBg: rgba(255, 255, 255, 0.09) !default; +$inputListItemTextFocusColor: $shade000 !default; +$inputListItemBorder: 0 none !default; +$inputListItemBorderRadius: 0 !default; +$inputListItemMargin: 0 !default; +$inputListItemFocusShadow: inset 0 0 0 0.15rem $focusOutlineColor !default; +$inputListHeaderPadding: 0.75rem 1.5rem !default; +$inputListHeaderMargin: 0 !default; +$inputListHeaderBg: $shade800 !default; +$inputListHeaderTextColor: $shade000 !default; +$inputListHeaderBorder: 1px solid $shade600 !default; + +//inputs with overlays (e.g. autocomplete, dropdown, multiselect) +$inputOverlayBg: $inputListBg !default; +$inputOverlayHeaderBg: $inputListHeaderBg !default; +$inputOverlayBorder: 1px solid $shade600 !default; +$inputOverlayShadow: none !default; + +//password +$passwordMeterBg: $shade600 !default; +$passwordWeakBg: #f19ea6 !default; +$passwordMediumBg: #ffe082 !default; +$passwordStrongBg: #9fdaa8 !default; + +//button +$buttonPadding: 0.5rem 0.75rem !default; +$buttonIconOnlyWidth: 2.357rem !default; +$buttonIconOnlyPadding: 0.5rem 0 !default; +$buttonBg: $primaryColor !default; +$buttonTextColor: $primaryTextColor !default; +$buttonBorder: 1px solid $primaryColor !default; +$buttonHoverBg: $primaryDarkColor !default; +$buttonTextHoverColor: $primaryTextColor !default; +$buttonHoverBorderColor: $primaryDarkColor !default; +$buttonActiveBg: $primaryDarkerColor !default; +$buttonTextActiveColor: $primaryTextColor !default; +$buttonActiveBorderColor: $primaryDarkerColor !default; +$raisedButtonShadow: 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) !default; +$roundedButtonBorderRadius: 2rem !default; + +$textButtonHoverBgOpacity: 0.04 !default; +$textButtonActiveBgOpacity: 0.16 !default; +$outlinedButtonBorder: 1px solid !default; +$plainButtonTextColor: $textSecondaryColor !default; +$plainButtonHoverBgColor: $hoverBg !default; +$plainButtonActiveBgColor: rgba(255, 255, 255, 0.16) !default; + +$secondaryButtonBg: #6c757d !default; +$secondaryButtonTextColor: #ffffff !default; +$secondaryButtonBorder: 1px solid #6c757d !default; +$secondaryButtonHoverBg: #5a6268 !default; +$secondaryButtonTextHoverColor: #ffffff !default; +$secondaryButtonHoverBorderColor: #5a6268 !default; +$secondaryButtonActiveBg: #545b62 !default; +$secondaryButtonTextActiveColor: #ffffff !default; +$secondaryButtonActiveBorderColor: #4e555b !default; +$secondaryButtonFocusShadow: 0 0 0 1px rgba(130, 138, 145, 0.5) !default; + +$infoButtonBg: #7fd8e6 !default; +$infoButtonTextColor: #151515 !default; +$infoButtonBorder: 1px solid #4cc8db !default; +$infoButtonHoverBg: #4cc8db !default; +$infoButtonTextHoverColor: #151515 !default; +$infoButtonHoverBorderColor: #26bdd3 !default; +$infoButtonActiveBg: #26bdd3 !default; +$infoButtonTextActiveColor: #151515 !default; +$infoButtonActiveBorderColor: #00b2cc !default; +$infoButtonFocusShadow: 0 0 0 1px #b1e8f0 !default; + +$successButtonBg: #9fdaa8 !default; +$successButtonTextColor: #151515 !default; +$successButtonBorder: 1px solid #78cc86 !default; +$successButtonHoverBg: #78cc86 !default; +$successButtonTextHoverColor: #151515 !default; +$successButtonHoverBorderColor: #5ac06c !default; +$successButtonActiveBg: #5ac06c !default; +$successButtonTextActiveColor: #151515 !default; +$successButtonActiveBorderColor: #3cb553 !default; +$successButtonFocusShadow: 0 0 0 1px #c5e8ca !default; + +$warningButtonBg: #ffe082 !default; +$warningButtonTextColor: #151515 !default; +$warningButtonBorder: 1px solid #ffd54f !default; +$warningButtonHoverBg: #ffd54f !default; +$warningButtonTextHoverColor: #151515 !default; +$warningButtonHoverBorderColor: #ffca28 !default; +$warningButtonActiveBg: #ffca28 !default; +$warningButtonTextActiveColor: #151515 !default; +$warningButtonActiveBorderColor: #ffc107 !default; +$warningButtonFocusShadow: 0 0 0 1px #ffecb3 !default; + +$helpButtonBg: #b7a2e0 !default; +$helpButtonTextColor: #151515 !default; +$helpButtonBorder: 1px solid #9a7cd4 !default; +$helpButtonHoverBg: #9a7cd4 !default; +$helpButtonTextHoverColor: #151515 !default; +$helpButtonHoverBorderColor: #845fca !default; +$helpButtonActiveBg: #845fca !default; +$helpButtonTextActiveColor: #151515 !default; +$helpButtonActiveBorderColor: #6d43c0 !default; +$helpButtonFocusShadow: 0 0 0 1px #d3c7ec !default; + +$dangerButtonBg: #f19ea6 !default; +$dangerButtonTextColor: #151515 !default; +$dangerButtonBorder: 1px solid #e97984 !default; +$dangerButtonHoverBg: #e97984 !default; +$dangerButtonTextHoverColor: #151515 !default; +$dangerButtonHoverBorderColor: #f75965 !default; +$dangerButtonActiveBg: #f75965 !default; +$dangerButtonTextActiveColor: #151515 !default; +$dangerButtonActiveBorderColor: #fd464e !default; +$dangerButtonFocusShadow: 0 0 0 1px #ffd0d9 !default; + +$linkButtonColor: $primaryColor !default; +$linkButtonHoverColor: $primaryDarkColor !default; +$linkButtonTextHoverDecoration: underline !default; +$linkButtonFocusShadow: 0 0 0 1px $focusOutlineColor !default; + +//checkbox +$checkboxWidth: 20px !default; +$checkboxHeight: 20px !default; +$checkboxBorder: 1px solid $shade600 !default; +$checkboxIconFontSize: 14px !default; +$checkboxActiveBorderColor: $primaryColor !default; +$checkboxActiveBg: $primaryColor !default; +$checkboxIconActiveColor: $primaryTextColor !default; +$checkboxActiveHoverBg: $primaryDarkerColor !default; +$checkboxIconActiveHoverColor: $primaryTextColor !default; +$checkboxActiveHoverBorderColor: $primaryDarkerColor !default; + +//radiobutton +$radiobuttonWidth: 20px !default; +$radiobuttonHeight: 20px !default; +$radiobuttonBorder: 1px solid $shade600 !default; +$radiobuttonIconSize: 12px !default; +$radiobuttonActiveBorderColor: $primaryColor !default; +$radiobuttonActiveBg: $primaryColor !default; +$radiobuttonIconActiveColor: $primaryTextColor !default; +$radiobuttonActiveHoverBg: $primaryDarkerColor !default; +$radiobuttonIconActiveHoverColor: $primaryTextColor !default; +$radiobuttonActiveHoverBorderColor: $primaryDarkerColor !default; + +//colorpicker +$colorPickerPreviewWidth: 2rem !default; +$colorPickerPreviewHeight: 2rem !default; +$colorPickerBg: $shade800 !default; +$colorPickerBorder: 1px solid $shade600 !default; +$colorPickerHandleColor: $shade000 !default; + +//togglebutton +$toggleButtonBg: #6c757d !default; +$toggleButtonBorder: 1px solid #6c757d !default; +$toggleButtonTextColor: #ffffff !default; +$toggleButtonIconColor: #ffffff !default; +$toggleButtonHoverBg: #5a6268 !default; +$toggleButtonHoverBorderColor: #545b62 !default; +$toggleButtonTextHoverColor: #ffffff !default; +$toggleButtonIconHoverColor: #ffffff !default; +$toggleButtonActiveBg: #545b62 !default; +$toggleButtonActiveBorderColor: #4e555b !default; +$toggleButtonTextActiveColor: #ffffff !default; +$toggleButtonIconActiveColor: #ffffff !default; +$toggleButtonActiveHoverBg: #545b62 !default; +$toggleButtonActiveHoverBorderColor: #4e555b !default; +$toggleButtonTextActiveHoverColor: #ffffff !default; +$toggleButtonIconActiveHoverColor: #ffffff !default; + +//inplace +$inplacePadding: $inputPadding !default; +$inplaceHoverBg: $hoverBg !default; +$inplaceTextHoverColor: $shade000 !default; + +//rating +$ratingIconFontSize: 1.143rem !default; +$ratingCancelIconColor: #f19ea6 !default; +$ratingCancelIconHoverColor: #f19ea6 !default; +$ratingStarIconOffColor: $shade000 !default; +$ratingStarIconOnColor: $primaryColor !default; +$ratingStarIconHoverColor: $primaryColor !default; + +//slider +$sliderBg: $shade600 !default; +$sliderBorder: 0 none !default; +$sliderHorizontalHeight: 0.286rem !default; +$sliderVerticalWidth: 0.286rem !default; +$sliderHandleWidth: 1.143rem !default; +$sliderHandleHeight: 1.143rem !default; +$sliderHandleBg: $primaryColor !default; +$sliderHandleBorder: 2px solid $primaryColor !default; +$sliderHandleBorderRadius: $borderRadius !default; +$sliderHandleHoverBorderColor: $primaryDarkColor !default; +$sliderHandleHoverBg: $primaryDarkColor !default; +$sliderRangeBg: $primaryColor !default; + +//calendar +$calendarTableMargin: 0.5rem 0 !default; +$calendarPadding: 0 !default; +$calendarBg: $shade800 !default; +$calendarInlineBg: $calendarBg !default; +$calendarTextColor: $shade000 !default; +$calendarBorder: $inputListBorder !default; +$calendarOverlayBorder: $inputOverlayBorder !default; + +$calendarHeaderPadding: 0.5rem !default; +$calendarHeaderBg: $shade800 !default; +$calendarInlineHeaderBg: $calendarBg !default; +$calendarHeaderBorder: 1px solid $shade600 !default; +$calendarHeaderTextColor: $shade000 !default; +$calendarHeaderFontWeight: 600 !default; +$calendarHeaderCellPadding: 0.5rem !default; +$calendarMonthYearHeaderHoverTextColor: $primaryColor !default; + +$calendarCellDatePadding: 0.5rem !default; +$calendarCellDateWidth: 2.5rem !default; +$calendarCellDateHeight: 2.5rem !default; +$calendarCellDateBorderRadius: $borderRadius !default; +$calendarCellDateBorder: 1px solid transparent !default; +$calendarCellDateHoverBg: $hoverBg !default; +$calendarCellDateTodayBg: transparent !default; +$calendarCellDateTodayBorderColor: transparent !default; +$calendarCellDateTodayTextColor: $primaryColor !default; + +$calendarButtonBarPadding: 1rem 0 !default; +$calendarTimePickerPadding: 0.5rem !default; +$calendarTimePickerElementPadding: 0 0.5rem !default; +$calendarTimePickerTimeFontSize: 1.25rem !default; + +$calendarBreakpoint: 769px !default; +$calendarCellDatePaddingSM: 0 !default; + +//input switch +$inputSwitchWidth: 3rem !default; +$inputSwitchHeight: 1.75rem !default; +$inputSwitchBorderRadius: $borderRadius !default; +$inputSwitchHandleWidth: 1.25rem !default; +$inputSwitchHandleHeight: 1.25rem !default; +$inputSwitchHandleBorderRadius: $borderRadius !default; +$inputSwitchSliderPadding: 0.25rem !default; +$inputSwitchSliderOffBg: $shade600 !default; +$inputSwitchHandleOffBg: $shade100 !default; +$inputSwitchSliderOffHoverBg: $shade600 !default; +$inputSwitchSliderOnBg: $primaryColor !default; +$inputSwitchSliderOnHoverBg: $primaryColor !default; +$inputSwitchHandleOnBg: $primaryTextColor !default; + +//panel +$panelHeaderBorderColor: $shade600 !default; +$panelHeaderBorder: 1px solid $shade600 !default; +$panelHeaderBg: $shade800 !default; +$panelHeaderTextColor: $shade000 !default; +$panelHeaderFontWeight: 600 !default; +$panelHeaderPadding: 1rem 1.25rem !default; +$panelToggleableHeaderPadding: 0.5rem 1.25rem !default; + +$panelHeaderHoverBg: $hoverBg !default; +$panelHeaderHoverBorderColor: $shade600 !default; +$panelHeaderTextHoverColor: $shade000 !default; + +$panelContentBorderColor: $shade600 !default; +$panelContentBorder: 1px solid $shade600 !default; +$panelContentBg: $shade800 !default; +$panelContentEvenRowBg: rgba(255, 255, 255, 0.02) !default; +$panelContentTextColor: $shade000 !default; +$panelContentPadding: 1.25rem !default; + +$panelFooterBorder: 1px solid $shade600 !default; +$panelFooterBg: $shade800 !default; +$panelFooterTextColor: $shade000 !default; +$panelFooterPadding: 0.5rem 1.25rem !default; + +//accordion +$accordionSpacing: 0 !default; +$accordionHeaderBorder: $panelHeaderBorder !default; +$accordionHeaderBg: $panelHeaderBg !default; +$accordionHeaderTextColor: $panelHeaderTextColor !default; +$accordionHeaderFontWeight: $panelHeaderFontWeight !default; +$accordionHeaderPadding: $panelHeaderPadding !default; + +$accordionHeaderHoverBg: $hoverBg !default; +$accordionHeaderHoverBorderColor: $shade600 !default; +$accordionHeaderTextHoverColor: $shade000 !default; + +$accordionHeaderActiveBg: $panelHeaderBg !default; +$accordionHeaderActiveBorderColor: $shade600 !default; +$accordionHeaderTextActiveColor: $shade000 !default; + +$accordionHeaderActiveHoverBg: $hoverBg !default; +$accordionHeaderActiveHoverBorderColor: $shade600 !default; +$accordionHeaderTextActiveHoverColor: $shade000 !default; + +$accordionContentBorder: $panelContentBorder !default; +$accordionContentBg: $panelContentBg !default; +$accordionContentTextColor: $panelContentTextColor !default; +$accordionContentPadding: $panelContentPadding !default; + +//tabview +$tabviewNavBorder: 1px solid $shade600 !default; +$tabviewNavBorderWidth: 0 0 1px 0 !default; +$tabviewNavBg: transparent !default; + +$tabviewHeaderSpacing: 0 !default; +$tabviewHeaderBorder: solid !default; +$tabviewHeaderBorderWidth: 1px !default; +$tabviewHeaderBorderColor: $shade800 $shade800 $shade600 $shade800 !default; +$tabviewHeaderBg: $shade800 !default; +$tabviewHeaderTextColor: $shade100 !default; +$tabviewHeaderFontWeight: $panelHeaderFontWeight !default; +$tabviewHeaderPadding: 0.75rem 1rem !default; +$tabviewHeaderMargin: 0 0 -1px 0 !default; + +$tabviewHeaderHoverBg: $shade800 !default; +$tabviewHeaderHoverBorderColor: $shade600 !default; +$tabviewHeaderTextHoverColor: $shade000 !default; + +$tabviewHeaderActiveBg: $shade800 !default; +$tabviewHeaderActiveBorderColor: $shade600 $shade600 $shade800 $shade600 !default; +$tabviewHeaderTextActiveColor: $shade100 !default; + +$tabviewContentBorder: 0 none !default; +$tabviewContentBg: $panelContentBg !default; +$tabviewContentTextColor: $panelContentTextColor !default; +$tabviewContentPadding: $panelContentPadding !default; + +//upload +$fileUploadProgressBarHeight: 0.25rem !default; +$fileUploadContentPadding: 2rem 1rem !default; +$fileUploadContentHoverBorder: 1px dashed $primaryColor !default; + +//scrollpanel +$scrollPanelTrackBorder: 0 none !default; +$scrollPanelTrackBg: $shade600 !default; + +//card +$cardBodyPadding: 1.5rem !default; +$cardTitleFontSize: 1.5rem !default; +$cardTitleFontWeight: 700 !default; +$cardSubTitleFontWeight: 400 !default; +$cardSubTitleColor: $shade100 !default; +$cardContentPadding: 1rem 0 !default; +$cardFooterPadding: 1rem 0 0 0 !default; +$cardShadow: 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) !default; + +//editor +$editorToolbarBg: $panelHeaderBg !default; +$editorToolbarBorder: $panelHeaderBorder !default; +$editorToolbarPadding: $panelHeaderPadding !default; +$editorToolbarIconColor: $textSecondaryColor !default; +$editorToolbarIconHoverColor: $textColor !default; +$editorIconActiveColor: $primaryColor !default; +$editorContentBorder: $panelContentBorder !default; +$editorContentBg: $panelContentBg !default; + +//paginator +$paginatorBg: $shade800 !default; +$paginatorTextColor: $primaryColor !default; +$paginatorBorder: solid $shade600 !default; +$paginatorBorderWidth: 0 !default; +$paginatorPadding: 0.75rem !default; +$paginatorElementWidth: $buttonIconOnlyWidth !default; +$paginatorElementHeight: $buttonIconOnlyWidth !default; +$paginatorElementBg: transparent !default; +$paginatorElementBorder: 1px solid $shade600 !default; +$paginatorElementIconColor: $primaryColor !default; +$paginatorElementHoverBg: $hoverBg !default; +$paginatorElementHoverBorderColor: $shade600 !default; +$paginatorElementIconHoverColor: $primaryColor !default; +$paginatorElementBorderRadius: 0 !default; +$paginatorElementMargin: 0 0 0 -1px !default; +$paginatorElementPadding: 0 !default; + +//table +$tableHeaderBorder: solid $shade600 !default; +$tableHeaderBorderWidth: 1px 0 0 0 !default; +$tableHeaderBg: $shade800 !default; +$tableHeaderTextColor: $shade100 !default; +$tableHeaderFontWeight: 600 !default; +$tableHeaderPadding: 1rem 1rem !default; + +$tableHeaderCellPadding: 1rem 1rem !default; +$tableHeaderCellBg: $shade800 !default; +$tableHeaderCellTextColor: $shade000 !default; +$tableHeaderCellFontWeight: 600 !default; +$tableHeaderCellBorder: 1px solid $shade600 !default; +$tableHeaderCellBorderWidth: 1px 0 2px 0 !default; +$tableHeaderCellHoverBg: $hoverBg !default; +$tableHeaderCellTextHoverColor: $shade000 !default; +$tableHeaderCellIconColor: $shade100 !default; +$tableHeaderCellIconHoverColor: $shade000 !default; +$tableHeaderCellHighlightBg: $shade800 !default; +$tableHeaderCellHighlightTextColor: $primaryColor !default; +$tableHeaderCellHighlightHoverBg: $hoverBg !default; +$tableHeaderCellHighlightTextHoverColor: $primaryColor !default; +$tableSortableColumnBadgeSize: 1.143rem !default; + +$tableBodyRowBg: $shade800 !default; +$tableBodyRowTextColor: $shade000 !default; +$tableBodyRowEvenBg: #2f3641 !default; +$tableBodyRowHoverBg: $hoverBg !default; +$tableBodyRowTextHoverColor: $shade000 !default; +$tableBodyCellBorder: 1px solid $shade600 !default; +$tableBodyCellBorderWidth: 1px 0 0 0 !default; +$tableBodyCellPadding: 1rem 1rem !default; + +$tableFooterCellPadding: 1rem 1rem !default; +$tableFooterCellBg: $shade800 !default; +$tableFooterCellTextColor: $shade000 !default; +$tableFooterCellFontWeight: 600 !default; +$tableFooterCellBorder: 1px solid $shade600 !default; +$tableFooterCellBorderWidth: 1px 0 1px 0 !default; +$tableResizerHelperBg: $primaryColor !default; + +$tableFooterBorder: 1px solid $shade600 !default; +$tableFooterBorderWidth: 1px 0 1px 0 !default; +$tableFooterBg: $shade800 !default; +$tableFooterTextColor: $shade000 !default; +$tableFooterFontWeight: 600 !default; +$tableFooterPadding: 1rem 1rem !default; + +$tableCellContentAlignment: left !default; +$tableTopPaginatorBorderWidth: 0 !default; +$tableBottomPaginatorBorderWidth: 1px 0 0 0 !default; + +$tableScaleSM: 0.5 !default; +$tableScaleLG: 1.25 !default; + +//dataview +$dataViewContentPadding: 0 !default; +$dataViewContentBorder: 0 none !default; + +//tree +$treeContainerPadding: 0.286rem !default; +$treeNodePadding: 0.143rem !default; +$treeNodeContentPadding: 0.286rem !default; +$treeNodeChildrenPadding: 0 0 0 1rem !default; +$treeNodeIconColor: $shade100 !default; + +//timeline +$timelineVerticalEventContentPadding: 0 1rem !default; +$timelineHorizontalEventContentPadding: 1rem 0 !default; +$timelineEventMarkerWidth: 1rem !default; +$timelineEventMarkerHeight: 1rem !default; +$timelineEventMarkerBorderRadius: 50% !default; +$timelineEventMarkerBorder: 0 none !default; +$timelineEventMarkerBackground: $primaryColor !default; +$timelineEventConnectorSize: 2px !default; +$timelineEventColor: $shade600 !default; + +//org chart +$organizationChartConnectorColor: $shade600 !default; + +//message +$messageMargin: 1rem 0 !default; +$messagePadding: 1rem 1.25rem !default; +$messageBorderWidth: 1px !default; +$messageIconFontSize: 1.5rem !default; +$messageTextFontSize: 1rem !default; +$messageTextFontWeight: 500 !default; + +//inline message +$inlineMessagePadding: $inputPadding !default; +$inlineMessageMargin: 0 !default; +$inlineMessageIconFontSize: 1rem !default; +$inlineMessageTextFontSize: 1rem !default; +$inlineMessageBorderWidth: 0px !default; + +//toast +$toastIconFontSize: 2rem !default; +$toastMessageTextMargin: 0 0 0 1rem !default; +$toastMargin: 0 0 1rem 0 !default; +$toastPadding: 1rem !default; +$toastBorderWidth: 0 !default; +$toastShadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1) !default; +$toastOpacity: 1 !default; +$toastTitleFontWeight: 700 !default; +$toastDetailMargin: $inlineSpacing 0 0 0 !default; + +//severities +$infoMessageBg: #cce5ff !default; +$infoMessageBorder: solid #b8daff !default; +$infoMessageTextColor: #004085 !default; +$infoMessageIconColor: #004085 !default; +$successMessageBg: #d4edda !default; +$successMessageBorder: solid #c3e6cb !default; +$successMessageTextColor: #155724 !default; +$successMessageIconColor: #155724 !default; +$warningMessageBg: #fff3cd !default; +$warningMessageBorder: solid #ffeeba !default; +$warningMessageTextColor: #856404 !default; +$warningMessageIconColor: #856404 !default; +$errorMessageBg: #f8d7da !default; +$errorMessageBorder: solid #f5c6cb !default; +$errorMessageTextColor: #721c24 !default; +$errorMessageIconColor: #721c24 !default; + +//overlays +$overlayContentBorder: 1px solid $shade600 !default; +$overlayContentBg: $panelContentBg !default; +$overlayContainerShadow: none !default; + +//dialog +$dialogHeaderBg: $shade800 !default; +$dialogHeaderBorder: 1px solid $shade600 !default; +$dialogHeaderTextColor: $shade000 !default; +$dialogHeaderFontWeight: 600 !default; +$dialogHeaderFontSize: 1.25rem !default; +$dialogHeaderPadding: 1rem !default; +$dialogContentPadding: 1rem !default; +$dialogFooterBorder: 1px solid $shade600 !default; +$dialogFooterPadding: 1rem !default; + +//confirmpopup +$confirmPopupContentPadding: $panelContentPadding !default; +$confirmPopupFooterPadding: 0 1.25rem 1.25rem 1.25rem !default; + +//tooltip +$tooltipBg: $shade600 !default; +$tooltipTextColor: $shade000 !default; +$tooltipPadding: $inputPadding !default; + +//steps +$stepsItemBg: transparent !default; +$stepsItemBorder: 1px solid $shade600 !default; +$stepsItemTextColor: $shade100 !default; +$stepsItemNumberWidth: 2rem !default; +$stepsItemNumberHeight: 2rem !default; +$stepsItemNumberFontSize: 1.143rem !default; +$stepsItemNumberColor: $shade000 !default; +$stepsItemNumberBorderRadius: $borderRadius !default; +$stepsItemActiveFontWeight: 600 !default; + +//progressbar +$progressBarHeight: 1.5rem !default; +$progressBarBorder: 0 none !default; +$progressBarBg: $shade600 !default; +$progressBarValueBg: $primaryColor !default; +$progressBarValueTextColor: $primaryTextColor !default; + +//menu (e.g. menu, menubar, tieredmenu) +$menuWidth: 12.5rem !default; +$menuBg: $shade800 !default; +$menuBorder: 1px solid $shade600 !default; +$menuTextColor: $shade000 !default; +$menuitemPadding: 0.75rem 1rem !default; +$menuitemBorderRadius: 0 !default; +$menuitemTextColor: $shade000 !default; +$menuitemIconColor: $shade100 !default; +$menuitemTextHoverColor: $shade000 !default; +$menuitemIconHoverColor: $shade000 !default; +$menuitemHoverBg: $hoverBg !default; +$menuitemTextFocusColor: $shade000 !default; +$menuitemIconFocusColor: $shade000 !default; +$menuitemFocusBg: rgba(255, 255, 255, 0.12) !default; +$menuitemTextActiveColor: $shade000 !default; +$menuitemIconActiveColor: $shade000 !default; +$menuitemActiveBg: $shade900 !default; +$menuitemActiveFocusBg: $shade900 !default; +$menuitemSubmenuIconFontSize: 0.875rem !default; +$submenuHeaderMargin: 0 !default; +$submenuHeaderPadding: 0.75rem 1rem !default; +$submenuHeaderBg: $shade800 !default; +$submenuHeaderTextColor: $shade000 !default; +$submenuHeaderBorderRadius: 0 !default; +$submenuHeaderFontWeight: 600 !default; +$overlayMenuBg: $menuBg !default; +$overlayMenuBorder: 1px solid $shade600 !default; +$overlayMenuShadow: none !default; +$verticalMenuPadding: 0.5rem 0 !default; +$verticalMenuitemMargin: 0 !default; +$menuSeparatorMargin: 0.5rem 0 !default; + +$breadcrumbPadding: 1rem !default; +$breadcrumbBg: $shade700 !default; +$breadcrumbBorder: 0 none !default; +$breadcrumbItemTextColor: $primaryColor !default; +$breadcrumbItemIconColor: $primaryColor !default; +$breadcrumbLastItemTextColor: $shade000 !default; +$breadcrumbLastItemIconColor: $shade000 !default; +$breadcrumbSeparatorColor: $shade000 !default; + +$horizontalMenuPadding: 0.5rem 1rem !default; +$horizontalMenuBg: $shade700 !default; +$horizontalMenuBorder: 0 none !default; +$horizontalMenuTextColor: $shade100 !default; +$horizontalMenuRootMenuitemPadding: 1rem !default; +$horizontalMenuRootMenuitemBorderRadius: $borderRadius !default; +$horizontalMenuRootMenuitemTextColor: $shade100 !default; +$horizontalMenuRootMenuitemIconColor: $shade100 !default; +$horizontalMenuRootMenuitemTextHoverColor: $shade000 !default; +$horizontalMenuRootMenuitemIconHoverColor: $shade000 !default; +$horizontalMenuRootMenuitemHoverBg: transparent !default; +$horizontalMenuRootMenuitemTextActiveColor: $shade000 !default; +$horizontalMenuRootMenuitemIconActiveColor: $shade000 !default; +$horizontalMenuRootMenuitemActiveBg: transparent !default; + +//badge and tag +$badgeBg: $primaryColor !default; +$badgeTextColor: $primaryTextColor !default; +$badgeMinWidth: 1.5rem !default; +$badgeHeight: 1.5rem !default; +$badgeFontWeight: 700 !default; +$badgeFontSize: 0.75rem !default; + +$tagPadding: 0.25rem 0.4rem !default; + +//carousel +$carouselIndicatorsPadding: 1rem !default; +$carouselIndicatorBg: $shade600 !default; +$carouselIndicatorHoverBg: $hoverBg !default; +$carouselIndicatorBorderRadius: 0 !default; +$carouselIndicatorWidth: 2rem !default; +$carouselIndicatorHeight: 0.5rem !default; + +//galleria +$galleriaMaskBg: rgba(0, 0, 0, 0.9) !default; +$galleriaCloseIconMargin: 0.5rem !default; +$galleriaCloseIconFontSize: 2rem !default; +$galleriaCloseIconBg: transparent !default; +$galleriaCloseIconColor: $shade100 !default; +$galleriaCloseIconHoverBg: rgba(255, 255, 255, 0.1) !default; +$galleriaCloseIconHoverColor: $shade000 !default; +$galleriaCloseIconWidth: 4rem !default; +$galleriaCloseIconHeight: 4rem !default; +$galleriaCloseIconBorderRadius: $borderRadius !default; + +$galleriaItemNavigatorBg: transparent !default; +$galleriaItemNavigatorColor: $shade100 !default; +$galleriaItemNavigatorMargin: 0 0.5rem !default; +$galleriaItemNavigatorFontSize: 2rem !default; +$galleriaItemNavigatorHoverBg: rgba(255, 255, 255, 0.1) !default; +$galleriaItemNavigatorHoverColor: $shade100 !default; +$galleriaItemNavigatorWidth: 4rem !default; +$galleriaItemNavigatorHeight: 4rem !default; +$galleriaItemNavigatorBorderRadius: $borderRadius !default; + +$galleriaCaptionBg: rgba(0, 0, 0, 0.5) !default; +$galleriaCaptionTextColor: $shade100 !default; +$galleriaCaptionPadding: 1rem !default; + +$galleriaIndicatorsPadding: 1rem !default; +$galleriaIndicatorBg: $shade200 !default; +$galleriaIndicatorHoverBg: $shade300 !default; +$galleriaIndicatorBorderRadius: $borderRadius !default; +$galleriaIndicatorWidth: 1rem !default; +$galleriaIndicatorHeight: 1rem !default; +$galleriaIndicatorsBgOnItem: rgba(0, 0, 0, 0.5) !default; +$galleriaIndicatorBgOnItem: rgba(255, 255, 255, 0.4) !default; +$galleriaIndicatorHoverBgOnItem: rgba(255, 255, 255, 0.6) !default; + +$galleriaThumbnailContainerBg: rgba(0, 0, 0, 0.9) !default; +$galleriaThumbnailContainerPadding: 1rem 0.25rem !default; +$galleriaThumbnailNavigatorBg: transparent !default; +$galleriaThumbnailNavigatorColor: $shade100 !default; +$galleriaThumbnailNavigatorHoverBg: rgba(255, 255, 255, 0.1) !default; +$galleriaThumbnailNavigatorHoverColor: $shade100 !default; +$galleriaThumbnailNavigatorBorderRadius: $borderRadius !default; +$galleriaThumbnailNavigatorWidth: 2rem !default; +$galleriaThumbnailNavigatorHeight: 2rem !default; + +//divider +$dividerHorizontalMargin: 1rem 0 !default; +$dividerHorizontalPadding: 0 1rem !default; +$dividerVerticalMargin: 0 1rem !default; +$dividerVerticalPadding: 1rem 0 !default; +$dividerSize: 1px !default; +$dividerColor: $shade600 !default; + +//avatar +$avatarBg: $shade600 !default; +$avatarTextColor: $textColor !default; + +//chip +$chipBg: $shade600 !default; +$chipTextColor: $textColor !default; +$chipBorderRadius: 16px !default; +$chipFocusBg: $shade500 !default; +$chipFocusTextColor: $textColor !default; + +//scrollTop +$scrollTopBg: $primaryColor !default; +$scrollTopHoverBg: $primaryDarkColor !default; +$scrollTopWidth: 3rem !default; +$scrollTopHeight: 3rem !default; +$scrollTopBorderRadius: $borderRadius !default; +$scrollTopFontSize: 1.5rem !default; +$scrollTopTextColor: $highlightTextColor !default; + +//skeleton +$skeletonBg: rgba(255, 255, 255, 0.06) !default; +$skeletonAnimationBg: rgba(255, 255, 255, 0.04) !default; + +//splitter +$splitterGutterBg: rgba(255, 255, 255, 0.04) !default; +$splitterGutterHandleBg: $shade600 !default; + +//speeddial +$speedDialButtonWidth: 4rem !default; +$speedDialButtonHeight: 4rem !default; +$speedDialButtonIconFontSize: 1.3rem !default; +$speedDialActionWidth: 3rem !default; +$speedDialActionHeight: 3rem !default; +$speedDialActionBg: $shade700 !default; +$speedDialActionHoverBg: $shade600 !default; +$speedDialActionTextColor: #fff !default; +$speedDialActionTextHoverColor: #fff !default; + +//dock +$dockActionWidth: 4rem !default; +$dockActionHeight: 4rem !default; +$dockItemPadding: 0.5rem !default; +$dockItemBorderRadius: $borderRadius !default; +$dockCurrentItemMargin: 1.5rem !default; +$dockFirstItemsMargin: 1.3rem !default; +$dockSecondItemsMargin: 0.9rem !default; +$dockBg: rgba(255, 255, 255, 0.1) !default; +$dockBorder: 1px solid rgba(255, 255, 255, 0.2) !default; +$dockPadding: 0.5rem 0.5rem !default; +$dockBorderRadius: 0.5rem !default; + +//image +$imageMaskBg: rgba(0, 0, 0, 0.9) !default; +$imagePreviewToolbarPadding: 1rem !default; +$imagePreviewIndicatorColor: #f8f9fa !default; +$imagePreviewIndicatorBg: rgba(0, 0, 0, 0.5) !default; +$imagePreviewActionIconBg: transparent !default; +$imagePreviewActionIconColor: #f8f9fa !default; +$imagePreviewActionIconHoverBg: rgba(255, 255, 255, 0.1) !default; +$imagePreviewActionIconHoverColor: #f8f9fa !default; +$imagePreviewActionIconWidth: 3rem !default; +$imagePreviewActionIconHeight: 3rem !default; +$imagePreviewActionIconFontSize: 1.5rem !default; +$imagePreviewActionIconBorderRadius: 50% !default; + +:root { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol"; + --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol"; + --surface-a: #{$shade800}; + --surface-b: #{$shade900}; + --surface-c: #{$hoverBg}; + --surface-d: #{$shade600}; + --surface-e: #{$shade800}; + --surface-f: #{$shade800}; + --text-color: #{$shade000}; + --text-color-secondary: #{$shade100}; + --primary-color: #{$primaryColor}; + --primary-color-text: #{$primaryTextColor}; + --surface-0: #20262e; + --surface-50: #363c43; + --surface-100: #4d5158; + --surface-200: #63676d; + --surface-300: #797d82; + --surface-400: #909397; + --surface-500: #a6a8ab; + --surface-600: #bcbec0; + --surface-700: #d2d4d5; + --surface-800: #e9e9ea; + --surface-900: #ffffff; + --gray-50: #e9e9ea; + --gray-100: #d2d4d5; + --gray-200: #bcbec0; + --gray-300: #a6a8ab; + --gray-400: #909397; + --gray-500: #797d82; + --gray-600: #63676d; + --gray-700: #4d5158; + --gray-800: #363c43; + --gray-900: #20262e; + --content-padding: #{$panelContentPadding}; + --inline-spacing: #{$inlineSpacing}; + --border-radius: #{$borderRadius}; + --surface-ground: #20262e; + --surface-section: #20262e; + --surface-card: #2a323d; + --surface-overlay: #2a323d; + --surface-border: #3f4b5b; + --surface-hover: rgba(255, 255, 255, 0.04); + --maskbg: #{$maskBg}; + --focus-ring: #{$focusShadow}; + --highlight-bg: #{$highlightBg}; + --highlight-text-color: #{$highlightTextColor}; + color-scheme: dark; +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/bootstrap4/bootstrap4-dark/blue/_extensions.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/bootstrap4/bootstrap4-dark/blue/_extensions.scss new file mode 100644 index 000000000..f5dbaa43b --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/bootstrap4/bootstrap4-dark/blue/_extensions.scss @@ -0,0 +1 @@ +/* Customizations to the designer theme should be defined here */ \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/bootstrap4/bootstrap4-dark/blue/_fonts.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/bootstrap4/bootstrap4-dark/blue/_fonts.scss new file mode 100644 index 000000000..e38a3a604 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/bootstrap4/bootstrap4-dark/blue/_fonts.scss @@ -0,0 +1 @@ +// Configuration for the font-face of the theme, defaults to the system font so left as blank \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/bootstrap4/bootstrap4-dark/blue/_variables.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/bootstrap4/bootstrap4-dark/blue/_variables.scss new file mode 100644 index 000000000..edc2f1c9f --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/bootstrap4/bootstrap4-dark/blue/_variables.scss @@ -0,0 +1,12 @@ +$primaryLightColor: #e3f3fe !default; +$primaryColor: #8dd0ff !default; +$primaryDarkColor: #56bdff !default; +$primaryDarkerColor: #1dadff !default; +$primaryTextColor: #151515 !default; +$primaryAccentBg: #476880 !default; + +$highlightBg: $primaryColor !default; +$highlightTextColor: $primaryTextColor !default; +$highlightFocusBg: darken($primaryColor, 8%) !default; + +@import '../_variables_dark'; diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/bootstrap4/bootstrap4-dark/blue/theme.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/bootstrap4/bootstrap4-dark/blue/theme.scss new file mode 100644 index 000000000..4559027f6 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/bootstrap4/bootstrap4-dark/blue/theme.scss @@ -0,0 +1,5 @@ +@import './variables'; +@import './_fonts'; +@import '../../../../theme-base/_components'; +@import '../../_vendor_extensions'; +@import './_extensions'; diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/bootstrap4/bootstrap4-dark/purple/_extensions.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/bootstrap4/bootstrap4-dark/purple/_extensions.scss new file mode 100644 index 000000000..f5dbaa43b --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/bootstrap4/bootstrap4-dark/purple/_extensions.scss @@ -0,0 +1 @@ +/* Customizations to the designer theme should be defined here */ \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/bootstrap4/bootstrap4-dark/purple/_fonts.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/bootstrap4/bootstrap4-dark/purple/_fonts.scss new file mode 100644 index 000000000..e38a3a604 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/bootstrap4/bootstrap4-dark/purple/_fonts.scss @@ -0,0 +1 @@ +// Configuration for the font-face of the theme, defaults to the system font so left as blank \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/bootstrap4/bootstrap4-dark/purple/_variables.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/bootstrap4/bootstrap4-dark/purple/_variables.scss new file mode 100644 index 000000000..0eaaea251 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/bootstrap4/bootstrap4-dark/purple/_variables.scss @@ -0,0 +1,12 @@ +$primaryLightColor: #f0e6f5 !default; +$primaryColor: #c298d8 !default; +$primaryDarkColor: #aa70c7 !default; +$primaryDarkerColor: #9954bb !default; +$primaryTextColor: #151515 !default; +$primaryAccentBg: #614c6c !default; + +$highlightBg: $primaryColor !default; +$highlightTextColor: $primaryTextColor !default; +$highlightFocusBg: darken($primaryColor, 8%) !default; + +@import '../_variables_dark'; \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/bootstrap4/bootstrap4-dark/purple/theme.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/bootstrap4/bootstrap4-dark/purple/theme.scss new file mode 100644 index 000000000..4559027f6 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/bootstrap4/bootstrap4-dark/purple/theme.scss @@ -0,0 +1,5 @@ +@import './variables'; +@import './_fonts'; +@import '../../../../theme-base/_components'; +@import '../../_vendor_extensions'; +@import './_extensions'; diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/bootstrap4/bootstrap4-light/_variables_light.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/bootstrap4/bootstrap4-light/_variables_light.scss new file mode 100644 index 000000000..8316647ab --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/bootstrap4/bootstrap4-light/_variables_light.scss @@ -0,0 +1,886 @@ +$colors: ( + "blue": #0d6efd, + "green": #198754, + "yellow": #ffc107, + "cyan": #0dcaf0, + "pink": #d63384, + "indigo": #6610f2, + "teal": #20c997, + "orange": #fd7e14, + "bluegray": #7c8ea7, + "purple": #6f42c1, + "red": #dc3545, + "primary": $primaryColor, +) !default; + +//reused color variables +$shade000: #ffffff !default; //surface +$shade100: #efefef !default; //header background +$shade200: #e9ecef !default; //hover background +$shade300: #dee2e6 !default; //border, divider +$shade400: #ced4da !default; //input border +$shade500: #adb5bd !default; //unused +$shade600: #6c757d !default; //text secondary color +$shade700: #495057 !default; //input text color +$shade800: #343a40 !default; //unused +$shade900: #212529 !default; //text color + +//global +$fontFamily: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, + Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default; +$fontSize: 1rem !default; +$fontWeight: normal !default; +$textColor: $shade900 !default; +$textSecondaryColor: $shade600 !default; +$borderRadius: 4px !default; +$transitionDuration: 0.15s !default; +$formElementTransition: background-color $transitionDuration, + border-color $transitionDuration, box-shadow $transitionDuration !default; +$actionIconTransition: box-shadow $transitionDuration !default; +$listItemTransition: box-shadow $transitionDuration !default; +$primeIconFontSize: 1rem !default; +$divider: 1px solid $shade300 !default; +$inlineSpacing: 0.5rem !default; +$disabledOpacity: 0.65 !default; +$maskBg: rgba(0, 0, 0, 0.4) !default; +$loadingIconFontSize: 2rem !default; +$errorColor: #dc3545 !default; + +//scale +$scaleSM: 0.875 !default; +$scaleLG: 1.25 !default; + +//focus +$focusOutlineColor: $primaryLightColor !default; +$focusOutline: 0 none !default; +$focusOutlineOffset: 0 !default; +$focusShadow: 0 0 0 0.2rem $focusOutlineColor !default; + +//action icons +$actionIconWidth: 2rem !default; +$actionIconHeight: 2rem !default; +$actionIconBg: transparent !default; +$actionIconBorder: 0 none !default; +$actionIconColor: $shade600 !default; +$actionIconHoverBg: transparent !default; +$actionIconHoverBorderColor: transparent !default; +$actionIconHoverColor: $shade700 !default; +$actionIconBorderRadius: 50% !default; + +//input field (e.g. inputtext, spinner, inputmask) +$inputPadding: 0.5rem 0.75rem !default; +$inputTextFontSize: 1rem !default; +$inputBg: $shade000 !default; +$inputTextColor: $shade700 !default; +$inputIconColor: $shade700 !default; +$inputBorder: 1px solid $shade400 !default; +$inputHoverBorderColor: $shade400 !default; +$inputFocusBorderColor: $primaryColor !default; +$inputErrorBorderColor: $errorColor !default; +$inputPlaceholderTextColor: $shade600 !default; +$inputFilledBg: $shade100 !default; +$inputFilledHoverBg: $shade100 !default; +$inputFilledFocusBg: $shade100 !default; + +//input groups +$inputGroupBg: $shade200 !default; +$inputGroupTextColor: $shade700 !default; +$inputGroupAddOnMinWidth: 2.357rem !default; + +//input lists (e.g. dropdown, autocomplete, multiselect, orderlist) +$inputListBg: $shade000 !default; +$inputListTextColor: $shade900 !default; +$inputListBorder: $inputBorder !default; +$inputListPadding: 0.5rem 0 !default; +$inputListItemPadding: 0.5rem 1.5rem !default; +$inputListItemBg: transparent !default; +$inputListItemTextColor: $shade900 !default; +$inputListItemHoverBg: $shade200 !default; +$inputListItemTextHoverColor: $shade900 !default; +$inputListItemFocusBg: $shade300 !default; +$inputListItemTextFocusColor: $shade900 !default; +$inputListItemBorder: 0 none !default; +$inputListItemBorderRadius: 0 !default; +$inputListItemMargin: 0 !default; +$inputListItemFocusShadow: inset 0 0 0 0.15rem $focusOutlineColor !default; +$inputListHeaderPadding: 0.75rem 1.5rem !default; +$inputListHeaderMargin: 0 !default; +$inputListHeaderBg: $shade100 !default; +$inputListHeaderTextColor: $shade900 !default; +$inputListHeaderBorder: 1px solid $shade300 !default; + +//inputs with overlays (e.g. autocomplete, dropdown, multiselect) +$inputOverlayBg: $inputListBg !default; +$inputOverlayHeaderBg: $inputListHeaderBg !default; +$inputOverlayBorder: 1px solid rgba(0, 0, 0, 0.15) !default; +$inputOverlayShadow: none !default; + +//password +$passwordMeterBg: $shade200 !default; +$passwordWeakBg: #dc3545 !default; +$passwordMediumBg: #ffc107 !default; +$passwordStrongBg: #28a745 !default; + +//button +$buttonPadding: 0.5rem 0.75rem !default; +$buttonIconOnlyWidth: 2.357rem !default; +$buttonIconOnlyPadding: 0.5rem 0 !default; +$buttonBg: $primaryColor !default; +$buttonTextColor: $primaryTextColor !default; +$buttonBorder: 1px solid $primaryColor !default; +$buttonHoverBg: $primaryDarkColor !default; +$buttonTextHoverColor: $primaryTextColor !default; +$buttonHoverBorderColor: $primaryDarkColor !default; +$buttonActiveBg: $primaryDarkerColor !default; +$buttonTextActiveColor: $primaryTextColor !default; +$buttonActiveBorderColor: $primaryDarkerColor !default; +$raisedButtonShadow: 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) !default; +$roundedButtonBorderRadius: 2rem !default; + +$textButtonHoverBgOpacity: 0.04 !default; +$textButtonActiveBgOpacity: 0.16 !default; +$outlinedButtonBorder: 1px solid !default; +$plainButtonTextColor: $textSecondaryColor !default; +$plainButtonHoverBgColor: $shade200 !default; +$plainButtonActiveBgColor: $shade300 !default; + +$secondaryButtonBg: #6c757d !default; +$secondaryButtonTextColor: #ffffff !default; +$secondaryButtonBorder: 1px solid #6c757d !default; +$secondaryButtonHoverBg: #5a6268 !default; +$secondaryButtonTextHoverColor: #ffffff !default; +$secondaryButtonHoverBorderColor: #5a6268 !default; +$secondaryButtonActiveBg: #545b62 !default; +$secondaryButtonTextActiveColor: #ffffff !default; +$secondaryButtonActiveBorderColor: #4e555b !default; +$secondaryButtonFocusShadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5) !default; + +$infoButtonBg: #17a2b8 !default; +$infoButtonTextColor: #ffffff !default; +$infoButtonBorder: 1px solid #17a2b8 !default; +$infoButtonHoverBg: #138496 !default; +$infoButtonTextHoverColor: #ffffff !default; +$infoButtonHoverBorderColor: #117a8b !default; +$infoButtonActiveBg: #138496 !default; +$infoButtonTextActiveColor: #ffffff !default; +$infoButtonActiveBorderColor: #117a8b !default; +$infoButtonFocusShadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5) !default; + +$successButtonBg: #28a745 !default; +$successButtonTextColor: #ffffff !default; +$successButtonBorder: 1px solid #28a745 !default; +$successButtonHoverBg: #218838 !default; +$successButtonTextHoverColor: #ffffff !default; +$successButtonHoverBorderColor: #1e7e34 !default; +$successButtonActiveBg: #1e7e34 !default; +$successButtonTextActiveColor: #ffffff !default; +$successButtonActiveBorderColor: #1c7430 !default; +$successButtonFocusShadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5) !default; + +$warningButtonBg: #ffc107 !default; +$warningButtonTextColor: #212529 !default; +$warningButtonBorder: 1px solid #ffc107 !default; +$warningButtonHoverBg: #e0a800 !default; +$warningButtonTextHoverColor: #212529 !default; +$warningButtonHoverBorderColor: #d39e00 !default; +$warningButtonActiveBg: #d39e00 !default; +$warningButtonTextActiveColor: #212529 !default; +$warningButtonActiveBorderColor: #c69500 !default; +$warningButtonFocusShadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5) !default; + +$helpButtonBg: #6f42c1 !default; +$helpButtonTextColor: #ffffff !default; +$helpButtonBorder: 1px solid #6f42c1 !default; +$helpButtonHoverBg: #633bad !default; +$helpButtonTextHoverColor: #ffffff !default; +$helpButtonHoverBorderColor: #58349a !default; +$helpButtonActiveBg: #58349a !default; +$helpButtonTextActiveColor: #ffffff !default; +$helpButtonActiveBorderColor: #4d2e87 !default; +$helpButtonFocusShadow: 0 0 0 0.2rem #d3c6ec !default; + +$dangerButtonBg: #dc3545 !default; +$dangerButtonTextColor: #ffffff !default; +$dangerButtonBorder: 1px solid #dc3545 !default; +$dangerButtonHoverBg: #c82333 !default; +$dangerButtonTextHoverColor: #ffffff !default; +$dangerButtonHoverBorderColor: #bd2130 !default; +$dangerButtonActiveBg: #bd2130 !default; +$dangerButtonTextActiveColor: #ffffff !default; +$dangerButtonActiveBorderColor: #b21f2d !default; +$dangerButtonFocusShadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5) !default; + +$linkButtonColor: $primaryColor !default; +$linkButtonHoverColor: $primaryDarkColor !default; +$linkButtonTextHoverDecoration: underline !default; +$linkButtonFocusShadow: 0 0 0 0.2rem $focusOutlineColor !default; + +//checkbox +$checkboxWidth: 20px !default; +$checkboxHeight: 20px !default; +$checkboxBorder: 2px solid $shade400 !default; +$checkboxIconFontSize: 14px !default; +$checkboxActiveBorderColor: $primaryColor !default; +$checkboxActiveBg: $primaryColor !default; +$checkboxIconActiveColor: $primaryTextColor !default; +$checkboxActiveHoverBg: $primaryDarkerColor !default; +$checkboxIconActiveHoverColor: $primaryTextColor !default; +$checkboxActiveHoverBorderColor: $primaryDarkerColor !default; + +//radiobutton +$radiobuttonWidth: 20px !default; +$radiobuttonHeight: 20px !default; +$radiobuttonBorder: 2px solid $shade400 !default; +$radiobuttonIconSize: 12px !default; +$radiobuttonActiveBorderColor: $primaryColor !default; +$radiobuttonActiveBg: $primaryColor !default; +$radiobuttonIconActiveColor: $primaryTextColor !default; +$radiobuttonActiveHoverBg: $primaryDarkerColor !default; +$radiobuttonIconActiveHoverColor: $primaryTextColor !default; +$radiobuttonActiveHoverBorderColor: $primaryDarkerColor !default; + +//colorpicker +$colorPickerPreviewWidth: 2rem !default; +$colorPickerPreviewHeight: 2rem !default; +$colorPickerBg: #212529 !default; +$colorPickerBorder: 1px solid #212529 !default; +$colorPickerHandleColor: $shade000 !default; + +//togglebutton +$toggleButtonBg: #6c757d !default; +$toggleButtonBorder: 1px solid #6c757d !default; +$toggleButtonTextColor: #ffffff !default; +$toggleButtonIconColor: #ffffff !default; +$toggleButtonHoverBg: #5a6268 !default; +$toggleButtonHoverBorderColor: #545b62 !default; +$toggleButtonTextHoverColor: #ffffff !default; +$toggleButtonIconHoverColor: #ffffff !default; +$toggleButtonActiveBg: #545b62 !default; +$toggleButtonActiveBorderColor: #4e555b !default; +$toggleButtonTextActiveColor: #ffffff !default; +$toggleButtonIconActiveColor: #ffffff !default; +$toggleButtonActiveHoverBg: #545b62 !default; +$toggleButtonActiveHoverBorderColor: #4e555b !default; +$toggleButtonTextActiveHoverColor: #ffffff !default; +$toggleButtonIconActiveHoverColor: #ffffff !default; + +//inplace +$inplacePadding: $inputPadding !default; +$inplaceHoverBg: $shade200 !default; +$inplaceTextHoverColor: $shade900 !default; + +//rating +$ratingIconFontSize: 1.143rem !default; +$ratingCancelIconColor: #dc3545 !default; +$ratingCancelIconHoverColor: #dc3545 !default; +$ratingStarIconOffColor: $shade700 !default; +$ratingStarIconOnColor: $primaryColor !default; +$ratingStarIconHoverColor: $primaryColor !default; + +//slider +$sliderBg: $shade200 !default; +$sliderBorder: 0 none !default; +$sliderHorizontalHeight: 0.286rem !default; +$sliderVerticalWidth: 0.286rem !default; +$sliderHandleWidth: 1.143rem !default; +$sliderHandleHeight: 1.143rem !default; +$sliderHandleBg: $primaryColor !default; +$sliderHandleBorder: 2px solid $primaryColor !default; +$sliderHandleBorderRadius: $borderRadius !default; +$sliderHandleHoverBorderColor: $primaryDarkColor !default; +$sliderHandleHoverBg: $primaryDarkColor !default; +$sliderRangeBg: $primaryColor !default; + +//calendar +$calendarTableMargin: 0.5rem 0 !default; +$calendarPadding: 0 !default; +$calendarBg: $shade000 !default; +$calendarInlineBg: $calendarBg !default; +$calendarTextColor: $shade900 !default; +$calendarBorder: $inputListBorder !default; +$calendarOverlayBorder: $inputOverlayBorder !default; + +$calendarHeaderPadding: 0.5rem !default; +$calendarHeaderBg: $shade100 !default; +$calendarInlineHeaderBg: $calendarBg !default; +$calendarHeaderBorder: 1px solid $shade300 !default; +$calendarHeaderTextColor: $shade900 !default; +$calendarHeaderFontWeight: 600 !default; +$calendarHeaderCellPadding: 0.5rem !default; +$calendarMonthYearHeaderHoverTextColor: $primaryColor !default; + +$calendarCellDatePadding: 0.5rem !default; +$calendarCellDateWidth: 2.5rem !default; +$calendarCellDateHeight: 2.5rem !default; +$calendarCellDateBorderRadius: $borderRadius !default; +$calendarCellDateBorder: 1px solid transparent !default; +$calendarCellDateHoverBg: $shade200 !default; +$calendarCellDateTodayBg: $shade400 !default; +$calendarCellDateTodayBorderColor: transparent !default; +$calendarCellDateTodayTextColor: $shade900 !default; + +$calendarButtonBarPadding: 1rem 0 !default; +$calendarTimePickerPadding: 0.5rem !default; +$calendarTimePickerElementPadding: 0 0.5rem !default; +$calendarTimePickerTimeFontSize: 1.25rem !default; + +$calendarBreakpoint: 769px !default; +$calendarCellDatePaddingSM: 0 !default; + +//input switch +$inputSwitchWidth: 3rem !default; +$inputSwitchHeight: 1.75rem !default; +$inputSwitchBorderRadius: $borderRadius !default; +$inputSwitchHandleWidth: 1.25rem !default; +$inputSwitchHandleHeight: 1.25rem !default; +$inputSwitchHandleBorderRadius: $borderRadius !default; +$inputSwitchSliderPadding: 0.25rem !default; +$inputSwitchSliderOffBg: $shade400 !default; +$inputSwitchHandleOffBg: $shade000 !default; +$inputSwitchSliderOffHoverBg: $shade400 !default; +$inputSwitchSliderOnBg: $primaryColor !default; +$inputSwitchSliderOnHoverBg: $primaryColor !default; +$inputSwitchHandleOnBg: $shade000 !default; + +//panel +$panelHeaderBorderColor: $shade300 !default; +$panelHeaderBorder: 1px solid $shade300 !default; +$panelHeaderBg: $shade100 !default; +$panelHeaderTextColor: $shade900 !default; +$panelHeaderFontWeight: 600 !default; +$panelHeaderPadding: 1rem 1.25rem !default; +$panelToggleableHeaderPadding: 0.5rem 1.25rem !default; + +$panelHeaderHoverBg: $shade200 !default; +$panelHeaderHoverBorderColor: $shade300 !default; +$panelHeaderTextHoverColor: $shade900 !default; + +$panelContentBorderColor: $shade300 !default; +$panelContentBorder: 1px solid $shade300 !default; +$panelContentBg: $shade000 !default; +$panelContentEvenRowBg: rgba(0, 0, 0, 0.05) !default; +$panelContentTextColor: $shade900 !default; +$panelContentPadding: 1.25rem !default; + +$panelFooterBorder: 1px solid $shade300 !default; +$panelFooterBg: $shade000 !default; +$panelFooterTextColor: $shade900 !default; +$panelFooterPadding: 0.5rem 1.25rem !default; + +//accordion +$accordionSpacing: 0 !default; +$accordionHeaderBorder: $panelHeaderBorder !default; +$accordionHeaderBg: $panelHeaderBg !default; +$accordionHeaderTextColor: $panelHeaderTextColor !default; +$accordionHeaderFontWeight: $panelHeaderFontWeight !default; +$accordionHeaderPadding: $panelHeaderPadding !default; + +$accordionHeaderHoverBg: $shade200 !default; +$accordionHeaderHoverBorderColor: $shade300 !default; +$accordionHeaderTextHoverColor: $shade900 !default; + +$accordionHeaderActiveBg: $panelHeaderBg !default; +$accordionHeaderActiveBorderColor: $shade300 !default; +$accordionHeaderTextActiveColor: $shade900 !default; + +$accordionHeaderActiveHoverBg: $shade200 !default; +$accordionHeaderActiveHoverBorderColor: $shade300 !default; +$accordionHeaderTextActiveHoverColor: $shade900 !default; + +$accordionContentBorder: $panelContentBorder !default; +$accordionContentBg: $panelContentBg !default; +$accordionContentTextColor: $panelContentTextColor !default; +$accordionContentPadding: $panelContentPadding !default; + +//tabview +$tabviewNavBorder: 1px solid #dee2e6 !default; +$tabviewNavBorderWidth: 0 0 1px 0 !default; +$tabviewNavBg: transparent !default; + +$tabviewHeaderSpacing: 0 !default; +$tabviewHeaderBorder: solid !default; +$tabviewHeaderBorderWidth: 1px !default; +$tabviewHeaderBorderColor: $shade000 $shade000 #dee2e6 $shade000 !default; +$tabviewHeaderBg: $shade000 !default; +$tabviewHeaderTextColor: $shade600 !default; +$tabviewHeaderFontWeight: $panelHeaderFontWeight !default; +$tabviewHeaderPadding: 0.75rem 1rem !default; +$tabviewHeaderMargin: 0 0 -1px 0 !default; + +$tabviewHeaderHoverBg: $shade000 !default; +$tabviewHeaderHoverBorderColor: #dee2e6 !default; +$tabviewHeaderTextHoverColor: $shade600 !default; + +$tabviewHeaderActiveBg: $shade000 !default; +$tabviewHeaderActiveBorderColor: #dee2e6 #dee2e6 $shade000 #dee2e6 !default; +$tabviewHeaderTextActiveColor: $shade700 !default; + +$tabviewContentBorder: 0 none !default; +$tabviewContentBg: $panelContentBg !default; +$tabviewContentTextColor: $panelContentTextColor !default; +$tabviewContentPadding: $panelContentPadding !default; + +//upload +$fileUploadProgressBarHeight: 0.25rem !default; +$fileUploadContentPadding: 2rem 1rem !default; +$fileUploadContentHoverBorder: 1px dashed $primaryColor !default; + +//scrollpanel +$scrollPanelTrackBorder: 0 none !default; +$scrollPanelTrackBg: $shade100 !default; + +//card +$cardBodyPadding: 1.5rem !default; +$cardTitleFontSize: 1.5rem !default; +$cardTitleFontWeight: 700 !default; +$cardSubTitleFontWeight: 400 !default; +$cardSubTitleColor: $shade600 !default; +$cardContentPadding: 1rem 0 !default; +$cardFooterPadding: 1rem 0 0 0 !default; +$cardShadow: 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) !default; + +//editor +$editorToolbarBg: $panelHeaderBg !default; +$editorToolbarBorder: $panelHeaderBorder !default; +$editorToolbarPadding: $panelHeaderPadding !default; +$editorToolbarIconColor: $textSecondaryColor !default; +$editorToolbarIconHoverColor: $textColor !default; +$editorIconActiveColor: $primaryColor !default; +$editorContentBorder: $panelContentBorder !default; +$editorContentBg: $panelContentBg !default; + +//paginator +$paginatorBg: $shade000 !default; +$paginatorTextColor: $primaryColor !default; +$paginatorBorder: solid $shade300 !default; +$paginatorBorderWidth: 0 !default; +$paginatorPadding: 0.75rem !default; +$paginatorElementWidth: $buttonIconOnlyWidth !default; +$paginatorElementHeight: $buttonIconOnlyWidth !default; +$paginatorElementBg: $shade000 !default; +$paginatorElementBorder: 1px solid #dee2e6 !default; +$paginatorElementIconColor: $primaryColor !default; +$paginatorElementHoverBg: $shade200 !default; +$paginatorElementHoverBorderColor: #dee2e6 !default; +$paginatorElementIconHoverColor: $primaryColor !default; +$paginatorElementBorderRadius: 0 !default; +$paginatorElementMargin: 0 0 0 -1px !default; +$paginatorElementPadding: 0 !default; + +//table +$tableHeaderBorder: solid #dee2e6 !default; +$tableHeaderBorderWidth: 1px 0 0 0 !default; +$tableHeaderBg: $shade100 !default; +$tableHeaderTextColor: $shade900 !default; +$tableHeaderFontWeight: 600 !default; +$tableHeaderPadding: 1rem 1rem !default; + +$tableHeaderCellPadding: 1rem 1rem !default; +$tableHeaderCellBg: $shade000 !default; +$tableHeaderCellTextColor: $shade900 !default; +$tableHeaderCellFontWeight: 600 !default; +$tableHeaderCellBorder: 1px solid #dee2e6 !default; +$tableHeaderCellBorderWidth: 1px 0 2px 0 !default; +$tableHeaderCellHoverBg: $shade200 !default; +$tableHeaderCellTextHoverColor: $shade900 !default; +$tableHeaderCellIconColor: $shade600 !default; +$tableHeaderCellIconHoverColor: $shade600 !default; +$tableHeaderCellHighlightBg: $shade000 !default; +$tableHeaderCellHighlightTextColor: $primaryColor !default; +$tableHeaderCellHighlightHoverBg: $shade200 !default; +$tableHeaderCellHighlightTextHoverColor: $primaryColor !default; +$tableSortableColumnBadgeSize: 1.143rem !default; + +$tableBodyRowBg: $shade000 !default; +$tableBodyRowTextColor: $shade900 !default; +$tableBodyRowEvenBg: rgba(0, 0, 0, 0.05) !default; +$tableBodyRowHoverBg: $shade200 !default; +$tableBodyRowTextHoverColor: $shade900 !default; +$tableBodyCellBorder: 1px solid #dee2e6 !default; +$tableBodyCellBorderWidth: 1px 0 0 0 !default; +$tableBodyCellPadding: 1rem 1rem !default; + +$tableFooterCellPadding: 1rem 1rem !default; +$tableFooterCellBg: $shade000 !default; +$tableFooterCellTextColor: $shade900 !default; +$tableFooterCellFontWeight: 600 !default; +$tableFooterCellBorder: 1px solid #dee2e6 !default; +$tableFooterCellBorderWidth: 1px 0 1px 0 !default; +$tableResizerHelperBg: $primaryColor !default; + +$tableFooterBorder: 1px solid #dee2e6 !default; +$tableFooterBorderWidth: 1px 0 1px 0 !default; +$tableFooterBg: $shade100 !default; +$tableFooterTextColor: $shade900 !default; +$tableFooterFontWeight: 600 !default; +$tableFooterPadding: 1rem 1rem !default; + +$tableCellContentAlignment: left !default; +$tableTopPaginatorBorderWidth: 1px 0 0 0 !default; +$tableBottomPaginatorBorderWidth: 1px 0 0 0 !default; + +$tableScaleSM: 0.5 !default; +$tableScaleLG: 1.25 !default; + +//dataview +$dataViewContentPadding: 0 !default; +$dataViewContentBorder: 0 none !default; + +//tree +$treeContainerPadding: 0.286rem !default; +$treeNodePadding: 0.143rem !default; +$treeNodeContentPadding: 0.286rem !default; +$treeNodeChildrenPadding: 0 0 0 1rem !default; +$treeNodeIconColor: $shade600 !default; + +//timeline +$timelineVerticalEventContentPadding: 0 1rem !default; +$timelineHorizontalEventContentPadding: 1rem 0 !default; +$timelineEventMarkerWidth: 1rem !default; +$timelineEventMarkerHeight: 1rem !default; +$timelineEventMarkerBorderRadius: 50% !default; +$timelineEventMarkerBorder: 0 none !default; +$timelineEventMarkerBackground: $primaryColor !default; +$timelineEventConnectorSize: 2px !default; +$timelineEventColor: $shade300 !default; + +//org chart +$organizationChartConnectorColor: $shade300 !default; + +//message +$messageMargin: 1rem 0 !default; +$messagePadding: 1rem 1.25rem !default; +$messageBorderWidth: 1px !default; +$messageIconFontSize: 1.5rem !default; +$messageTextFontSize: 1rem !default; +$messageTextFontWeight: 500 !default; + +//inline message +$inlineMessagePadding: $inputPadding !default; +$inlineMessageMargin: 0 !default; +$inlineMessageIconFontSize: 1rem !default; +$inlineMessageTextFontSize: 1rem !default; +$inlineMessageBorderWidth: 0px !default; + +//toast +$toastIconFontSize: 2rem !default; +$toastMessageTextMargin: 0 0 0 1rem !default; +$toastMargin: 0 0 1rem 0 !default; +$toastPadding: 1rem !default; +$toastBorderWidth: 0 !default; +$toastShadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1) !default; +$toastOpacity: 1 !default; +$toastTitleFontWeight: 700 !default; +$toastDetailMargin: $inlineSpacing 0 0 0 !default; + +//severities +$infoMessageBg: #cce5ff !default; +$infoMessageBorder: solid #b8daff !default; +$infoMessageTextColor: #004085 !default; +$infoMessageIconColor: #004085 !default; +$successMessageBg: #d4edda !default; +$successMessageBorder: solid #c3e6cb !default; +$successMessageTextColor: #155724 !default; +$successMessageIconColor: #155724 !default; +$warningMessageBg: #fff3cd !default; +$warningMessageBorder: solid #ffeeba !default; +$warningMessageTextColor: #856404 !default; +$warningMessageIconColor: #856404 !default; +$errorMessageBg: #f8d7da !default; +$errorMessageBorder: solid #f5c6cb !default; +$errorMessageTextColor: #721c24 !default; +$errorMessageIconColor: #721c24 !default; + +//overlays +$overlayContentBorder: 1px solid rgba(0, 0, 0, 0.2) !default; +$overlayContentBg: $panelContentBg !default; +$overlayContainerShadow: none !default; + +//dialog +$dialogHeaderBg: $shade000 !default; +$dialogHeaderBorder: 1px solid $shade200 !default; +$dialogHeaderTextColor: $shade900 !default; +$dialogHeaderFontWeight: 600 !default; +$dialogHeaderFontSize: 1.25rem !default; +$dialogHeaderPadding: 1rem !default; +$dialogContentPadding: 1rem !default; +$dialogFooterBorder: 1px solid $shade200 !default; +$dialogFooterPadding: 1rem !default; + +//confirmpopup +$confirmPopupContentPadding: $panelContentPadding !default; +$confirmPopupFooterPadding: 0 1.25rem 1.25rem 1.25rem !default; + +//tooltip +$tooltipBg: $shade900 !default; +$tooltipTextColor: $shade000 !default; +$tooltipPadding: $inputPadding !default; + +//steps +$stepsItemBg: transparent !default; +$stepsItemBorder: 1px solid $shade300 !default; +$stepsItemTextColor: $shade600 !default; +$stepsItemNumberWidth: 2rem !default; +$stepsItemNumberHeight: 2rem !default; +$stepsItemNumberFontSize: 1.143rem !default; +$stepsItemNumberColor: $shade900 !default; +$stepsItemNumberBorderRadius: $borderRadius !default; +$stepsItemActiveFontWeight: 600 !default; + +//progressbar +$progressBarHeight: 1.5rem !default; +$progressBarBorder: 0 none !default; +$progressBarBg: $shade200 !default; +$progressBarValueBg: $primaryColor !default; +$progressBarValueTextColor: $primaryTextColor !default; + +//menu (e.g. menu, menubar, tieredmenu) +$menuWidth: 12.5rem !default; +$menuBg: $shade000 !default; +$menuBorder: 1px solid $shade300 !default; +$menuTextColor: $shade900 !default; +$menuitemPadding: 0.75rem 1rem !default; +$menuitemBorderRadius: 0 !default; +$menuitemTextColor: $shade900 !default; +$menuitemIconColor: $shade900 !default; +$menuitemTextHoverColor: $shade900 !default; +$menuitemIconHoverColor: $shade900 !default; +$menuitemHoverBg: $shade200 !default; +$menuitemTextFocusColor: $shade900 !default; +$menuitemIconFocusColor: $shade900 !default; +$menuitemFocusBg: $shade300 !default; +$menuitemTextActiveColor: $shade900 !default; +$menuitemIconActiveColor: $shade900 !default; +$menuitemActiveBg: $shade200 !default; +$menuitemActiveFocusBg: $shade200 !default; +$menuitemSubmenuIconFontSize: 0.875rem !default; +$submenuHeaderMargin: 0 !default; +$submenuHeaderPadding: 0.75rem 1rem !default; +$submenuHeaderBg: $shade000 !default; +$submenuHeaderTextColor: $shade900 !default; +$submenuHeaderBorderRadius: 0 !default; +$submenuHeaderFontWeight: 600 !default; +$overlayMenuBg: $menuBg !default; +$overlayMenuBorder: 1px solid rgba(0, 0, 0, 0.15) !default; +$overlayMenuShadow: none !default; +$verticalMenuPadding: 0.5rem 0 !default; +$verticalMenuitemMargin: 0 !default; +$menuSeparatorMargin: 0.5rem 0 !default; + +$breadcrumbPadding: 1rem !default; +$breadcrumbBg: $shade100 !default; +$breadcrumbBorder: 0 none !default; +$breadcrumbItemTextColor: $primaryColor !default; +$breadcrumbItemIconColor: $primaryColor !default; +$breadcrumbLastItemTextColor: $shade600 !default; +$breadcrumbLastItemIconColor: $shade600 !default; +$breadcrumbSeparatorColor: $shade600 !default; + +$horizontalMenuPadding: 0.5rem 1rem !default; +$horizontalMenuBg: $shade100 !default; +$horizontalMenuBorder: 0 none !default; +$horizontalMenuTextColor: rgba(0, 0, 0, 0.9) !default; +$horizontalMenuRootMenuitemPadding: 1rem !default; +$horizontalMenuRootMenuitemBorderRadius: $borderRadius !default; +$horizontalMenuRootMenuitemTextColor: rgba(0, 0, 0, 0.5) !default; +$horizontalMenuRootMenuitemIconColor: rgba(0, 0, 0, 0.5) !default; +$horizontalMenuRootMenuitemTextHoverColor: rgba(0, 0, 0, 0.7) !default; +$horizontalMenuRootMenuitemIconHoverColor: rgba(0, 0, 0, 0.7) !default; +$horizontalMenuRootMenuitemHoverBg: transparent !default; +$horizontalMenuRootMenuitemTextActiveColor: rgba(0, 0, 0, 0.9) !default; +$horizontalMenuRootMenuitemIconActiveColor: rgba(0, 0, 0, 0.9) !default; +$horizontalMenuRootMenuitemActiveBg: transparent !default; + +//badge and tag +$badgeBg: $primaryColor !default; +$badgeTextColor: $primaryTextColor !default; +$badgeMinWidth: 1.5rem !default; +$badgeHeight: 1.5rem !default; +$badgeFontWeight: 700 !default; +$badgeFontSize: 0.75rem !default; + +$tagPadding: 0.25rem 0.4rem !default; + +//carousel +$carouselIndicatorsPadding: 1rem !default; +$carouselIndicatorBg: $shade200 !default; +$carouselIndicatorHoverBg: $shade300 !default; +$carouselIndicatorBorderRadius: 0 !default; +$carouselIndicatorWidth: 2rem !default; +$carouselIndicatorHeight: 0.5rem !default; + +//galleria +$galleriaMaskBg: rgba(0, 0, 0, 0.9) !default; +$galleriaCloseIconMargin: 0.5rem !default; +$galleriaCloseIconFontSize: 2rem !default; +$galleriaCloseIconBg: transparent !default; +$galleriaCloseIconColor: $shade100 !default; +$galleriaCloseIconHoverBg: rgba(255, 255, 255, 0.1) !default; +$galleriaCloseIconHoverColor: $shade100 !default; +$galleriaCloseIconWidth: 4rem !default; +$galleriaCloseIconHeight: 4rem !default; +$galleriaCloseIconBorderRadius: $borderRadius !default; + +$galleriaItemNavigatorBg: transparent !default; +$galleriaItemNavigatorColor: $shade100 !default; +$galleriaItemNavigatorMargin: 0 0.5rem !default; +$galleriaItemNavigatorFontSize: 2rem !default; +$galleriaItemNavigatorHoverBg: rgba(255, 255, 255, 0.1) !default; +$galleriaItemNavigatorHoverColor: $shade100 !default; +$galleriaItemNavigatorWidth: 4rem !default; +$galleriaItemNavigatorHeight: 4rem !default; +$galleriaItemNavigatorBorderRadius: $borderRadius !default; + +$galleriaCaptionBg: rgba(0, 0, 0, 0.5) !default; +$galleriaCaptionTextColor: $shade100 !default; +$galleriaCaptionPadding: 1rem !default; + +$galleriaIndicatorsPadding: 1rem !default; +$galleriaIndicatorBg: $shade200 !default; +$galleriaIndicatorHoverBg: $shade300 !default; +$galleriaIndicatorBorderRadius: $borderRadius !default; +$galleriaIndicatorWidth: 1rem !default; +$galleriaIndicatorHeight: 1rem !default; +$galleriaIndicatorsBgOnItem: rgba(0, 0, 0, 0.5) !default; +$galleriaIndicatorBgOnItem: rgba(255, 255, 255, 0.4) !default; +$galleriaIndicatorHoverBgOnItem: rgba(255, 255, 255, 0.6) !default; + +$galleriaThumbnailContainerBg: rgba(0, 0, 0, 0.9) !default; +$galleriaThumbnailContainerPadding: 1rem 0.25rem !default; +$galleriaThumbnailNavigatorBg: transparent !default; +$galleriaThumbnailNavigatorColor: $shade100 !default; +$galleriaThumbnailNavigatorHoverBg: rgba(255, 255, 255, 0.1) !default; +$galleriaThumbnailNavigatorHoverColor: $shade100 !default; +$galleriaThumbnailNavigatorBorderRadius: $borderRadius !default; +$galleriaThumbnailNavigatorWidth: 2rem !default; +$galleriaThumbnailNavigatorHeight: 2rem !default; + +//divider +$dividerHorizontalMargin: 1rem 0 !default; +$dividerHorizontalPadding: 0 1rem !default; +$dividerVerticalMargin: 0 1rem !default; +$dividerVerticalPadding: 1rem 0 !default; +$dividerSize: 1px !default; +$dividerColor: $shade300 !default; + +//avatar +$avatarBg: $shade300 !default; +$avatarTextColor: $textColor !default; + +//chip +$chipBg: $shade300 !default; +$chipTextColor: $textColor !default; +$chipBorderRadius: 16px !default; +$chipFocusBg: $shade400 !default; +$chipFocusTextColor: $textColor !default; + +//scrollTop +$scrollTopBg: rgba(0, 0, 0, 0.7) !default; +$scrollTopHoverBg: rgba(0, 0, 0, 0.8) !default; +$scrollTopWidth: 3rem !default; +$scrollTopHeight: 3rem !default; +$scrollTopBorderRadius: $borderRadius !default; +$scrollTopFontSize: 1.5rem !default; +$scrollTopTextColor: $shade100 !default; + +//skeleton +$skeletonBg: $shade200 !default; +$skeletonAnimationBg: rgba(255, 255, 255, 0.4) !default; + +//splitter +$splitterGutterBg: $shade100 !default; +$splitterGutterHandleBg: $shade300 !default; + +//speeddial +$speedDialButtonWidth: 4rem !default; +$speedDialButtonHeight: 4rem !default; +$speedDialButtonIconFontSize: 1.3rem !default; +$speedDialActionWidth: 3rem !default; +$speedDialActionHeight: 3rem !default; +$speedDialActionBg: $shade700 !default; +$speedDialActionHoverBg: $shade800 !default; +$speedDialActionTextColor: #fff !default; +$speedDialActionTextHoverColor: #fff !default; + +//dock +$dockActionWidth: 4rem !default; +$dockActionHeight: 4rem !default; +$dockItemPadding: 0.5rem !default; +$dockItemBorderRadius: $borderRadius !default; +$dockCurrentItemMargin: 1.5rem !default; +$dockFirstItemsMargin: 1.3rem !default; +$dockSecondItemsMargin: 0.9rem !default; +$dockBg: rgba(255, 255, 255, 0.1) !default; +$dockBorder: 1px solid rgba(255, 255, 255, 0.2) !default; +$dockPadding: 0.5rem 0.5rem !default; +$dockBorderRadius: 0.5rem !default; + +//image +$imageMaskBg: rgba(0, 0, 0, 0.9) !default; +$imagePreviewToolbarPadding: 1rem !default; +$imagePreviewIndicatorColor: #f8f9fa !default; +$imagePreviewIndicatorBg: rgba(0, 0, 0, 0.5) !default; +$imagePreviewActionIconBg: transparent !default; +$imagePreviewActionIconColor: #f8f9fa !default; +$imagePreviewActionIconHoverBg: rgba(255, 255, 255, 0.1) !default; +$imagePreviewActionIconHoverColor: #f8f9fa !default; +$imagePreviewActionIconWidth: 3rem !default; +$imagePreviewActionIconHeight: 3rem !default; +$imagePreviewActionIconFontSize: 1.5rem !default; +$imagePreviewActionIconBorderRadius: 50% !default; + +:root { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol"; + --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol"; + --surface-a: #{$shade000}; + --surface-b: #{$shade100}; + --surface-c: #{$shade200}; + --surface-d: #{$shade300}; + --surface-e: #{$shade000}; + --surface-f: #{$shade000}; + --text-color: #{$shade900}; + --text-color-secondary: #{$shade600}; + --primary-color: #{$primaryColor}; + --primary-color-text: #{$primaryTextColor}; + --surface-0: #ffffff; + --surface-50: #f9fafb; + --surface-100: #f8f9fa; + --surface-200: #e9ecef; + --surface-300: #dee2e6; + --surface-400: #ced4da; + --surface-500: #adb5bd; + --surface-600: #6c757d; + --surface-700: #495057; + --surface-800: #343a40; + --surface-900: #212529; + --gray-50: #f9fafb; + --gray-100: #f8f9fa; + --gray-200: #e9ecef; + --gray-300: #dee2e6; + --gray-400: #ced4da; + --gray-500: #adb5bd; + --gray-600: #6c757d; + --gray-700: #495057; + --gray-800: #343a40; + --gray-900: #212529; + --content-padding: #{$panelContentPadding}; + --inline-spacing: #{$inlineSpacing}; + --border-radius: #{$borderRadius}; + --surface-ground: #efefef; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #dee2e6; + --surface-hover: #e9ecef; + --maskbg: #{$maskBg}; + --highlight-bg: #{$highlightBg}; + --highlight-text-color: #{$highlightTextColor}; + --focus-ring: #{$focusShadow}; + color-scheme: light; +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/bootstrap4/bootstrap4-light/blue/_extensions.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/bootstrap4/bootstrap4-light/blue/_extensions.scss new file mode 100644 index 000000000..f5dbaa43b --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/bootstrap4/bootstrap4-light/blue/_extensions.scss @@ -0,0 +1 @@ +/* Customizations to the designer theme should be defined here */ \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/bootstrap4/bootstrap4-light/blue/_fonts.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/bootstrap4/bootstrap4-light/blue/_fonts.scss new file mode 100644 index 000000000..e38a3a604 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/bootstrap4/bootstrap4-light/blue/_fonts.scss @@ -0,0 +1 @@ +// Configuration for the font-face of the theme, defaults to the system font so left as blank \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/bootstrap4/bootstrap4-light/blue/_variables.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/bootstrap4/bootstrap4-light/blue/_variables.scss new file mode 100644 index 000000000..2c4d2db96 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/bootstrap4/bootstrap4-light/blue/_variables.scss @@ -0,0 +1,12 @@ +$primaryLightColor: rgba(38,143,255,.5) !default; +$primaryColor: #007bff !default; +$primaryDarkColor: #0069d9 !default; +$primaryDarkerColor: #0062cc !default; +$primaryTextColor: #ffffff !default; +$primaryAccentBg: #cce5ff !default; + +$highlightBg: $primaryColor !default; +$highlightTextColor: $primaryTextColor !default; +$highlightFocusBg: darken($primaryColor, 8%) !default; + +@import '../_variables_light' \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/bootstrap4/bootstrap4-light/blue/theme.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/bootstrap4/bootstrap4-light/blue/theme.scss new file mode 100644 index 000000000..4559027f6 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/bootstrap4/bootstrap4-light/blue/theme.scss @@ -0,0 +1,5 @@ +@import './variables'; +@import './_fonts'; +@import '../../../../theme-base/_components'; +@import '../../_vendor_extensions'; +@import './_extensions'; diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/bootstrap4/bootstrap4-light/purple/_extensions.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/bootstrap4/bootstrap4-light/purple/_extensions.scss new file mode 100644 index 000000000..f5dbaa43b --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/bootstrap4/bootstrap4-light/purple/_extensions.scss @@ -0,0 +1 @@ +/* Customizations to the designer theme should be defined here */ \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/bootstrap4/bootstrap4-light/purple/_fonts.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/bootstrap4/bootstrap4-light/purple/_fonts.scss new file mode 100644 index 000000000..e38a3a604 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/bootstrap4/bootstrap4-light/purple/_fonts.scss @@ -0,0 +1 @@ +// Configuration for the font-face of the theme, defaults to the system font so left as blank \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/bootstrap4/bootstrap4-light/purple/_variables.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/bootstrap4/bootstrap4-light/purple/_variables.scss new file mode 100644 index 000000000..009b4fb0d --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/bootstrap4/bootstrap4-light/purple/_variables.scss @@ -0,0 +1,12 @@ +$primaryLightColor: rgba(136, 60, 174, 0.5) !default; +$primaryColor: #883cae !default; +$primaryDarkColor: #7a38a7 !default; +$primaryDarkerColor: #68329e !default; +$primaryTextColor: #ffffff !default; +$primaryAccentBg: #e7d8ef !default; + +$highlightBg: $primaryColor !default; +$highlightTextColor: $primaryTextColor !default; +$highlightFocusBg: darken($primaryColor, 8%) !default; + +@import '../_variables_light'; \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/bootstrap4/bootstrap4-light/purple/theme.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/bootstrap4/bootstrap4-light/purple/theme.scss new file mode 100644 index 000000000..4559027f6 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/bootstrap4/bootstrap4-light/purple/theme.scss @@ -0,0 +1,5 @@ +@import './variables'; +@import './_fonts'; +@import '../../../../theme-base/_components'; +@import '../../_vendor_extensions'; +@import './_extensions'; diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/fluent/fluent-light/_extensions.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/fluent/fluent-light/_extensions.scss new file mode 100644 index 000000000..1678f972a --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/fluent/fluent-light/_extensions.scss @@ -0,0 +1,274 @@ +/* Customizations to the designer theme should be defined here */ +@mixin disabled-input() { + background-color: $neutralLighter; + border-color: $neutralLighter; + color: $neutralTertiary; + opacity: 1; + user-select: none; +} + +@mixin focused-input-field() { + box-shadow: inset 0 0 0 1px $themePrimary; +} + +@mixin focused-with-outline() { + box-shadow: none; + outline: 1px solid $focusOutlineColor; + outline-offset: 2px; +} + +@layer primeng { + .p-button-label { + font-weight: 600; + } + + .p-slider:not(.p-disabled):hover { + background-color: $themeLighter; + + .p-slider-range { + background-color: $themePrimary; + } + + .p-slider-handle { + border-color: $themeDark; + } + } + + .p-inputswitch { + width: 40px; + height: 20px; + + .p-inputswitch-slider { + border: $inputBorder; + + &:before { + width: 12px; + height: 12px; + margin-top: -6px; + } + } + + &:not(.p-disabled):hover { + .p-inputswitch-slider { + border-color: $inputHoverBorderColor; + + &:before { + background-color: $inputHoverBorderColor; + } + } + } + + &.p-inputswitch-checked { + &:not(.p-disabled):hover { + .p-inputswitch-slider { + border-color: $inputSwitchSliderOnBg; + + &:before { + background-color: $inputSwitchHandleOnBg; + } + } + } + + .p-inputswitch-slider { + border-color: $inputSwitchSliderOnBg; + } + } + } + + .p-datepicker { + .p-datepicker-header .p-datepicker-title { + order: 1; + margin: 0 auto 0 0; + } + + .p-datepicker-prev { + order: 2; + + .p-datepicker-prev-icon:before { + content: "\e919"; + } + } + + .p-datepicker-next { + order: 3; + font-size: 90%; + + .p-datepicker-next-icon:before { + content: "\e91c"; + } + } + + .p-datepicker-buttonbar { + border-top: 0 none; + } + + .p-timepicker { + border-top: 0 none; + + span { + font-size: 90%; + } + + .pi-chevron-up:before { + content: "\e91c"; + } + + .pi-chevron-down:before { + content: "\e919"; + } + } + + table { + font-size: 90%; + + td { + &.p-datepicker-today { + > span { + border-radius: 50%; + } + } + } + } + + .p-datepicker-buttonbar { + .p-button { + font-size: 90%; + color: $textColor; + + .p-button-label { + font-weight: 400; + } + + &:enabled:hover { + color: $textColor; + background-color:$neutralLighter; + } + } + } + + .p-monthpicker { + .p-monthpicker-month { + padding: .5rem 0; + } + } + } + + .p-datatable { + font-size: 90%; + } + + .p-toast { + font-size: 90%; + + .p-toast-icon-close-icon { + font-size: 90%; + } + } + + .p-message { + font-size: 90%; + + .p-message-close { + .p-message-close-icon { + font-size: 90%; + } + } + } + + .p-tooltip { + .p-tooltip-text { + font-size: 90%; + } + } + + .p-component { + .p-menu-separator { + border-color: #eeeeee; + } + } + + .p-submenu-icon { + color: $textSecondaryColor !important; + } + + .p-menuitem-active .p-submenu-icon { + color: $textColor !important; + } + + .p-progressbar-label { + display: none !important; + } + + .p-carousel { + .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: $themePrimary; + } + } + + .p-galleria { + .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: $themePrimary; + } + } + + .p-inputtext { + &:disabled { + @include disabled-input(); + } + + &:enabled:focus { + @include focused-input-field(); + } + } + + .p-checkbox .p-checkbox-box, + .p-radiobutton .p-radiobutton-box, + .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container, + .p-chips .p-chips-multiple-container { + &.p-disabled { + @include disabled-input(); + } + + &:not(.p-disabled).p-focus { + @include focused-input-field(); + } + } + + .p-dropdown, + .p-multiselect { + &.p-disabled { + @include disabled-input(); + + .p-dropdown-label, + .p-dropdown-trigger-icon { + color: $neutralTertiary; + } + } + + &:not(.p-disabled).p-focus { + @include focused-input-field(); + } + } + + .p-inputswitch.p-focus { + .p-inputswitch-slider { + box-shadow: none; + outline: 1px solid $focusOutlineColor; + outline-offset: 2px; + } + } + + .p-datatable { + .p-datatable-tbody { + > tr { + &.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 $themePrimary; + } + + &.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 $themePrimary; + } + } + } + } +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/fluent/fluent-light/_fonts.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/fluent/fluent-light/_fonts.scss new file mode 100644 index 000000000..e69de29bb diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/fluent/fluent-light/_variables.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/fluent/fluent-light/_variables.scss new file mode 100644 index 000000000..f82521c41 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/fluent/fluent-light/_variables.scss @@ -0,0 +1,963 @@ +//theme +$themeDarker: #004578 !default; +$themeDark: #005a9e !default; +$themeDarkAlt: #106ebe !default; +$themePrimary: #0078d4 !default; +$themeSecondary: #2b88d8 !default; +$themeTertiary: #71afe5 !default; +$themeLight: #c7e0f4 !default; +$themeLighter: #deecf9 !default; +$themeLighterAlt: #eff6fc !default; + +$colors: ( + "blue": #106ebe, + "green": #60a90a, + "yellow": #ffb900, + "cyan": #00b7c3, + "pink": #e3008c, + "indigo": #2e48c6, + "teal": #008272, + "orange": #d45c00, + "bluegray": #758fb6, + "purple": #8378de, + "red": #d13438, + "primary": $themePrimary, +) !default; + +//foreground +$black: #000000 !default; +$white: #ffffff !default; +$neutralDark: #201f1e !default; +$neutralPrimary: #323130 !default; +$neutralPrimaryAlt: #3b3a39 !default; +$neutralSecondary: #605e5c !default; +$neutralTertiary: #a19f9d !default; +$neutralTertiaryAlt: #c8c6c4 !default; +$neutralQuaternaryAlt: #e1dfdd !default; +$neutralLight: #edebe9 !default; +$neutralLighter: #f3f2f1 !default; +$neutralLighterAlt: #faf9f8 !default; + +//global +$fontFamily: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, + Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default; +$fontSize: 1rem !default; +$fontWeight: normal !default; +$textColor: $neutralPrimary !default; +$textSecondaryColor: $neutralSecondary !default; +$borderRadius: 2px !default; +$transitionDuration: 0.2s !default; +$formElementTransition: background-color $transitionDuration, + color $transitionDuration, border-color $transitionDuration, + box-shadow $transitionDuration !default; +$actionIconTransition: background-color $transitionDuration, + color $transitionDuration, box-shadow $transitionDuration !default; +$listItemTransition: box-shadow $transitionDuration !default; +$primeIconFontSize: 1rem !default; +$divider: 1px solid $neutralLight !default; +$inlineSpacing: 0.5rem !default; +$disabledOpacity: 0.6 !default; +$maskBg: rgba(0, 0, 0, 0.4) !default; +$loadingIconFontSize: 2rem !default; +$errorColor: #a4252c !default; + +//highlight +$highlightBg: $neutralLight !default; +$highlightTextColor: $neutralPrimary !default; +$highlightFocusBg: $neutralQuaternaryAlt !default; + +//scale +$scaleSM: 0.875 !default; +$scaleLG: 1.25 !default; + +//focus +$focusOutlineColor: $neutralSecondary !default; +$focusOutline: 0 none !default; +$focusOutlineOffset: 0 !default; +$focusShadow: inset 0 0 0 1px $focusOutlineColor !default; + +//action icons +$actionIconWidth: 2rem !default; +$actionIconHeight: 2rem !default; +$actionIconBg: transparent !default; +$actionIconBorder: 0 none !default; +$actionIconColor: $neutralSecondary !default; +$actionIconHoverBg: $neutralLighter !default; +$actionIconHoverBorderColor: transparent !default; +$actionIconHoverColor: $neutralSecondary !default; +$actionIconBorderRadius: 2px !default; + +//input field (e.g. inputtext, spinner, inputmask) +$inputPadding: 0.5rem 0.5rem !default; +$inputTextFontSize: 1rem !default; + +$inputBg: $white !default; +$inputTextColor: $neutralPrimary !default; +$inputIconColor: $neutralSecondary !default; +$inputBorder: 1px solid $neutralSecondary !default; +$inputHoverBorderColor: $neutralPrimary !default; +$inputFocusBorderColor: $themePrimary !default; +$inputErrorBorderColor: $errorColor !default; +$inputPlaceholderTextColor: $neutralSecondary !default; +$inputFilledBg: $neutralLighterAlt !default; +$inputFilledHoverBg: $neutralLighterAlt !default; +$inputFilledFocusBg: $neutralLighterAlt !default; + +//input groups +$inputGroupBg: $neutralLighter !default; +$inputGroupTextColor: $neutralSecondary !default; +$inputGroupAddOnMinWidth: 2.357rem !default; + +//input lists (e.g. dropdown, autocomplete, multiselect, orderlist) +$inputListBg: $white !default; +$inputListTextColor: $neutralPrimary !default; +$inputListBorder: $inputBorder !default; +$inputListPadding: 0 !default; +$inputListItemPadding: 0.75rem 0.5rem !default; +$inputListItemBg: transparent !default; +$inputListItemTextColor: $neutralPrimary !default; +$inputListItemHoverBg: $neutralLighter !default; +$inputListItemTextHoverColor: $neutralPrimary !default; +$inputListItemFocusBg: $neutralQuaternaryAlt !default; +$inputListItemTextFocusColor: $neutralPrimary !default; +$inputListItemBorder: 1px solid transparent !default; +$inputListItemBorderRadius: 0 !default; +$inputListItemMargin: 0 !default; +$inputListItemFocusShadow: inset 0 0 0 0.15rem $focusOutlineColor !default; +$inputListHeaderPadding: 0.75rem 0.5rem !default; +$inputListHeaderMargin: 0 !default; +$inputListHeaderBg: $white !default; +$inputListHeaderTextColor: $neutralPrimary !default; +$inputListHeaderBorder: 1px solid $neutralLight !default; + +//inputs with overlays (e.g. autocomplete, dropdown, multiselect) +$inputOverlayBg: $inputListBg !default; +$inputOverlayHeaderBg: $inputListHeaderBg !default; +$inputOverlayBorder: 0 none !default; +$inputOverlayShadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, + rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px !default; + +//password +$passwordMeterBg: #edebe9 !default; +$passwordWeakBg: #d13438 !default; +$passwordMediumBg: #ffaa44 !default; +$passwordStrongBg: #498205 !default; + +//button +$buttonPadding: 0.5rem 1rem !default; +$buttonIconOnlyWidth: 2.357rem !default; +$buttonIconOnlyPadding: 0.5rem 0 !default; +$buttonBg: $themePrimary !default; +$buttonTextColor: $white !default; +$buttonBorder: 1px solid $themePrimary !default; +$buttonHoverBg: $themeDarkAlt !default; +$buttonTextHoverColor: $white !default; +$buttonHoverBorderColor: $themeDarkAlt !default; +$buttonActiveBg: $themeDark !default; +$buttonTextActiveColor: $white !default; +$buttonActiveBorderColor: $themeDark !default; +$raisedButtonShadow: 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) !default; +$roundedButtonBorderRadius: 2rem !default; + +$textButtonHoverBgOpacity: 0.04 !default; +$textButtonActiveBgOpacity: 0.16 !default; +$outlinedButtonBorder: 1px solid !default; +$plainButtonTextColor: $textSecondaryColor !default; +$plainButtonHoverBgColor: $neutralLighter !default; +$plainButtonActiveBgColor: #edebe9 !default; + +$secondaryButtonBg: #d45c00 !default; +$secondaryButtonTextColor: $white !default; +$secondaryButtonBorder: 1px solid $secondaryButtonBg !default; +$secondaryButtonHoverBg: scale-color( + $secondaryButtonBg, + $lightness: -10% +) !default; +$secondaryButtonTextHoverColor: $secondaryButtonTextColor !default; +$secondaryButtonHoverBorderColor: scale-color( + $secondaryButtonBg, + $lightness: -10% +) !default; +$secondaryButtonActiveBg: scale-color( + $secondaryButtonBg, + $lightness: -20% +) !default; +$secondaryButtonTextActiveColor: $secondaryButtonTextColor !default; +$secondaryButtonActiveBorderColor: scale-color( + $secondaryButtonBg, + $lightness: -20% +) !default; +$secondaryButtonFocusShadow: 0 0 0 0.2rem + scale-color($secondaryButtonBg, $lightness: 60%) !default; + +$infoButtonBg: #00b7c3 !default; +$infoButtonTextColor: $white !default; +$infoButtonBorder: 1px solid $infoButtonBg !default; +$infoButtonHoverBg: scale-color($infoButtonBg, $lightness: -10%) !default; +$infoButtonTextHoverColor: $infoButtonTextColor !default; +$infoButtonHoverBorderColor: scale-color( + $infoButtonBg, + $lightness: -10% +) !default; +$infoButtonActiveBg: scale-color($infoButtonBg, $lightness: -20%) !default; +$infoButtonTextActiveColor: $infoButtonTextColor !default; +$infoButtonActiveBorderColor: scale-color( + $infoButtonBg, + $lightness: -20% +) !default; +$infoButtonFocusShadow: 0 0 0 0.2rem scale-color($infoButtonBg, $lightness: 60%) !default; + +$successButtonBg: #498205 !default; +$successButtonTextColor: $white !default; +$successButtonBorder: 1px solid $successButtonBg !default; +$successButtonHoverBg: scale-color($successButtonBg, $lightness: -10%) !default; +$successButtonTextHoverColor: $successButtonTextColor !default; +$successButtonHoverBorderColor: scale-color( + $successButtonBg, + $lightness: -10% +) !default; +$successButtonActiveBg: scale-color( + $successButtonBg, + $lightness: -20% +) !default; +$successButtonTextActiveColor: $successButtonTextColor !default; +$successButtonActiveBorderColor: scale-color( + $successButtonBg, + $lightness: -20% +) !default; +$successButtonFocusShadow: 0 0 0 0.2rem + scale-color($successButtonBg, $lightness: 60%) !default; + +$warningButtonBg: #ffaa44 !default; +$warningButtonTextColor: $neutralPrimary !default; +$warningButtonBorder: 1px solid $warningButtonBg !default; +$warningButtonHoverBg: scale-color($warningButtonBg, $lightness: -10%) !default; +$warningButtonTextHoverColor: $warningButtonTextColor !default; +$warningButtonHoverBorderColor: scale-color( + $warningButtonBg, + $lightness: -10% +) !default; +$warningButtonActiveBg: scale-color( + $warningButtonBg, + $lightness: -20% +) !default; +$warningButtonTextActiveColor: $warningButtonTextColor !default; +$warningButtonActiveBorderColor: scale-color( + $warningButtonBg, + $lightness: -20% +) !default; +$warningButtonFocusShadow: 0 0 0 0.2rem + scale-color($warningButtonBg, $lightness: 60%) !default; + +$helpButtonBg: #8378de !default; +$helpButtonTextColor: $white !default; +$helpButtonBorder: 1px solid $helpButtonBg !default; +$helpButtonHoverBg: scale-color($helpButtonBg, $lightness: -10%) !default; +$helpButtonTextHoverColor: $helpButtonTextColor !default; +$helpButtonHoverBorderColor: scale-color( + $helpButtonBg, + $lightness: -10% +) !default; +$helpButtonActiveBg: scale-color($helpButtonBg, $lightness: -20%) !default; +$helpButtonTextActiveColor: $helpButtonTextColor !default; +$helpButtonActiveBorderColor: scale-color( + $helpButtonBg, + $lightness: -20% +) !default; +$helpButtonFocusShadow: 0 0 0 0.2rem scale-color($helpButtonBg, $lightness: 60%) !default; + +$dangerButtonBg: #d13438 !default; +$dangerButtonTextColor: $white !default; +$dangerButtonBorder: 1px solid $dangerButtonBg !default; +$dangerButtonHoverBg: scale-color($dangerButtonBg, $lightness: -10%) !default; +$dangerButtonTextHoverColor: $dangerButtonTextColor !default; +$dangerButtonHoverBorderColor: scale-color( + $dangerButtonBg, + $lightness: -10% +) !default; +$dangerButtonActiveBg: scale-color($dangerButtonBg, $lightness: -20%) !default; +$dangerButtonTextActiveColor: $dangerButtonTextColor !default; +$dangerButtonActiveBorderColor: scale-color( + $dangerButtonBg, + $lightness: -20% +) !default; +$dangerButtonFocusShadow: 0 0 0 0.2rem + scale-color($dangerButtonBg, $lightness: 60%) !default; + +$linkButtonColor: $themePrimary !default; +$linkButtonHoverColor: $themeDark !default; +$linkButtonTextHoverDecoration: underline !default; +$linkButtonFocusShadow: 0 0 0 1px $focusOutlineColor !default; + +//checkbox +$checkboxWidth: 20px !default; +$checkboxHeight: 20px !default; +$checkboxBorder: 1px solid $neutralSecondary !default; +$checkboxIconFontSize: 14px !default; +$checkboxActiveBorderColor: $themePrimary !default; +$checkboxActiveBg: $themePrimary !default; +$checkboxIconActiveColor: $white !default; +$checkboxActiveHoverBg: $themeDark !default; +$checkboxIconActiveHoverColor: $white !default; +$checkboxActiveHoverBorderColor: $themeDark !default; + +//radiobutton +$radiobuttonWidth: 20px !default; +$radiobuttonHeight: 20px !default; +$radiobuttonBorder: 1px solid $neutralSecondary !default; +$radiobuttonIconSize: 12px !default; +$radiobuttonActiveBorderColor: $themePrimary !default; +$radiobuttonActiveBg: $white !default; +$radiobuttonIconActiveColor: $themePrimary !default; +$radiobuttonActiveHoverBg: $white !default; +$radiobuttonIconActiveHoverColor: $themeDark !default; +$radiobuttonActiveHoverBorderColor: $themeDark !default; + +//colorpicker +$colorPickerPreviewWidth: 2rem !default; +$colorPickerPreviewHeight: 2rem !default; +$colorPickerBg: #323232 !default; +$colorPickerBorder: 1px solid #191919 !default; +$colorPickerHandleColor: $white !default; + +//togglebutton +$toggleButtonBg: $inputBg !default; +$toggleButtonBorder: 1px solid $neutralSecondary !default; +$toggleButtonTextColor: $neutralPrimary !default; +$toggleButtonIconColor: $neutralSecondary !default; +$toggleButtonHoverBg: $neutralLighter !default; +$toggleButtonHoverBorderColor: $neutralSecondary !default; +$toggleButtonTextHoverColor: $neutralPrimary !default; +$toggleButtonIconHoverColor: $neutralSecondary !default; +$toggleButtonActiveBg: $highlightBg !default; +$toggleButtonActiveBorderColor: $neutralSecondary !default; +$toggleButtonTextActiveColor: $highlightTextColor !default; +$toggleButtonIconActiveColor: $highlightTextColor !default; +$toggleButtonActiveHoverBg: $highlightBg !default; +$toggleButtonActiveHoverBorderColor: $neutralSecondary !default; +$toggleButtonTextActiveHoverColor: $highlightTextColor !default; +$toggleButtonIconActiveHoverColor: $highlightTextColor !default; + +//inplace +$inplacePadding: $inputPadding !default; +$inplaceHoverBg: $neutralLighter !default; +$inplaceTextHoverColor: $neutralPrimary !default; + +//rating +$ratingIconFontSize: 1.143rem !default; +$ratingCancelIconColor: #a4252c !default; +$ratingCancelIconHoverColor: #a4252c !default; +$ratingStarIconOffColor: $neutralPrimary !default; +$ratingStarIconOnColor: $neutralPrimary !default; +$ratingStarIconHoverColor: $themePrimary !default; + +//slider +$sliderBg: #c8c6c4 !default; +$sliderBorder: 0 none !default; +$sliderHorizontalHeight: 4px !default; +$sliderVerticalWidth: 4px !default; +$sliderHandleWidth: 16px !default; +$sliderHandleHeight: 16px !default; +$sliderHandleBg: $white !default; +$sliderHandleBorder: 2px solid $neutralSecondary !default; +$sliderHandleBorderRadius: 50% !default; +$sliderHandleHoverBorderColor: $themeDark !default; +$sliderHandleHoverBg: $white !default; +$sliderRangeBg: $neutralSecondary !default; + +//calendar +$calendarTableMargin: 0 !default; +$calendarPadding: 0.75rem !default; +$calendarBg: $white !default; +$calendarInlineBg: $calendarBg !default; +$calendarTextColor: $neutralPrimary !default; +$calendarBorder: $inputListBorder !default; +$calendarOverlayBorder: $inputOverlayBorder !default; + +$calendarHeaderPadding: 0 0.5rem 0.5rem 0.5rem !default; +$calendarHeaderBg: $white !default; +$calendarInlineHeaderBg: $calendarBg !default; +$calendarHeaderBorder: 0 none !default; +$calendarHeaderTextColor: $neutralPrimary !default; +$calendarHeaderFontWeight: 600 !default; +$calendarHeaderCellPadding: 0.5rem !default; +$calendarMonthYearHeaderHoverTextColor: $themePrimary !default; + +$calendarCellDatePadding: 1px !default; +$calendarCellDateWidth: 2rem !default; +$calendarCellDateHeight: 2rem !default; +$calendarCellDateBorderRadius: $borderRadius !default; +$calendarCellDateBorder: 0 none !default; +$calendarCellDateHoverBg: $neutralLighter !default; +$calendarCellDateTodayBg: $themePrimary !default; +$calendarCellDateTodayBorderColor: transparent !default; +$calendarCellDateTodayTextColor: $white !default; + +$calendarButtonBarPadding: 1rem 0 !default; +$calendarTimePickerPadding: 0.5rem !default; +$calendarTimePickerElementPadding: 0 0.5rem !default; +$calendarTimePickerTimeFontSize: 1.25rem !default; + +$calendarBreakpoint: 769px !default; +$calendarCellDatePaddingSM: 0 !default; + +//input switch +$inputSwitchWidth: 3rem !default; +$inputSwitchHeight: 1.75rem !default; +$inputSwitchBorderRadius: 30px !default; +$inputSwitchHandleWidth: 1.25rem !default; +$inputSwitchHandleHeight: 1.25rem !default; +$inputSwitchHandleBorderRadius: 50% !default; +$inputSwitchSliderPadding: 0.25rem !default; +$inputSwitchSliderOffBg: $white !default; +$inputSwitchHandleOffBg: $neutralSecondary !default; +$inputSwitchSliderOffHoverBg: $white !default; +$inputSwitchSliderOnBg: $themePrimary !default; +$inputSwitchSliderOnHoverBg: $themeDark !default; +$inputSwitchHandleOnBg: $white !default; + +//panel +$panelHeaderBorderColor: $neutralTertiary !default; +$panelHeaderBorder: 1px solid $neutralTertiary !default; +$panelHeaderBg: $neutralLighterAlt !default; +$panelHeaderTextColor: $neutralPrimary !default; +$panelHeaderFontWeight: 600 !default; +$panelHeaderPadding: 1rem !default; +$panelToggleableHeaderPadding: 0.5rem 1rem !default; + +$panelHeaderHoverBg: $neutralLighter !default; +$panelHeaderHoverBorderColor: $neutralTertiary !default; +$panelHeaderTextHoverColor: $neutralPrimary !default; + +$panelContentBorderColor: $neutralTertiary !default; +$panelContentBorder: 1px solid $neutralTertiary !default; +$panelContentBg: $white !default; +$panelContentEvenRowBg: $neutralLighterAlt !default; +$panelContentTextColor: $neutralPrimary !default; +$panelContentPadding: 1rem !default; + +$panelFooterBorder: 1px solid $neutralTertiary !default; +$panelFooterBg: $white !default; +$panelFooterTextColor: $neutralPrimary !default; +$panelFooterPadding: 0.5rem 1rem !default; + +//accordion +$accordionSpacing: 4px !default; +$accordionHeaderBorder: $panelHeaderBorder !default; +$accordionHeaderBg: $panelHeaderBg !default; +$accordionHeaderTextColor: $panelHeaderTextColor !default; +$accordionHeaderFontWeight: $panelHeaderFontWeight !default; +$accordionHeaderPadding: $panelHeaderPadding !default; + +$accordionHeaderHoverBg: $neutralLighter !default; +$accordionHeaderHoverBorderColor: $neutralTertiary !default; +$accordionHeaderTextHoverColor: $neutralPrimary !default; + +$accordionHeaderActiveBg: $panelHeaderBg !default; +$accordionHeaderActiveBorderColor: $neutralTertiary !default; +$accordionHeaderTextActiveColor: $neutralPrimary !default; + +$accordionHeaderActiveHoverBg: $neutralLighter !default; +$accordionHeaderActiveHoverBorderColor: $neutralTertiary !default; +$accordionHeaderTextActiveHoverColor: $neutralPrimary !default; + +$accordionContentBorder: $panelContentBorder !default; +$accordionContentBg: $panelContentBg !default; +$accordionContentTextColor: $panelContentTextColor !default; +$accordionContentPadding: $panelContentPadding !default; + +//tabview +$tabviewNavBorder: 0 none !default; +$tabviewNavBorderWidth: 0 0 2px 0 !default; +$tabviewNavBg: $white !default; + +$tabviewHeaderSpacing: 0 !default; +$tabviewHeaderBorder: solid $neutralTertiary !default; +$tabviewHeaderBorderWidth: 0 0 2px 0 !default; +$tabviewHeaderBorderColor: transparent transparent transparent transparent !default; +$tabviewHeaderBg: $white !default; +$tabviewHeaderTextColor: $neutralSecondary !default; +$tabviewHeaderFontWeight: $panelHeaderFontWeight !default; +$tabviewHeaderPadding: $panelHeaderPadding !default; +$tabviewHeaderMargin: 0 0.5rem -2px 0 !default; + +$tabviewHeaderHoverBg: $neutralLighter !default; +$tabviewHeaderHoverBorderColor: transparent !default; +$tabviewHeaderTextHoverColor: $neutralSecondary !default; + +$tabviewHeaderActiveBg: $white !default; +$tabviewHeaderActiveBorderColor: $themePrimary !default; +$tabviewHeaderTextActiveColor: $textColor !default; + +$tabviewContentBorder: 0 none !default; +$tabviewContentBg: $panelContentBg !default; +$tabviewContentTextColor: $panelContentTextColor !default; +$tabviewContentPadding: $panelContentPadding !default; + +//upload +$fileUploadProgressBarHeight: 2px !default; +$fileUploadContentPadding: 2rem 1rem !default; +$fileUploadContentHoverBorder: 1px dashed $themePrimary !default; + +//scrollpanel +$scrollPanelTrackBorder: 0 none !default; +$scrollPanelTrackBg: $neutralLighter !default; + +//card +$cardBodyPadding: 1rem !default; +$cardTitleFontSize: 1.5rem !default; +$cardTitleFontWeight: 700 !default; +$cardSubTitleFontWeight: 400 !default; +$cardSubTitleColor: $neutralSecondary !default; +$cardContentPadding: 1rem 0 !default; +$cardFooterPadding: 1rem 0 0 0 !default; +$cardShadow: rgba(0, 0, 0, 0.133) 0px 1.6px 3.6px 0px, + rgba(0, 0, 0, 0.11) 0px 0.3px 0.9px 0px !default; + +//editor +$editorToolbarBg: $panelHeaderBg !default; +$editorToolbarBorder: $panelHeaderBorder !default; +$editorToolbarPadding: $panelHeaderPadding !default; +$editorToolbarIconColor: $textSecondaryColor !default; +$editorToolbarIconHoverColor: $textColor !default; +$editorIconActiveColor: $themePrimary !default; +$editorContentBorder: $panelContentBorder !default; +$editorContentBg: $panelContentBg !default; + +//paginator +$paginatorBg: $white !default; +$paginatorTextColor: $neutralSecondary !default; +$paginatorBorder: solid $neutralLighter !default; +$paginatorBorderWidth: 0 !default; +$paginatorPadding: 0.5rem 1rem !default; +$paginatorElementWidth: $buttonIconOnlyWidth !default; +$paginatorElementHeight: $buttonIconOnlyWidth !default; +$paginatorElementBg: transparent !default; +$paginatorElementBorder: 0 none !default; +$paginatorElementIconColor: $neutralSecondary !default; +$paginatorElementHoverBg: $neutralLighter !default; +$paginatorElementHoverBorderColor: transparent !default; +$paginatorElementIconHoverColor: $neutralPrimary !default; +$paginatorElementBorderRadius: $borderRadius !default; +$paginatorElementMargin: 0.143rem !default; +$paginatorElementPadding: 0 !default; + +//table +$tableHeaderBorder: 1px solid $neutralLighter !default; +$tableHeaderBorderWidth: 1px 0 1px 0 !default; +$tableHeaderBg: $white !default; +$tableHeaderTextColor: $neutralPrimary !default; +$tableHeaderFontWeight: 600 !default; +$tableHeaderPadding: 0.75rem 0.75rem !default; + +$tableHeaderCellPadding: 0.75rem 0.75rem !default; +$tableHeaderCellBg: $white !default; +$tableHeaderCellTextColor: $neutralPrimary !default; +$tableHeaderCellFontWeight: 600 !default; +$tableHeaderCellBorder: 1px solid $neutralLighter !default; +$tableHeaderCellBorderWidth: 0 0 1px 0 !default; +$tableHeaderCellHoverBg: $neutralLighter !default; +$tableHeaderCellTextHoverColor: $neutralPrimary !default; +$tableHeaderCellIconColor: $neutralSecondary !default; +$tableHeaderCellIconHoverColor: $neutralSecondary !default; +$tableHeaderCellHighlightBg: $highlightBg !default; +$tableHeaderCellHighlightTextColor: $highlightTextColor !default; +$tableHeaderCellHighlightHoverBg: $neutralLighter !default; +$tableHeaderCellHighlightTextHoverColor: $highlightTextColor !default; +$tableSortableColumnBadgeSize: 1.143rem !default; + +$tableBodyRowBg: $white !default; +$tableBodyRowTextColor: $neutralPrimary !default; +$tableBodyRowEvenBg: $neutralLighterAlt !default; +$tableBodyRowHoverBg: $neutralLighter !default; +$tableBodyRowTextHoverColor: $neutralPrimary !default; +$tableBodyCellBorder: 1px solid $neutralLighter !default; +$tableBodyCellBorderWidth: 0 0 1px 0 !default; +$tableBodyCellPadding: 0.75rem 0.75rem !default; + +$tableFooterCellPadding: 0.75rem 0.75rem !default; +$tableFooterCellBg: $white !default; +$tableFooterCellTextColor: $neutralPrimary !default; +$tableFooterCellFontWeight: 600 !default; +$tableFooterCellBorder: 1px solid $neutralLighter !default; +$tableFooterCellBorderWidth: 0 0 1px 0 !default; +$tableResizerHelperBg: $themePrimary !default; + +$tableFooterBorder: 1px solid $neutralLighter !default; +$tableFooterBorderWidth: 0 0 1px 0 !default; +$tableFooterBg: $white !default; +$tableFooterTextColor: $neutralPrimary !default; +$tableFooterFontWeight: 600 !default; +$tableFooterPadding: 0.75rem 0.75rem !default; + +$tableCellContentAlignment: left !default; +$tableTopPaginatorBorderWidth: 0 0 1px 0 !default; +$tableBottomPaginatorBorderWidth: 0 0 1px 0 !default; + +$tableScaleSM: 0.5 !default; +$tableScaleLG: 1.25 !default; + +//dataview +$dataViewContentPadding: 0 !default; +$dataViewContentBorder: 0 none !default; + +//tree +$treeContainerPadding: 0.286rem !default; +$treeNodePadding: 0.143rem !default; +$treeNodeContentPadding: 0.5rem !default; +$treeNodeChildrenPadding: 0 0 0 1rem !default; +$treeNodeIconColor: $neutralSecondary !default; + +//timeline +$timelineVerticalEventContentPadding: 0 1rem !default; +$timelineHorizontalEventContentPadding: 1rem 0 !default; +$timelineEventMarkerWidth: 1rem !default; +$timelineEventMarkerHeight: 1rem !default; +$timelineEventMarkerBorderRadius: 50% !default; +$timelineEventMarkerBorder: 0 none !default; +$timelineEventMarkerBackground: $themePrimary !default; +$timelineEventConnectorSize: 2px !default; +$timelineEventColor: $neutralTertiary !default; + +//org chart +$organizationChartConnectorColor: $neutralTertiary !default; + +//message +$messageMargin: 1rem 0 !default; +$messagePadding: 0.5rem !default; +$messageBorderWidth: 0 0 0 6px !default; +$messageIconFontSize: 1rem !default; +$messageTextFontSize: 90% !default; +$messageTextFontWeight: 500 !default; + +//inline message +$inlineMessagePadding: $inputPadding !default; +$inlineMessageMargin: 0 !default; +$inlineMessageIconFontSize: 1rem !default; +$inlineMessageTextFontSize: 90% !default; +$inlineMessageBorderWidth: 0px !default; + +//toast +$toastIconFontSize: 1.25rem !default; +$toastMessageTextMargin: 0 0 0 1rem !default; +$toastMargin: 0 0 1rem 0 !default; +$toastPadding: 0.5rem !default; +$toastBorderWidth: 0 !default; +$toastShadow: 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) !default; +$toastOpacity: 0.9 !default; +$toastTitleFontWeight: 600 !default; +$toastDetailMargin: $inlineSpacing 0 0 0 !default; + +//severities +$infoMessageBg: #f3f2f1 !default; +$infoMessageBorder: 0 none !default; +$infoMessageTextColor: $neutralPrimary !default; +$infoMessageIconColor: $neutralSecondary !default; +$successMessageBg: #dff6dd !default; +$successMessageBorder: 0 none !default; +$successMessageTextColor: $neutralPrimary !default; +$successMessageIconColor: #107c10 !default; +$warningMessageBg: #fff4ce !default; +$warningMessageBorder: 0 none !default; +$warningMessageTextColor: $neutralPrimary !default; +$warningMessageIconColor: #797775 !default; +$errorMessageBg: #fde7e9 !default; +$errorMessageBorder: 0 none !default; +$errorMessageTextColor: $neutralPrimary !default; +$errorMessageIconColor: #a80000 !default; + +//overlays +$overlayContentBorder: 0 none !default; +$overlayContentBg: $panelContentBg !default; +$overlayContainerShadow: rgba(0, 0, 0, 0.133) 0px 6.4px 14.4px 0px, + rgba(0, 0, 0, 0.11) 0px 1.2px 3.6px 0px !default; + +//dialog +$dialogHeaderBg: $white !default; +$dialogHeaderBorder: 0 none !default; +$dialogHeaderTextColor: $neutralPrimary !default; +$dialogHeaderFontWeight: 600 !default; +$dialogHeaderFontSize: 1.5rem !default; +$dialogHeaderPadding: 1.5rem !default; +$dialogContentPadding: 0 1.5rem 2rem 1.5rem !default; +$dialogFooterBorder: 0 none !default; +$dialogFooterPadding: 0 1.5rem 1.5rem 1.5rem !default; + +//confirmpopup +$confirmPopupContentPadding: $panelContentPadding !default; +$confirmPopupFooterPadding: 0 1rem 1rem 1rem !default; + +//tooltip +$tooltipBg: $white !default; +$tooltipTextColor: $textColor !default; +$tooltipPadding: $inputPadding !default; + +//steps +$stepsItemBg: $white !default; +$stepsItemBorder: 1px solid $neutralLighter !default; +$stepsItemTextColor: $neutralSecondary !default; +$stepsItemNumberWidth: 2rem !default; +$stepsItemNumberHeight: 2rem !default; +$stepsItemNumberFontSize: 1.143rem !default; +$stepsItemNumberColor: $neutralPrimary !default; +$stepsItemNumberBorderRadius: 50% !default; +$stepsItemActiveFontWeight: 600 !default; + +//progressbar +$progressBarHeight: 2px !default; +$progressBarBorder: 0 none !default; +$progressBarBg: #edebe9 !default; +$progressBarValueBg: $themePrimary !default; +$progressBarValueTextColor: $white !default; + +//menu (e.g. menu, menubar, tieredmenu) +$menuWidth: 12.5rem !default; +$menuBg: $white !default; +$menuBorder: 1px solid #eeeeee !default; +$menuTextColor: $neutralPrimary !default; +$menuitemPadding: 0.75rem 0.5rem !default; +$menuitemBorderRadius: 0 !default; +$menuitemTextColor: $neutralPrimary !default; +$menuitemIconColor: $themePrimary !default; +$menuitemTextHoverColor: $neutralPrimary !default; +$menuitemIconHoverColor: $themePrimary !default; +$menuitemHoverBg: $neutralLighter !default; +$menuitemTextFocusColor: $neutralPrimary !default; +$menuitemIconFocusColor: $neutralPrimary !default; +$menuitemFocusBg: $neutralQuaternaryAlt !default; +$menuitemTextActiveColor: $highlightTextColor !default; +$menuitemIconActiveColor: $themePrimary !default; +$menuitemActiveBg: $highlightBg !default; +$menuitemActiveFocusBg: $highlightFocusBg !default; +$menuitemSubmenuIconFontSize: 0.875rem !default; +$submenuHeaderMargin: 0 !default; +$submenuHeaderPadding: 0.75rem 0.5rem !default; +$submenuHeaderBg: $white !default; +$submenuHeaderTextColor: $themePrimary !default; +$submenuHeaderBorderRadius: 0 !default; +$submenuHeaderFontWeight: 600 !default; +$overlayMenuBg: $menuBg !default; +$overlayMenuBorder: 0 none !default; +$overlayMenuShadow: 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) !default; +$verticalMenuPadding: 0 !default; +$verticalMenuitemMargin: 0 !default; +$menuSeparatorMargin: 0.25rem 0 !default; + +$breadcrumbPadding: 1rem !default; +$breadcrumbBg: $menuBg !default; +$breadcrumbBorder: $menuBorder !default; +$breadcrumbItemTextColor: $menuitemTextColor !default; +$breadcrumbItemIconColor: $menuitemIconColor !default; +$breadcrumbLastItemTextColor: $menuitemTextColor !default; +$breadcrumbLastItemIconColor: $menuitemIconColor !default; +$breadcrumbSeparatorColor: $menuitemTextColor !default; + +$horizontalMenuPadding: 0.5rem !default; +$horizontalMenuBg: $white !default; +$horizontalMenuBorder: $menuBorder !default; +$horizontalMenuTextColor: $menuTextColor !default; +$horizontalMenuRootMenuitemPadding: $menuitemPadding !default; +$horizontalMenuRootMenuitemBorderRadius: $borderRadius !default; +$horizontalMenuRootMenuitemTextColor: $menuitemTextColor !default; +$horizontalMenuRootMenuitemIconColor: $menuitemIconColor !default; +$horizontalMenuRootMenuitemTextHoverColor: $menuitemTextHoverColor !default; +$horizontalMenuRootMenuitemIconHoverColor: $menuitemIconHoverColor !default; +$horizontalMenuRootMenuitemHoverBg: $menuitemHoverBg !default; +$horizontalMenuRootMenuitemTextActiveColor: $menuitemTextActiveColor !default; +$horizontalMenuRootMenuitemIconActiveColor: $menuitemIconActiveColor !default; +$horizontalMenuRootMenuitemActiveBg: $menuitemActiveBg !default; + +//badge and tag +$badgeBg: $themePrimary !default; +$badgeTextColor: $white !default; +$badgeMinWidth: 1.5rem !default; +$badgeHeight: 1.5rem !default; +$badgeFontWeight: 700 !default; +$badgeFontSize: 0.75rem !default; + +$tagPadding: 0.25rem 0.4rem !default; + +//carousel +$carouselIndicatorsPadding: 1rem !default; +$carouselIndicatorBg: $neutralTertiaryAlt !default; +$carouselIndicatorHoverBg: $neutralQuaternaryAlt !default; +$carouselIndicatorBorderRadius: 0 !default; +$carouselIndicatorWidth: 2rem !default; +$carouselIndicatorHeight: 0.5rem !default; + +//galleria +$galleriaMaskBg: rgba(0, 0, 0, 0.9) !default; +$galleriaCloseIconMargin: 0.5rem !default; +$galleriaCloseIconFontSize: 2rem !default; +$galleriaCloseIconBg: transparent !default; +$galleriaCloseIconColor: $neutralLighterAlt !default; +$galleriaCloseIconHoverBg: rgba(255, 255, 255, 0.1) !default; +$galleriaCloseIconHoverColor: $neutralLighterAlt !default; +$galleriaCloseIconWidth: 4rem !default; +$galleriaCloseIconHeight: 4rem !default; +$galleriaCloseIconBorderRadius: 50% !default; + +$galleriaItemNavigatorBg: transparent !default; +$galleriaItemNavigatorColor: $neutralLighterAlt !default; +$galleriaItemNavigatorMargin: 0 0.5rem !default; +$galleriaItemNavigatorFontSize: 2rem !default; +$galleriaItemNavigatorHoverBg: rgba(255, 255, 255, 0.1) !default; +$galleriaItemNavigatorHoverColor: $neutralLighterAlt !default; +$galleriaItemNavigatorWidth: 4rem !default; +$galleriaItemNavigatorHeight: 4rem !default; +$galleriaItemNavigatorBorderRadius: $borderRadius !default; + +$galleriaCaptionBg: rgba(0, 0, 0, 0.5) !default; +$galleriaCaptionTextColor: $neutralLighterAlt !default; +$galleriaCaptionPadding: 1rem !default; + +$galleriaIndicatorsPadding: 1rem !default; +$galleriaIndicatorBg: $neutralTertiaryAlt !default; +$galleriaIndicatorHoverBg: $neutralQuaternaryAlt !default; +$galleriaIndicatorBorderRadius: 50% !default; +$galleriaIndicatorWidth: 1rem !default; +$galleriaIndicatorHeight: 1rem !default; +$galleriaIndicatorsBgOnItem: rgba(0, 0, 0, 0.5) !default; +$galleriaIndicatorBgOnItem: rgba(255, 255, 255, 0.4) !default; +$galleriaIndicatorHoverBgOnItem: rgba(255, 255, 255, 0.6) !default; + +$galleriaThumbnailContainerBg: rgba(0, 0, 0, 0.9) !default; +$galleriaThumbnailContainerPadding: 1rem 0.25rem !default; +$galleriaThumbnailNavigatorBg: transparent !default; +$galleriaThumbnailNavigatorColor: $neutralLighterAlt !default; +$galleriaThumbnailNavigatorHoverBg: rgba(255, 255, 255, 0.1) !default; +$galleriaThumbnailNavigatorHoverColor: $neutralLighterAlt !default; +$galleriaThumbnailNavigatorBorderRadius: 50% !default; +$galleriaThumbnailNavigatorWidth: 2rem !default; +$galleriaThumbnailNavigatorHeight: 2rem !default; + +//divider +$dividerHorizontalMargin: 1rem 0 !default; +$dividerHorizontalPadding: 0 1rem !default; +$dividerVerticalMargin: 0 1rem !default; +$dividerVerticalPadding: 1rem 0 !default; +$dividerSize: 1px !default; +$dividerColor: $neutralLight !default; + +//avatar +$avatarBg: $neutralLight !default; +$avatarTextColor: $textColor !default; + +//chip +$chipBg: $neutralLight !default; +$chipTextColor: $textColor !default; +$chipBorderRadius: 16px !default; +$chipFocusBg: $neutralQuaternaryAlt !default; +$chipFocusTextColor: $textColor !default; + +//scrollTop +$scrollTopBg: rgba(0, 0, 0, 0.7) !default; +$scrollTopHoverBg: rgba(0, 0, 0, 0.8) !default; +$scrollTopWidth: 3rem !default; +$scrollTopHeight: 3rem !default; +$scrollTopBorderRadius: $borderRadius !default; +$scrollTopFontSize: 1.5rem !default; +$scrollTopTextColor: $neutralLighterAlt !default; + +//skeleton +$skeletonBg: $neutralLight !default; +$skeletonAnimationBg: rgba(255, 255, 255, 0.4) !default; + +//splitter +$splitterGutterBg: $neutralLighterAlt !default; +$splitterGutterHandleBg: $neutralLight !default; + +//speeddial +$speedDialButtonWidth: 4rem !default; +$speedDialButtonHeight: 4rem !default; +$speedDialButtonIconFontSize: 1.3rem !default; +$speedDialActionWidth: 3rem !default; +$speedDialActionHeight: 3rem !default; +$speedDialActionBg: $neutralPrimary !default; +$speedDialActionHoverBg: $neutralSecondary !default; +$speedDialActionTextColor: #ffffff !default; +$speedDialActionTextHoverColor: #ffffff !default; + +//dock +$dockActionWidth: 4rem !default; +$dockActionHeight: 4rem !default; +$dockItemPadding: 0.5rem !default; +$dockItemBorderRadius: $borderRadius !default; +$dockCurrentItemMargin: 1.5rem !default; +$dockFirstItemsMargin: 1.3rem !default; +$dockSecondItemsMargin: 0.9rem !default; +$dockBg: rgba(255, 255, 255, 0.1) !default; +$dockBorder: 1px solid rgba(255, 255, 255, 0.2) !default; +$dockPadding: 0.5rem 0.5rem !default; +$dockBorderRadius: 0.5rem !default; + +//image +$imageMaskBg: rgba(0, 0, 0, 0.9) !default; +$imagePreviewToolbarPadding: 1rem !default; +$imagePreviewIndicatorColor: #f8f9fa !default; +$imagePreviewIndicatorBg: rgba(0, 0, 0, 0.5) !default; +$imagePreviewActionIconBg: transparent !default; +$imagePreviewActionIconColor: #f8f9fa !default; +$imagePreviewActionIconHoverBg: rgba(255, 255, 255, 0.1) !default; +$imagePreviewActionIconHoverColor: #f8f9fa !default; +$imagePreviewActionIconWidth: 3rem !default; +$imagePreviewActionIconHeight: 3rem !default; +$imagePreviewActionIconFontSize: 1.5rem !default; +$imagePreviewActionIconBorderRadius: 50% !default; + +:root { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol"; + --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol"; + --surface-a: #{$white}; + --surface-b: #{$neutralLighterAlt}; + --surface-c: #{$neutralLighter}; + --surface-d: #{$neutralLight}; + --surface-e: #{$white}; + --surface-f: #{$white}; + --text-color: #{$neutralPrimary}; + --text-color-secondary: #{$neutralSecondary}; + --primary-color: #{$themePrimary}; + --primary-color-text: #{$white}; + --surface-0: #ffffff; + --surface-50: #f3f2f1; + --surface-100: #e1dfdd; + --surface-200: #bebbb8; + --surface-300: #a19f9d; + --surface-400: #797775; + --surface-500: #484644; + --surface-600: #323130; + --surface-700: #252423; + --surface-800: #1b1a19; + --surface-900: #11100f; + --gray-50: #f3f2f1; + --gray-100: #e1dfdd; + --gray-200: #bebbb8; + --gray-300: #a19f9d; + --gray-400: #797775; + --gray-500: #484644; + --gray-600: #323130; + --gray-700: #252423; + --gray-800: #1b1a19; + --gray-900: #11100f; + --content-padding: #{$panelContentPadding}; + --inline-spacing: #{$inlineSpacing}; + --border-radius: #{$borderRadius}; + --surface-ground: #faf9f8; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #edebe9; + --surface-hover: #f3f2f1; + --maskbg: #{$maskBg}; + --highlight-bg: #{$highlightBg}; + --highlight-text-color: #{$highlightTextColor}; + --focus-ring: #{$focusShadow}; + color-scheme: light; +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/fluent/fluent-light/theme.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/fluent/fluent-light/theme.scss new file mode 100644 index 000000000..4edae70ea --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/fluent/fluent-light/theme.scss @@ -0,0 +1,4 @@ +@import './_variables'; +@import './_fonts'; +@import '../../../theme-base/_components'; +@import './_extensions'; diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/_extensions.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/_extensions.scss new file mode 100644 index 000000000..8c8ffe525 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/_extensions.scss @@ -0,0 +1,170 @@ +@mixin focused-ring($ring-color) { + box-shadow: 0 0 0 2px #1c2127, 0 0 0 4px $ring-color, + 0 1px 2px 0 rgba(0, 0, 0, 0); +} + +@layer primeng { + .p-button-label { + font-weight: 700; + } + + .p-selectbutton > .p-button, + .p-togglebutton.p-button { + transition: background-color $transitionDuration, + border-color $transitionDuration, box-shadow $transitionDuration; + } + + .p-accordion { + .p-accordion-header { + .p-accordion-header-link { + transition: background-color $transitionDuration, + border-color $transitionDuration, + box-shadow $transitionDuration; + } + } + } + + .p-tabview { + .p-tabview-nav { + li { + .p-tabview-nav-link { + transition: background-color $transitionDuration, + border-color $transitionDuration, + box-shadow $transitionDuration; + } + } + } + } + + .p-tabmenu { + .p-tabmenu-nav { + .p-tabmenuitem { + .p-menuitem-link { + transition: background-color $transitionDuration, + border-color $transitionDuration, + box-shadow $transitionDuration; + } + } + } + } + + .p-carousel { + .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: $primaryColor; + } + } + + .p-galleria { + .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: $primaryColor; + } + } + + .p-button { + &:focus { + @include focused-ring(rgba($buttonBg, 0.7)); + } + + &.p-button-secondary:enabled:focus { + @include focused-ring(rgba($secondaryButtonBg, 0.7)); + } + + &.p-button-success:enabled:focus { + @include focused-ring(rgba($successButtonBg, 0.7)); + } + + &.p-button-info:enabled:focus { + @include focused-ring(rgba($infoButtonBg, 0.7)); + } + + &.p-button-warning:enabled:focus { + @include focused-ring(rgba($warningButtonBg, 0.7)); + } + + &.p-button-help:enabled:focus { + @include focused-ring(rgba($helpButtonBg, 0.7)); + } + + &.p-button-danger:enabled:focus { + @include focused-ring(rgba($dangerButtonBg, 0.7)); + } + } + + .p-datatable { + .p-datatable-tbody { + > tr { + &.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 $primaryColor; + } + + &.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 $primaryColor; + } + } + } + } + + .p-datatable { + .p-datatable-tbody { + > tr { + &.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 $primaryColor; + } + + &.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 $primaryColor; + } + } + } + } + + .p-speeddial-item { + &.p-focus > .p-speeddial-action { + @include focused-ring(rgba($buttonBg, 0.7)); + } + } + + .p-toast-message { + backdrop-filter: blur(10px); + } + + .p-message { + .p-message-close { + &:hover { + background: rgba(255, 255, 255, 0.1); + } + } + } + + .p-toast { + .p-toast-message { + .p-toast-icon-close { + &:hover { + background: rgba(255, 255, 255, 0.1); + } + } + } + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-picklist-buttons .p-button, + .p-orderlist-controls .p-button { + transition: opacity $transitionDuration, + background-color $transitionDuration, color $transitionDuration, + border-color $transitionDuration, box-shadow $transitionDuration; + } + + .p-steps { + .p-steps-item { + &.p-highlight { + .p-steps-number { + background: $primaryColor; + color: $primaryTextColor; + } + } + } + } +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/_variables.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/_variables.scss new file mode 100644 index 000000000..bd09b06f8 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/_variables.scss @@ -0,0 +1,892 @@ +$colors: ( + "blue": #3b82f6, + "green": #22c55e, + "yellow": #eab308, + "cyan": #06b6d4, + "pink": #ec4899, + "indigo": #6366f1, + "teal": #14b8a6, + "orange": #f97316, + "bluegray": #64748b, + "purple": #a855f7, + "red": #ff3d32, + "primary": $primaryColor, +); + +//shades +$shade000: rgba(255, 255, 255, 0.87) !default; //text color +$shade100: rgba(255, 255, 255, 0.6) !default; //text secondary color +$shade500: #6b7280 !default; +$shade600: #424b57 !default; //input bg, border, divider +$shade700: #374151 !default; //menu bg +$shade800: #1f2937 !default; //elevated surface +$shade900: #111827 !default; //ground surface + +$hoverBg: rgba(255, 255, 255, 0.03) !default; + +//global +$fontFamily: "Inter var", sans-serif !default; +$fontSize: 1rem !default; +$fontWeight: normal !default; +$textColor: $shade000 !default; +$textSecondaryColor: $shade100 !default; +$borderRadius: 6px !default; +$transitionDuration: 0.2s !default; +$formElementTransition: background-color $transitionDuration, + color $transitionDuration, border-color $transitionDuration, + box-shadow $transitionDuration !default; +$actionIconTransition: background-color $transitionDuration, + color $transitionDuration, box-shadow $transitionDuration !default; +$listItemTransition: box-shadow $transitionDuration !default; +$primeIconFontSize: 1rem !default; +$divider: 1px solid $shade600 !default; +$inlineSpacing: 0.5rem !default; //spacing between inline elements +$disabledOpacity: 0.4 !default; //opacity of a disabled item +$maskBg: rgba(0, 0, 0, 0.4) !default; //modal mask bg color +$loadingIconFontSize: 2rem !default; +$errorColor: #fca5a5 !default; + +//scale +$scaleSM: 0.875 !default; +$scaleLG: 1.25 !default; + +//focus +$focusOutlineColor: $primaryLightestColor !default; +$focusOutline: 0 none !default; +$focusOutlineOffset: 0 !default; +$focusShadow: 0 0 0 0.2rem $focusOutlineColor !default; + +//action icons +$actionIconWidth: 2rem !default; +$actionIconHeight: 2rem !default; +$actionIconBg: transparent !default; +$actionIconBorder: 0 none !default; +$actionIconColor: $shade100 !default; +$actionIconHoverBg: $hoverBg !default; +$actionIconHoverBorderColor: transparent !default; +$actionIconHoverColor: $shade000 !default; +$actionIconBorderRadius: 50% !default; + +//input field (e.g. inputtext, spinner, inputmask) +$inputPadding: 0.75rem 0.75rem !default; +$inputTextFontSize: 1rem !default; +$inputBg: $shade900 !default; +$inputTextColor: $shade000 !default; +$inputIconColor: $shade100 !default; +$inputBorder: 1px solid $shade600 !default; +$inputHoverBorderColor: $primaryColor !default; +$inputFocusBorderColor: $primaryColor !default; +$inputErrorBorderColor: $errorColor !default; +$inputPlaceholderTextColor: $shade100 !default; +$inputFilledBg: $shade600 !default; +$inputFilledHoverBg: $inputFilledBg !default; +$inputFilledFocusBg: $inputFilledBg !default; + +//input groups +$inputGroupBg: $shade800 !default; +$inputGroupTextColor: $shade100 !default; +$inputGroupAddOnMinWidth: 3rem !default; + +//input lists (e.g. dropdown, autocomplete, multiselect, orderlist) +$inputListBg: $shade800 !default; +$inputListTextColor: $shade000 !default; +$inputListBorder: $inputBorder !default; +$inputListPadding: 0.75rem 0 !default; +$inputListItemPadding: 0.75rem 1.25rem !default; +$inputListItemBg: transparent !default; +$inputListItemTextColor: $shade000 !default; +$inputListItemHoverBg: $hoverBg !default; +$inputListItemTextHoverColor: $shade000 !default; +$inputListItemFocusBg: $shade600 !default; +$inputListItemTextFocusColor: $shade000 !default; +$inputListItemBorder: 0 none !default; +$inputListItemBorderRadius: 0 !default; +$inputListItemMargin: 0 !default; +$inputListItemFocusShadow: inset 0 0 0 0.15rem $focusOutlineColor !default; +$inputListHeaderPadding: 0.75rem 1.25rem !default; +$inputListHeaderMargin: 0 !default; +$inputListHeaderBg: $shade800 !default; +$inputListHeaderTextColor: $shade000 !default; +$inputListHeaderBorder: 1px solid $shade600 !default; + +//inputs with overlays (e.g. autocomplete, dropdown, multiselect) +$inputOverlayBg: $inputListBg !default; +$inputOverlayHeaderBg: $inputListHeaderBg !default; +$inputOverlayBorder: 1px solid $shade600 !default; +$inputOverlayShadow: 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) !default; + +//password +$passwordMeterBg: $shade600 !default; +$passwordWeakBg: #eb9a9c !default; +$passwordMediumBg: #ffcf91 !default; +$passwordStrongBg: #93deac !default; + +//button +$buttonPadding: 0.75rem 1.25rem !default; +$buttonIconOnlyWidth: 3rem !default; +$buttonIconOnlyPadding: 0.75rem 0 !default; +$buttonBg: $primaryColor !default; +$buttonTextColor: $primaryTextColor !default; +$buttonBorder: 1px solid $primaryColor !default; +$buttonHoverBg: $primaryLightColor !default; +$buttonTextHoverColor: $primaryTextColor !default; +$buttonHoverBorderColor: $primaryLightColor !default; +$buttonActiveBg: $primaryLighterColor !default; +$buttonTextActiveColor: $primaryTextColor !default; +$buttonActiveBorderColor: $primaryLighterColor !default; +$raisedButtonShadow: 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) !default; +$roundedButtonBorderRadius: 2rem !default; + +$textButtonHoverBgOpacity: 0.04 !default; +$textButtonActiveBgOpacity: 0.16 !default; +$outlinedButtonBorder: 1px solid !default; +$plainButtonTextColor: $textSecondaryColor !default; +$plainButtonHoverBgColor: $hoverBg !default; +$plainButtonActiveBgColor: rgba(255, 255, 255, 0.16) !default; + +$secondaryButtonBg: #94a3b8 !default; +$secondaryButtonTextColor: #020617 !default; +$secondaryButtonBorder: 1px solid #94a3b8 !default; +$secondaryButtonHoverBg: #cbd5e1 !default; +$secondaryButtonTextHoverColor: $secondaryButtonTextColor !default; +$secondaryButtonHoverBorderColor: #cbd5e1 !default; +$secondaryButtonActiveBg: #e2e8f0 !default; +$secondaryButtonTextActiveColor: $secondaryButtonTextColor !default; +$secondaryButtonActiveBorderColor: #e2e8f0 !default; +$secondaryButtonFocusShadow: 0 0 0 1px + scale-color($secondaryButtonBg, $lightness: 30%) !default; + +$infoButtonBg: #38bdf8 !default; +$infoButtonTextColor: #082f49 !default; +$infoButtonBorder: 1px solid #38bdf8 !default; +$infoButtonHoverBg: #7dd3fc !default; +$infoButtonTextHoverColor: $infoButtonTextColor !default; +$infoButtonHoverBorderColor: #7dd3fc !default; +$infoButtonActiveBg: #bae6fd !default; +$infoButtonTextActiveColor: $infoButtonTextColor !default; +$infoButtonActiveBorderColor: #bae6fd !default; +$infoButtonFocusShadow: 0 0 0 1px scale-color($infoButtonBg, $lightness: 30%) !default; + +$successButtonBg: #4ade80 !default; +$successButtonTextColor: #052e16 !default; +$successButtonBorder: 1px solid #4ade80 !default; +$successButtonHoverBg: #86efac !default; +$successButtonTextHoverColor: $successButtonTextColor !default; +$successButtonHoverBorderColor: #86efac !default; +$successButtonActiveBg: #bbf7d0 !default; +$successButtonTextActiveColor: $successButtonTextColor !default; +$successButtonActiveBorderColor: #bbf7d0 !default; +$successButtonFocusShadow: 0 0 0 1px + scale-color($successButtonBg, $lightness: 30%) !default; + +$warningButtonBg: #fb923c !default; +$warningButtonTextColor: #431407 !default; +$warningButtonBorder: 1px solid #fb923c !default; +$warningButtonHoverBg: #fdba74 !default; +$warningButtonTextHoverColor: $warningButtonTextColor !default; +$warningButtonHoverBorderColor: #fdba74 !default; +$warningButtonActiveBg: #fed7aa !default; +$warningButtonTextActiveColor: $warningButtonTextColor !default; +$warningButtonActiveBorderColor: #fed7aa !default; +$warningButtonFocusShadow: 0 0 0 1px + scale-color($warningButtonBg, $lightness: 30%) !default; + +$helpButtonBg: #c084fc !default; +$helpButtonTextColor: #3b0764 !default; +$helpButtonBorder: 1px solid #c084fc !default; +$helpButtonHoverBg: #d8b4fe !default; +$helpButtonTextHoverColor: $helpButtonTextColor !default; +$helpButtonHoverBorderColor: #d8b4fe !default; +$helpButtonActiveBg: #e9d5ff !default; +$helpButtonTextActiveColor: $helpButtonTextColor !default; +$helpButtonActiveBorderColor: #e9d5ff !default; +$helpButtonFocusShadow: 0 0 0 1px scale-color($helpButtonBg, $lightness: 30%) !default; + +$dangerButtonBg: #f87171 !default; +$dangerButtonTextColor: #450a0a !default; +$dangerButtonBorder: 1px solid #f87171 !default; +$dangerButtonHoverBg: #fca5a5 !default; +$dangerButtonTextHoverColor: $dangerButtonTextColor !default; +$dangerButtonHoverBorderColor: #fca5a5 !default; +$dangerButtonActiveBg: #fecaca !default; +$dangerButtonTextActiveColor: $dangerButtonTextColor !default; +$dangerButtonActiveBorderColor: #fecaca !default; +$dangerButtonFocusShadow: 0 0 0 1px + scale-color($dangerButtonBg, $lightness: 30%) !default; + +$linkButtonColor: $primaryColor !default; +$linkButtonHoverColor: $primaryColor !default; +$linkButtonTextHoverDecoration: underline !default; +$linkButtonFocusShadow: 0 0 0 1px $focusOutlineColor !default; + +//checkbox +$checkboxWidth: 22px !default; +$checkboxHeight: 22px !default; +$checkboxBorder: 2px solid $shade600 !default; +$checkboxIconFontSize: 14px !default; +$checkboxActiveBorderColor: $primaryColor !default; +$checkboxActiveBg: $primaryColor !default; +$checkboxIconActiveColor: $primaryTextColor !default; +$checkboxActiveHoverBg: $primaryLighterColor !default; +$checkboxIconActiveHoverColor: $primaryTextColor !default; +$checkboxActiveHoverBorderColor: $primaryLighterColor !default; + +//radiobutton +$radiobuttonWidth: 22px !default; +$radiobuttonHeight: 22px !default; +$radiobuttonBorder: 2px solid $shade600 !default; +$radiobuttonIconSize: 12px !default; +$radiobuttonActiveBorderColor: $primaryColor !default; +$radiobuttonActiveBg: $primaryColor !default; +$radiobuttonIconActiveColor: $primaryTextColor !default; +$radiobuttonActiveHoverBg: $primaryLighterColor !default; +$radiobuttonIconActiveHoverColor: $primaryTextColor !default; +$radiobuttonActiveHoverBorderColor: $primaryLighterColor !default; + +//colorpicker +$colorPickerPreviewWidth: 2rem !default; +$colorPickerPreviewHeight: 2rem !default; +$colorPickerBg: $shade800 !default; +$colorPickerBorder: 1px solid $shade600 !default; +$colorPickerHandleColor: $shade000 !default; + +//togglebutton +$toggleButtonBg: $shade800 !default; +$toggleButtonBorder: 1px solid $shade600 !default; +$toggleButtonTextColor: $shade000 !default; +$toggleButtonIconColor: $shade100 !default; +$toggleButtonHoverBg: $hoverBg !default; +$toggleButtonHoverBorderColor: $shade600 !default; +$toggleButtonTextHoverColor: $shade000 !default; +$toggleButtonIconHoverColor: $shade100 !default; +$toggleButtonActiveBg: $primaryColor !default; +$toggleButtonActiveBorderColor: $primaryColor !default; +$toggleButtonTextActiveColor: $primaryTextColor !default; +$toggleButtonIconActiveColor: $primaryTextColor !default; +$toggleButtonActiveHoverBg: $primaryLightColor !default; +$toggleButtonActiveHoverBorderColor: $primaryLightColor !default; +$toggleButtonTextActiveHoverColor: $primaryTextColor !default; +$toggleButtonIconActiveHoverColor: $primaryTextColor !default; + +//inplace +$inplacePadding: $inputPadding !default; +$inplaceHoverBg: $hoverBg !default; +$inplaceTextHoverColor: $shade000 !default; + +//rating +$ratingIconFontSize: 1.143rem !default; +$ratingCancelIconColor: #f48fb1 !default; +$ratingCancelIconHoverColor: #f48fb1 !default; +$ratingStarIconOffColor: $shade000 !default; +$ratingStarIconOnColor: $primaryColor !default; +$ratingStarIconHoverColor: $primaryColor !default; + +//slider +$sliderBg: $shade600 !default; +$sliderBorder: 0 none !default; +$sliderHorizontalHeight: 0.286rem !default; +$sliderVerticalWidth: 0.286rem !default; +$sliderHandleWidth: 1.143rem !default; +$sliderHandleHeight: 1.143rem !default; +$sliderHandleBg: $shade600 !default; +$sliderHandleBorder: 2px solid $primaryColor !default; +$sliderHandleBorderRadius: 50% !default; +$sliderHandleHoverBorderColor: $primaryColor !default; +$sliderHandleHoverBg: $primaryColor !default; +$sliderRangeBg: $primaryColor !default; + +//calendar +$calendarTableMargin: 0.5rem 0 !default; +$calendarPadding: 0.5rem !default; +$calendarBg: $shade800 !default; +$calendarInlineBg: $calendarBg !default; +$calendarTextColor: $shade000 !default; +$calendarBorder: $inputListBorder !default; +$calendarOverlayBorder: $inputOverlayBorder !default; + +$calendarHeaderPadding: 0.5rem !default; +$calendarHeaderBg: $shade800 !default; +$calendarInlineHeaderBg: $calendarBg !default; +$calendarHeaderBorder: 1px solid $shade600 !default; +$calendarHeaderTextColor: $shade000 !default; +$calendarHeaderFontWeight: 700 !default; +$calendarHeaderCellPadding: 0.5rem !default; +$calendarMonthYearHeaderHoverTextColor: $primaryColor !default; + +$calendarCellDatePadding: 0.5rem !default; +$calendarCellDateWidth: 2.5rem !default; +$calendarCellDateHeight: 2.5rem !default; +$calendarCellDateBorderRadius: 50% !default; +$calendarCellDateBorder: 1px solid transparent !default; +$calendarCellDateHoverBg: $hoverBg !default; +$calendarCellDateTodayBg: transparent !default; +$calendarCellDateTodayBorderColor: transparent !default; +$calendarCellDateTodayTextColor: $primaryColor !default; + +$calendarButtonBarPadding: 1rem 0 !default; +$calendarTimePickerPadding: 0.5rem !default; +$calendarTimePickerElementPadding: 0 0.5rem !default; +$calendarTimePickerTimeFontSize: 1.25rem !default; + +$calendarBreakpoint: 769px !default; +$calendarCellDatePaddingSM: 0 !default; + +//input switch +$inputSwitchWidth: 3rem !default; +$inputSwitchHeight: 1.75rem !default; +$inputSwitchBorderRadius: 30px !default; +$inputSwitchHandleWidth: 1.25rem !default; +$inputSwitchHandleHeight: 1.25rem !default; +$inputSwitchHandleBorderRadius: 50% !default; +$inputSwitchSliderPadding: 0.25rem !default; +$inputSwitchSliderOffBg: $shade500 !default; +$inputSwitchHandleOffBg: $shade100 !default; +$inputSwitchSliderOffHoverBg: $shade600 !default; +$inputSwitchSliderOnBg: $primaryColor !default; +$inputSwitchSliderOnHoverBg: $primaryLightColor !default; +$inputSwitchHandleOnBg: $primaryTextColor !default; + +//panel +$panelHeaderBorderColor: $shade600 !default; +$panelHeaderBorder: 1px solid $shade600 !default; +$panelHeaderBg: $shade800 !default; +$panelHeaderTextColor: $shade000 !default; +$panelHeaderFontWeight: 700 !default; +$panelHeaderPadding: 1.25rem !default; +$panelToggleableHeaderPadding: 0.75rem 1.25rem !default; + +$panelHeaderHoverBg: $hoverBg !default; +$panelHeaderHoverBorderColor: $shade600 !default; +$panelHeaderTextHoverColor: $shade000 !default; + +$panelContentBorderColor: $shade600 !default; +$panelContentBorder: 1px solid $shade600 !default; +$panelContentBg: $shade800 !default; +$panelContentEvenRowBg: #1c2532 !default; +$panelContentTextColor: $shade000 !default; +$panelContentPadding: 1.25rem !default; + +$panelFooterBorder: 1px solid $shade600 !default; +$panelFooterBg: $shade800 !default; +$panelFooterTextColor: $shade000 !default; +$panelFooterPadding: 0.75rem 1.25rem !default; + +//accordion +$accordionSpacing: 4px !default; +$accordionHeaderBorder: $panelHeaderBorder !default; +$accordionHeaderBg: $panelHeaderBg !default; +$accordionHeaderTextColor: $panelHeaderTextColor !default; +$accordionHeaderFontWeight: $panelHeaderFontWeight !default; +$accordionHeaderPadding: $panelHeaderPadding !default; + +$accordionHeaderHoverBg: $hoverBg !default; +$accordionHeaderHoverBorderColor: $shade600 !default; +$accordionHeaderTextHoverColor: $shade000 !default; + +$accordionHeaderActiveBg: $panelHeaderBg !default; +$accordionHeaderActiveBorderColor: $shade600 !default; +$accordionHeaderTextActiveColor: $shade000 !default; + +$accordionHeaderActiveHoverBg: $hoverBg !default; +$accordionHeaderActiveHoverBorderColor: $shade600 !default; +$accordionHeaderTextActiveHoverColor: $shade000 !default; + +$accordionContentBorder: $panelContentBorder !default; +$accordionContentBg: $panelContentBg !default; +$accordionContentTextColor: $panelContentTextColor !default; +$accordionContentPadding: $panelContentPadding !default; + +//tabview +$tabviewNavBorder: 1px solid $shade600 !default; +$tabviewNavBorderWidth: 0 0 2px 0 !default; +$tabviewNavBg: transparent !default; + +$tabviewHeaderSpacing: 0 !default; +$tabviewHeaderBorder: solid $shade600 !default; +$tabviewHeaderBorderWidth: 0 0 2px 0 !default; +$tabviewHeaderBorderColor: transparent transparent $shade600 transparent !default; +$tabviewHeaderBg: $shade800 !default; +$tabviewHeaderTextColor: $shade100 !default; +$tabviewHeaderFontWeight: $panelHeaderFontWeight !default; +$tabviewHeaderPadding: $panelHeaderPadding !default; +$tabviewHeaderMargin: 0 0 -2px 0 !default; + +$tabviewHeaderHoverBg: $shade800 !default; +$tabviewHeaderHoverBorderColor: $primaryColor !default; +$tabviewHeaderTextHoverColor: $shade000 !default; + +$tabviewHeaderActiveBg: $shade800 !default; +$tabviewHeaderActiveBorderColor: $primaryColor !default; +$tabviewHeaderTextActiveColor: $primaryColor !default; + +$tabviewContentBorder: 0 none !default; +$tabviewContentBg: $shade800 !default; +$tabviewContentTextColor: $shade000 !default; +$tabviewContentPadding: $panelContentPadding !default; + +//upload +$fileUploadProgressBarHeight: 0.25rem !default; +$fileUploadContentPadding: 2rem 1rem !default; +$fileUploadContentHoverBorder: 1px dashed $primaryColor !default; + +//scrollpanel +$scrollPanelTrackBorder: 0 none !default; +$scrollPanelTrackBg: $shade600 !default; + +//card +$cardBodyPadding: 1.25rem !default; +$cardTitleFontSize: 1.5rem !default; +$cardTitleFontWeight: 700 !default; +$cardSubTitleFontWeight: 400 !default; +$cardSubTitleColor: $shade100 !default; +$cardContentPadding: 1.25rem 0 !default; +$cardFooterPadding: 1.25rem 0 0 0 !default; +$cardShadow: 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) !default; + +//editor +$editorToolbarBg: $panelHeaderBg !default; +$editorToolbarBorder: $panelHeaderBorder !default; +$editorToolbarPadding: $panelHeaderPadding !default; +$editorToolbarIconColor: $textSecondaryColor !default; +$editorToolbarIconHoverColor: $textColor !default; +$editorIconActiveColor: $primaryColor !default; +$editorContentBorder: $panelContentBorder !default; +$editorContentBg: $panelContentBg !default; + +//paginator +$paginatorBg: $shade800 !default; +$paginatorTextColor: $shade100 !default; +$paginatorBorder: solid $shade600 !default; +$paginatorBorderWidth: 1px !default; +$paginatorPadding: 0.5rem 1rem !default; +$paginatorElementWidth: $buttonIconOnlyWidth !default; +$paginatorElementHeight: $buttonIconOnlyWidth !default; +$paginatorElementBg: transparent !default; +$paginatorElementBorder: 0 none !default; +$paginatorElementIconColor: $shade100 !default; +$paginatorElementHoverBg: $hoverBg !default; +$paginatorElementHoverBorderColor: transparent !default; +$paginatorElementIconHoverColor: $shade000 !default; +$paginatorElementBorderRadius: $borderRadius !default; +$paginatorElementMargin: 0.143rem !default; +$paginatorElementPadding: 0 !default; + +//table +$tableHeaderBorder: 1px solid $shade600 !default; +$tableHeaderBorderWidth: 0 0 1px 0 !default; +$tableHeaderBg: $shade800 !default; +$tableHeaderTextColor: $shade100 !default; +$tableHeaderFontWeight: 700 !default; +$tableHeaderPadding: 1rem 1rem !default; + +$tableHeaderCellPadding: 1rem 1rem !default; +$tableHeaderCellBg: $shade800 !default; +$tableHeaderCellTextColor: $shade000 !default; +$tableHeaderCellFontWeight: 700 !default; +$tableHeaderCellBorder: 1px solid $shade600 !default; +$tableHeaderCellBorderWidth: 0 0 1px 0 !default; +$tableHeaderCellHoverBg: $hoverBg !default; +$tableHeaderCellTextHoverColor: $shade000 !default; +$tableHeaderCellIconColor: $shade100 !default; +$tableHeaderCellIconHoverColor: $shade000 !default; +$tableHeaderCellHighlightBg: $highlightBg !default; +$tableHeaderCellHighlightTextColor: $highlightTextColor !default; +$tableHeaderCellHighlightHoverBg: $highlightBg !default; +$tableHeaderCellHighlightTextHoverColor: $highlightTextColor !default; +$tableSortableColumnBadgeSize: 1.143rem !default; + +$tableBodyRowBg: $shade800 !default; +$tableBodyRowTextColor: $shade000 !default; +$tableBodyRowEvenBg: #1c2532 !default; +$tableBodyRowHoverBg: $hoverBg !default; +$tableBodyRowTextHoverColor: $shade000 !default; +$tableBodyCellBorder: 1px solid $shade600 !default; +$tableBodyCellBorderWidth: 0 0 1px 0 !default; +$tableBodyCellPadding: 1rem 1rem !default; + +$tableFooterCellPadding: 1rem 1rem !default; +$tableFooterCellBg: $shade800 !default; +$tableFooterCellTextColor: $shade000 !default; +$tableFooterCellFontWeight: 700 !default; +$tableFooterCellBorder: 1px solid $shade600 !default; +$tableFooterCellBorderWidth: 0 0 1px 0 !default; +$tableResizerHelperBg: $primaryColor !default; + +$tableFooterBorder: 1px solid $shade600 !default; +$tableFooterBorderWidth: 0 0 1px 0 !default; +$tableFooterBg: $shade800 !default; +$tableFooterTextColor: $shade000 !default; +$tableFooterFontWeight: 700 !default; +$tableFooterPadding: 1rem 1rem !default; + +$tableCellContentAlignment: left !default; +$tableTopPaginatorBorderWidth: 1px 0 1px 0 !default; +$tableBottomPaginatorBorderWidth: 0 0 1px 0 !default; + +$tableScaleSM: 0.5 !default; +$tableScaleLG: 1.25 !default; + +//dataview +$dataViewContentPadding: 0 !default; +$dataViewContentBorder: 0 none !default; + +//tree +$treeContainerPadding: 0.286rem !default; +$treeNodePadding: 0.143rem !default; +$treeNodeContentPadding: 0.5rem !default; +$treeNodeChildrenPadding: 0 0 0 1rem !default; +$treeNodeIconColor: $shade100 !default; + +//timeline +$timelineVerticalEventContentPadding: 0 1rem !default; +$timelineHorizontalEventContentPadding: 1rem 0 !default; +$timelineEventMarkerWidth: 1rem !default; +$timelineEventMarkerHeight: 1rem !default; +$timelineEventMarkerBorderRadius: 50% !default; +$timelineEventMarkerBorder: 2px solid $primaryColor !default; +$timelineEventMarkerBackground: $primaryTextColor !default; +$timelineEventConnectorSize: 2px !default; +$timelineEventColor: $shade600 !default; + +//org chart +$organizationChartConnectorColor: $shade600 !default; + +//message +$messageMargin: 1rem 0 !default; +$messagePadding: 1.25rem 1.75rem !default; +$messageBorderWidth: 0 0 0 6px !default; +$messageIconFontSize: 1.5rem !default; +$messageTextFontSize: 1rem !default; +$messageTextFontWeight: 500 !default; + +//inline message +$inlineMessagePadding: $inputPadding !default; +$inlineMessageMargin: 0 !default; +$inlineMessageIconFontSize: 1rem !default; +$inlineMessageTextFontSize: 1rem !default; +$inlineMessageBorderWidth: 1px !default; + +//toast +$toastIconFontSize: 2rem !default; +$toastMessageTextMargin: 0 0 0 1rem !default; +$toastMargin: 0 0 1rem 0 !default; +$toastPadding: 1rem !default; +$toastBorderWidth: 0 0 0 6px !default; +$toastShadow: none !default; +$toastOpacity: 1 !default; +$toastTitleFontWeight: 700 !default; +$toastDetailMargin: $inlineSpacing 0 0 0 !default; + +//severities +$infoMessageBg: rgba(59, 130, 246, 0.2) !default; +$infoMessageBorder: solid #3b82f6 !default; +$infoMessageTextColor: #93c5fd !default; +$infoMessageIconColor: #93c5fd !default; +$successMessageBg: rgba(16, 185, 129, 0.2) !default; +$successMessageBorder: solid #10b981 !default; +$successMessageTextColor: #6ee7b7 !default; +$successMessageIconColor: #6ee7b7 !default; +$warningMessageBg: rgba(234, 179, 8, 0.2) !default; +$warningMessageBorder: solid #eab308 !default; +$warningMessageTextColor: #fde047 !default; +$warningMessageIconColor: #fde047 !default; +$errorMessageBg: rgba(239, 68, 68, 0.2) !default; +$errorMessageBorder: solid #ef4444 !default; +$errorMessageTextColor: #fca5a5 !default; +$errorMessageIconColor: #fca5a5 !default; + +//overlays +$overlayContentBorder: 1px solid $shade600 !default; +$overlayContentBg: $panelContentBg !default; +$overlayContainerShadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), + 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12) !default; + +//dialog +$dialogHeaderBg: $shade800 !default; +$dialogHeaderBorder: 0 none !default; +$dialogHeaderTextColor: $shade000 !default; +$dialogHeaderFontWeight: 700 !default; +$dialogHeaderFontSize: 1.25rem !default; +$dialogHeaderPadding: 1.5rem !default; +$dialogContentPadding: 0 1.5rem 2rem 1.5rem !default; +$dialogFooterBorder: 0 none !default; +$dialogFooterPadding: 0 1.5rem 1.5rem 1.5rem !default; + +//confirmpopup +$confirmPopupContentPadding: $panelContentPadding !default; +$confirmPopupFooterPadding: 0 1.25rem 1.25rem 1.25rem !default; + +//tooltip +$tooltipBg: $shade600 !default; +$tooltipTextColor: $shade000 !default; +$tooltipPadding: $inputPadding !default; + +//steps +$stepsItemBg: transparent !default; +$stepsItemBorder: 0 none !default; +$stepsItemTextColor: $shade100 !default; +$stepsItemNumberWidth: 2rem !default; +$stepsItemNumberHeight: 2rem !default; +$stepsItemNumberFontSize: 1.143rem !default; +$stepsItemNumberColor: $shade000 !default; +$stepsItemNumberBorderRadius: 50% !default; +$stepsItemActiveFontWeight: 700 !default; + +//progressbar, progressspinner +$progressBarHeight: 1.5rem !default; +$progressBarBorder: 0 none !default; +$progressBarBg: $shade600 !default; +$progressBarValueBg: $primaryColor !default; +$progressBarValueTextColor: $primaryTextColor !default; + +//menu (e.g. menu, menubar, tieredmenu) +$menuWidth: 12.5rem !default; +$menuBg: $shade700 !default; +$menuBorder: 1px solid $shade600 !default; +$menuTextColor: $shade000 !default; +$menuitemPadding: 0.75rem 1.25rem !default; +$menuitemBorderRadius: 0 !default; +$menuitemTextColor: $shade000 !default; +$menuitemIconColor: $shade100 !default; +$menuitemTextHoverColor: $shade000 !default; +$menuitemIconHoverColor: $shade000 !default; +$menuitemHoverBg: $hoverBg !default; +$menuitemTextFocusColor: $shade000 !default; +$menuitemIconFocusColor: $shade000 !default; +$menuitemFocusBg: $shade600 !default; +$menuitemTextActiveColor: $highlightTextColor !default; +$menuitemIconActiveColor: $highlightTextColor !default; +$menuitemActiveBg: $highlightBg !default; +$menuitemActiveFocusBg: $highlightFocusBg !default; +$menuitemSubmenuIconFontSize: 0.875rem !default; +$submenuHeaderMargin: 0 !default; +$submenuHeaderPadding: 0.75rem 1.25rem !default; +$submenuHeaderBg: $shade700 !default; +$submenuHeaderTextColor: $shade000 !default; +$submenuHeaderBorderRadius: 0 !default; +$submenuHeaderFontWeight: 700 !default; +$overlayMenuBg: $menuBg !default; +$overlayMenuBorder: 1px solid $shade600 !default; +$overlayMenuShadow: 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) !default; +$verticalMenuPadding: 0.25rem 0 !default; +$verticalMenuitemMargin: 0 !default; +$menuSeparatorMargin: 0.25rem 0 !default; + +$breadcrumbPadding: 1rem !default; +$breadcrumbBg: $menuBg !default; +$breadcrumbBorder: $menuBorder !default; +$breadcrumbItemTextColor: $menuitemTextColor !default; +$breadcrumbItemIconColor: $menuitemIconColor !default; +$breadcrumbLastItemTextColor: $menuitemTextColor !default; +$breadcrumbLastItemIconColor: $menuitemIconColor !default; +$breadcrumbSeparatorColor: $menuitemTextColor !default; + +$horizontalMenuPadding: 0.5rem !default; +$horizontalMenuBg: $shade700 !default; +$horizontalMenuBorder: $menuBorder !default; +$horizontalMenuTextColor: $menuTextColor !default; +$horizontalMenuRootMenuitemPadding: $menuitemPadding !default; +$horizontalMenuRootMenuitemBorderRadius: $borderRadius !default; +$horizontalMenuRootMenuitemTextColor: $menuitemTextColor !default; +$horizontalMenuRootMenuitemIconColor: $menuitemIconColor !default; +$horizontalMenuRootMenuitemTextHoverColor: $menuitemTextHoverColor !default; +$horizontalMenuRootMenuitemIconHoverColor: $menuitemIconHoverColor !default; +$horizontalMenuRootMenuitemHoverBg: $menuitemHoverBg !default; +$horizontalMenuRootMenuitemTextActiveColor: $menuitemTextActiveColor !default; +$horizontalMenuRootMenuitemIconActiveColor: $menuitemIconActiveColor !default; +$horizontalMenuRootMenuitemActiveBg: $menuitemActiveBg !default; + +//badge and tag +$badgeBg: $primaryColor !default; +$badgeTextColor: $primaryTextColor !default; +$badgeMinWidth: 1.5rem !default; +$badgeHeight: 1.5rem !default; +$badgeFontWeight: 700 !default; +$badgeFontSize: 0.75rem !default; + +$tagPadding: 0.25rem 0.4rem !default; + +//carousel +$carouselIndicatorsPadding: 1rem !default; +$carouselIndicatorBg: $shade600 !default; +$carouselIndicatorHoverBg: $hoverBg !default; +$carouselIndicatorBorderRadius: 0 !default; +$carouselIndicatorWidth: 2rem !default; +$carouselIndicatorHeight: 0.5rem !default; + +//galleria +$galleriaMaskBg: rgba(0, 0, 0, 0.9) !default; +$galleriaCloseIconMargin: 0.5rem !default; +$galleriaCloseIconFontSize: 2rem !default; +$galleriaCloseIconBg: transparent !default; +$galleriaCloseIconColor: #f8f9fa !default; +$galleriaCloseIconHoverBg: rgba(255, 255, 255, 0.1) !default; +$galleriaCloseIconHoverColor: #f8f9fa !default; +$galleriaCloseIconWidth: 4rem !default; +$galleriaCloseIconHeight: 4rem !default; +$galleriaCloseIconBorderRadius: 50% !default; + +$galleriaItemNavigatorBg: transparent !default; +$galleriaItemNavigatorColor: #f8f9fa !default; +$galleriaItemNavigatorMargin: 0 0.5rem !default; +$galleriaItemNavigatorFontSize: 2rem !default; +$galleriaItemNavigatorHoverBg: rgba(255, 255, 255, 0.1) !default; +$galleriaItemNavigatorHoverColor: #f8f9fa !default; +$galleriaItemNavigatorWidth: 4rem !default; +$galleriaItemNavigatorHeight: 4rem !default; +$galleriaItemNavigatorBorderRadius: $borderRadius !default; + +$galleriaCaptionBg: rgba(0, 0, 0, 0.5) !default; +$galleriaCaptionTextColor: #f8f9fa !default; +$galleriaCaptionPadding: 1rem !default; + +$galleriaIndicatorsPadding: 1rem !default; +$galleriaIndicatorBg: $shade600 !default; +$galleriaIndicatorHoverBg: rgba(255, 255, 255, 0.1) !default; +$galleriaIndicatorBorderRadius: 50% !default; +$galleriaIndicatorWidth: 1rem !default; +$galleriaIndicatorHeight: 1rem !default; +$galleriaIndicatorsBgOnItem: rgba(0, 0, 0, 0.5) !default; +$galleriaIndicatorBgOnItem: rgba(255, 255, 255, 0.4) !default; +$galleriaIndicatorHoverBgOnItem: rgba(255, 255, 255, 0.6) !default; + +$galleriaThumbnailContainerBg: rgba(0, 0, 0, 0.9) !default; +$galleriaThumbnailContainerPadding: 1rem 0.25rem !default; +$galleriaThumbnailNavigatorBg: transparent !default; +$galleriaThumbnailNavigatorColor: #f8f9fa !default; +$galleriaThumbnailNavigatorHoverBg: rgba(255, 255, 255, 0.1) !default; +$galleriaThumbnailNavigatorHoverColor: #f8f9fa !default; +$galleriaThumbnailNavigatorBorderRadius: 50% !default; +$galleriaThumbnailNavigatorWidth: 2rem !default; +$galleriaThumbnailNavigatorHeight: 2rem !default; + +//divider +$dividerHorizontalMargin: 1.25rem 0 !default; +$dividerHorizontalPadding: 0 1.25rem !default; +$dividerVerticalMargin: 0 1.25rem !default; +$dividerVerticalPadding: 1.25rem 0 !default; +$dividerSize: 1px !default; +$dividerColor: $shade600 !default; + +//avatar +$avatarBg: $shade600 !default; +$avatarTextColor: $textColor !default; + +//chip +$chipBg: $shade600 !default; +$chipTextColor: $textColor !default; +$chipBorderRadius: 16px !default; +$chipFocusBg: $shade500 !default; +$chipFocusTextColor: $textColor !default; + +//scrollTop +$scrollTopBg: $highlightBg !default; +$scrollTopHoverBg: scale-color($highlightBg, $alpha: 24%) !default; +$scrollTopWidth: 3rem !default; +$scrollTopHeight: 3rem !default; +$scrollTopBorderRadius: 50% !default; +$scrollTopFontSize: 1.5rem !default; +$scrollTopTextColor: $highlightTextColor !default; + +//skeleton +$skeletonBg: rgba(255, 255, 255, 0.06) !default; +$skeletonAnimationBg: rgba(255, 255, 255, 0.04) !default; + +//splitter +$splitterGutterBg: rgba(255, 255, 255, 0.03) !default; +$splitterGutterHandleBg: $shade600 !default; + +//speeddial +$speedDialButtonWidth: 4rem !default; +$speedDialButtonHeight: 4rem !default; +$speedDialButtonIconFontSize: 1.3rem !default; +$speedDialActionWidth: 3rem !default; +$speedDialActionHeight: 3rem !default; +$speedDialActionBg: $shade000 !default; +$speedDialActionHoverBg: $shade100 !default; +$speedDialActionTextColor: $shade900 !default; +$speedDialActionTextHoverColor: $shade900 !default; + +//dock +$dockActionWidth: 4rem !default; +$dockActionHeight: 4rem !default; +$dockItemPadding: 0.5rem !default; +$dockItemBorderRadius: $borderRadius !default; +$dockCurrentItemMargin: 1.5rem !default; +$dockFirstItemsMargin: 1.3rem !default; +$dockSecondItemsMargin: 0.9rem !default; +$dockBg: rgba(255, 255, 255, 0.1) !default; +$dockBorder: 1px solid rgba(255, 255, 255, 0.2) !default; +$dockPadding: 0.5rem 0.5rem !default; +$dockBorderRadius: 0.5rem !default; + +//image +$imageMaskBg: rgba(0, 0, 0, 0.9) !default; +$imagePreviewToolbarPadding: 1rem !default; +$imagePreviewIndicatorColor: #f8f9fa !default; +$imagePreviewIndicatorBg: rgba(0, 0, 0, 0.5) !default; +$imagePreviewActionIconBg: transparent !default; +$imagePreviewActionIconColor: #f8f9fa !default; +$imagePreviewActionIconHoverBg: rgba(255, 255, 255, 0.1) !default; +$imagePreviewActionIconHoverColor: #f8f9fa !default; +$imagePreviewActionIconWidth: 3rem !default; +$imagePreviewActionIconHeight: 3rem !default; +$imagePreviewActionIconFontSize: 1.5rem !default; +$imagePreviewActionIconBorderRadius: 50% !default; + +:root { + font-family: "Inter var", sans-serif; + font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + font-variation-settings: normal; + --font-family: "Inter var", sans-serif; + --font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + --surface-a: #{$shade800}; + --surface-b: #{$shade900}; + --surface-c: #{$hoverBg}; + --surface-d: #{$shade600}; + --surface-e: #{$shade800}; + --surface-f: #{$shade800}; + --text-color: #{$shade000}; + --text-color-secondary: #{$shade100}; + --primary-color: #{$primaryColor}; + --primary-color-text: #{$primaryTextColor}; + --surface-0: #111827; + --surface-50: #1f2937; + --surface-100: #374151; + --surface-200: #4b5563; + --surface-300: #6b7280; + --surface-400: #9ca3af; + --surface-500: #d1d5db; + --surface-600: #e5e7eb; + --surface-700: #f3f4f6; + --surface-800: #f9fafb; + --surface-900: #ffffff; + --gray-50: #f9fafb; + --gray-100: #f3f4f6; + --gray-200: #e5e7eb; + --gray-300: #d1d5db; + --gray-400: #9ca3af; + --gray-500: #6b7280; + --gray-600: #4b5563; + --gray-700: #374151; + --gray-800: #1f2937; + --gray-900: #111827; + --content-padding: #{$panelContentPadding}; + --inline-spacing: #{$inlineSpacing}; + --border-radius: #{$borderRadius}; + --surface-ground: #111827; + --surface-section: #111827; + --surface-card: #1f2937; + --surface-overlay: #1f2937; + --surface-border: rgba(255, 255, 255, 0.1); + --surface-hover: rgba(255, 255, 255, 0.03); + --focus-ring: #{$focusShadow}; + --maskbg: #{$maskBg}; + --highlight-bg: #{$highlightBg}; + --highlight-text-color: #{$highlightTextColor}; + color-scheme: dark; +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/amber/_fonts.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/amber/_fonts.scss new file mode 100644 index 000000000..963c1cdbd --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/amber/_fonts.scss @@ -0,0 +1,16 @@ +@font-face { + font-family: 'Inter var'; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: 'Regular'; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: 'Inter var'; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: 'Italic'; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/amber/fonts/Inter-italic.var.woff2 b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/amber/fonts/Inter-italic.var.woff2 new file mode 100644 index 000000000..b826d5af8 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/amber/fonts/Inter-italic.var.woff2 differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/amber/fonts/Inter-roman.var.woff2 b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/amber/fonts/Inter-roman.var.woff2 new file mode 100644 index 000000000..6a256a068 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/amber/fonts/Inter-roman.var.woff2 differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/amber/theme.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/amber/theme.scss new file mode 100644 index 000000000..d4903884b --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/amber/theme.scss @@ -0,0 +1,14 @@ +$primaryColor:#fbbf24 !default; +$primaryLightColor: #fcd34d !default; +$primaryLighterColor: #fde68a !default; +$primaryLightestColor: rgba(251, 191, 36, .2) !default; +$primaryTextColor: #030712 !default; + +$highlightBg:rgba(251, 191, 36, .16) !default; +$highlightTextColor: rgba(255,255,255,.87) !default; +$highlightFocusBg: rgba($primaryColor, .24) !default; + +@import '../_variables'; +@import './_fonts'; +@import '../../../../theme-base/_components'; +@import '../_extensions'; \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/blue/_fonts.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/blue/_fonts.scss new file mode 100644 index 000000000..963c1cdbd --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/blue/_fonts.scss @@ -0,0 +1,16 @@ +@font-face { + font-family: 'Inter var'; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: 'Regular'; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: 'Inter var'; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: 'Italic'; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/blue/fonts/Inter-italic.var.woff2 b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/blue/fonts/Inter-italic.var.woff2 new file mode 100644 index 000000000..b826d5af8 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/blue/fonts/Inter-italic.var.woff2 differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/blue/fonts/Inter-roman.var.woff2 b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/blue/fonts/Inter-roman.var.woff2 new file mode 100644 index 000000000..6a256a068 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/blue/fonts/Inter-roman.var.woff2 differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/blue/theme.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/blue/theme.scss new file mode 100644 index 000000000..a70214285 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/blue/theme.scss @@ -0,0 +1,14 @@ +$primaryColor: #60a5fa !default; +$primaryLightColor: #93c5fd !default; +$primaryLighterColor: #bfdbfe !default; +$primaryLightestColor: rgba(96, 165, 250, .2) !default; +$primaryTextColor: #030712 !default; + +$highlightBg:rgba(96, 165, 250, .16) !default; +$highlightTextColor: rgba(255,255,255,.87) !default; +$highlightFocusBg: rgba($primaryColor, .24) !default; + +@import '../_variables'; +@import './_fonts'; +@import '../../../../theme-base/_components'; +@import '../_extensions'; \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/cyan/_fonts.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/cyan/_fonts.scss new file mode 100644 index 000000000..963c1cdbd --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/cyan/_fonts.scss @@ -0,0 +1,16 @@ +@font-face { + font-family: 'Inter var'; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: 'Regular'; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: 'Inter var'; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: 'Italic'; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/cyan/fonts/Inter-italic.var.woff2 b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/cyan/fonts/Inter-italic.var.woff2 new file mode 100644 index 000000000..b826d5af8 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/cyan/fonts/Inter-italic.var.woff2 differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/cyan/fonts/Inter-roman.var.woff2 b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/cyan/fonts/Inter-roman.var.woff2 new file mode 100644 index 000000000..6a256a068 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/cyan/fonts/Inter-roman.var.woff2 differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/cyan/theme.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/cyan/theme.scss new file mode 100644 index 000000000..a1d853e02 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/cyan/theme.scss @@ -0,0 +1,14 @@ +$primaryColor: #22d3ee !default; +$primaryLightColor: #67e8f9 !default; +$primaryLighterColor: #a5f3fc !default; +$primaryLightestColor: rgba(34, 211, 238, .2) !default; +$primaryTextColor: #030712 !default; + +$highlightBg:rgba(34, 211, 238, .16) !default; +$highlightTextColor: rgba(255,255,255,.87) !default; +$highlightFocusBg: rgba($primaryColor, .24) !default; + +@import '../_variables'; +@import './_fonts'; +@import '../../../../theme-base/_components'; +@import '../_extensions'; \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/green/_fonts.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/green/_fonts.scss new file mode 100644 index 000000000..963c1cdbd --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/green/_fonts.scss @@ -0,0 +1,16 @@ +@font-face { + font-family: 'Inter var'; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: 'Regular'; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: 'Inter var'; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: 'Italic'; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/green/fonts/Inter-italic.var.woff2 b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/green/fonts/Inter-italic.var.woff2 new file mode 100644 index 000000000..b826d5af8 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/green/fonts/Inter-italic.var.woff2 differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/green/fonts/Inter-roman.var.woff2 b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/green/fonts/Inter-roman.var.woff2 new file mode 100644 index 000000000..6a256a068 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/green/fonts/Inter-roman.var.woff2 differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/green/theme.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/green/theme.scss new file mode 100644 index 000000000..cf61cbe1a --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/green/theme.scss @@ -0,0 +1,14 @@ +$primaryColor: #34d399 !default; +$primaryLightColor: #6ee7b7 !default; +$primaryLighterColor: #a7f3d0 !default; +$primaryLightestColor: rgba(52, 211, 153, .2) !default; +$primaryTextColor: #030712 !default; + +$highlightBg:rgba(52, 211, 153, .16) !default; +$highlightTextColor: rgba(255,255,255,.87) !default; +$highlightFocusBg: rgba($primaryColor, .24) !default; + +@import '../_variables'; +@import './_fonts'; +@import '../../../../theme-base/_components'; +@import '../_extensions'; \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/indigo/_fonts.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/indigo/_fonts.scss new file mode 100644 index 000000000..963c1cdbd --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/indigo/_fonts.scss @@ -0,0 +1,16 @@ +@font-face { + font-family: 'Inter var'; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: 'Regular'; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: 'Inter var'; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: 'Italic'; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/indigo/fonts/Inter-italic.var.woff2 b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/indigo/fonts/Inter-italic.var.woff2 new file mode 100644 index 000000000..b826d5af8 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/indigo/fonts/Inter-italic.var.woff2 differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/indigo/fonts/Inter-roman.var.woff2 b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/indigo/fonts/Inter-roman.var.woff2 new file mode 100644 index 000000000..6a256a068 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/indigo/fonts/Inter-roman.var.woff2 differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/indigo/theme.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/indigo/theme.scss new file mode 100644 index 000000000..d1e239baa --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/indigo/theme.scss @@ -0,0 +1,14 @@ +$primaryColor: #818cf8 !default; +$primaryLightColor: #a5b4fc !default; +$primaryLighterColor: #c7d2fe !default; +$primaryLightestColor: rgba(129, 140, 248, .2) !default; +$primaryTextColor: #030712 !default; + +$highlightBg:rgba(129, 140, 248, .16) !default; +$highlightTextColor: rgba(255,255,255,.87) !default; +$highlightFocusBg: rgba($primaryColor, .24) !default; + +@import '../_variables'; +@import './_fonts'; +@import '../../../../theme-base/_components'; +@import '../_extensions'; \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/pink/_fonts.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/pink/_fonts.scss new file mode 100644 index 000000000..963c1cdbd --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/pink/_fonts.scss @@ -0,0 +1,16 @@ +@font-face { + font-family: 'Inter var'; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: 'Regular'; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: 'Inter var'; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: 'Italic'; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/pink/fonts/Inter-italic.var.woff2 b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/pink/fonts/Inter-italic.var.woff2 new file mode 100644 index 000000000..b826d5af8 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/pink/fonts/Inter-italic.var.woff2 differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/pink/fonts/Inter-roman.var.woff2 b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/pink/fonts/Inter-roman.var.woff2 new file mode 100644 index 000000000..6a256a068 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/pink/fonts/Inter-roman.var.woff2 differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/pink/theme.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/pink/theme.scss new file mode 100644 index 000000000..95356a4ab --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/pink/theme.scss @@ -0,0 +1,14 @@ +$primaryColor: #f472b6 !default; +$primaryLightColor: #f9a8d4 !default; +$primaryLighterColor: #fbcfe8 !default; +$primaryLightestColor: rgba(244, 114, 182, .2) !default; +$primaryTextColor: #030712 !default; + +$highlightBg:rgba(244, 114, 182, .16) !default; +$highlightTextColor: rgba(255,255,255,.87) !default; +$highlightFocusBg: rgba($primaryColor, .24) !default; + +@import '../_variables'; +@import './_fonts'; +@import '../../../../theme-base/_components'; +@import '../_extensions'; \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/purple/_fonts.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/purple/_fonts.scss new file mode 100644 index 000000000..963c1cdbd --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/purple/_fonts.scss @@ -0,0 +1,16 @@ +@font-face { + font-family: 'Inter var'; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: 'Regular'; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: 'Inter var'; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: 'Italic'; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/purple/fonts/Inter-italic.var.woff2 b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/purple/fonts/Inter-italic.var.woff2 new file mode 100644 index 000000000..b826d5af8 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/purple/fonts/Inter-italic.var.woff2 differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/purple/fonts/Inter-roman.var.woff2 b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/purple/fonts/Inter-roman.var.woff2 new file mode 100644 index 000000000..6a256a068 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/purple/fonts/Inter-roman.var.woff2 differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/purple/theme.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/purple/theme.scss new file mode 100644 index 000000000..4602bd77f --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/purple/theme.scss @@ -0,0 +1,14 @@ +$primaryColor: #a78bfa !default; +$primaryLightColor: #c4b5fd !default; +$primaryLighterColor: #ddd6fe!default; +$primaryLightestColor: rgba(167, 139, 250, .2) !default; +$primaryTextColor: #030712 !default; + +$highlightBg:rgba(167, 139, 250, .16) !default; +$highlightTextColor: rgba(255,255,255,.87) !default; +$highlightFocusBg: rgba($primaryColor, .24) !default; + +@import '../_variables'; +@import './_fonts'; +@import '../../../../theme-base/_components'; +@import '../_extensions'; \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/teal/_fonts.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/teal/_fonts.scss new file mode 100644 index 000000000..963c1cdbd --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/teal/_fonts.scss @@ -0,0 +1,16 @@ +@font-face { + font-family: 'Inter var'; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: 'Regular'; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: 'Inter var'; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: 'Italic'; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/teal/fonts/Inter-italic.var.woff2 b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/teal/fonts/Inter-italic.var.woff2 new file mode 100644 index 000000000..b826d5af8 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/teal/fonts/Inter-italic.var.woff2 differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/teal/fonts/Inter-roman.var.woff2 b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/teal/fonts/Inter-roman.var.woff2 new file mode 100644 index 000000000..6a256a068 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/teal/fonts/Inter-roman.var.woff2 differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/teal/theme.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/teal/theme.scss new file mode 100644 index 000000000..945bbb440 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-dark/teal/theme.scss @@ -0,0 +1,14 @@ +$primaryColor: #2dd4bf !default; +$primaryLightColor: #5eead4 !default; +$primaryLighterColor: #99f6e4 !default; +$primaryLightestColor: rgba(45, 212, 191, .2) !default; +$primaryTextColor: #030712 !default; + +$highlightBg:rgba(45, 212, 191, .16) !default; +$highlightTextColor: rgba(255,255,255,.87) !default; +$highlightFocusBg: rgba($primaryColor, .24) !default; + +@import '../_variables'; +@import './_fonts'; +@import '../../../../theme-base/_components'; +@import '../_extensions'; \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/_extensions.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/_extensions.scss new file mode 100644 index 000000000..48d7f95d3 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/_extensions.scss @@ -0,0 +1,146 @@ +@mixin focused-ring($ring-color) { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px $ring-color, + 0 1px 2px 0 rgba(0, 0, 0, 1); +} + +@layer primeng { + .p-button-label { + font-weight: 700; + } + + .p-selectbutton > .p-button, + .p-togglebutton.p-button { + transition: background-color $transitionDuration, + border-color $transitionDuration, box-shadow $transitionDuration; + } + + .p-accordion { + .p-accordion-header { + .p-accordion-header-link { + transition: background-color $transitionDuration, + border-color $transitionDuration, + box-shadow $transitionDuration; + } + } + } + + .p-tabview { + .p-tabview-nav { + li { + .p-tabview-nav-link { + transition: background-color $transitionDuration, + border-color $transitionDuration, + box-shadow $transitionDuration; + } + } + } + } + + .p-tabmenu { + .p-tabmenu-nav { + .p-tabmenuitem { + .p-menuitem-link { + transition: background-color $transitionDuration, + border-color $transitionDuration, + box-shadow $transitionDuration; + } + } + } + } + + .p-carousel { + .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: $primaryColor; + } + } + + .p-galleria { + .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: $primaryColor; + } + } + + .p-button { + &:focus { + @include focused-ring(scale-color($buttonBg, $lightness: 50%)); + } + + &.p-button-secondary:enabled:focus { + @include focused-ring( + scale-color($secondaryButtonBg, $lightness: 50%) + ); + } + + &.p-button-success:enabled:focus { + @include focused-ring( + scale-color($successButtonBg, $lightness: 50%) + ); + } + + &.p-button-info:enabled:focus { + @include focused-ring(scale-color($infoButtonBg, $lightness: 50%)); + } + + &.p-button-warning:enabled:focus { + @include focused-ring( + scale-color($warningButtonBg, $lightness: 50%) + ); + } + + &.p-button-help:enabled:focus { + @include focused-ring(scale-color($helpButtonBg, $lightness: 50%)); + } + + &.p-button-danger:enabled:focus { + @include focused-ring( + scale-color($dangerButtonBg, $lightness: 50%) + ); + } + } + + .p-datatable { + .p-datatable-tbody { + > tr { + &.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 $primaryColor; + } + + &.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 $primaryColor; + } + } + } + } + + .p-speeddial-item { + &.p-focus > .p-speeddial-action { + @include focused-ring(scale-color($buttonBg, $lightness: 50%)); + } + } + + .p-toast-message { + backdrop-filter: blur(10px); + } + + .p-inline-message-text { + font-weight: 500; + } + + .p-picklist-buttons .p-button, + .p-orderlist-controls .p-button { + transition: opacity $transitionDuration, + background-color $transitionDuration, color $transitionDuration, + border-color $transitionDuration, box-shadow $transitionDuration; + } + + .p-steps { + .p-steps-item { + &.p-highlight { + .p-steps-number { + background: $primaryColor; + color: $primaryTextColor; + } + } + } + } +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/_variables.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/_variables.scss new file mode 100644 index 000000000..69b0fba55 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/_variables.scss @@ -0,0 +1,887 @@ +$colors: ( + "blue": #3b82f6, + "green": #22c55e, + "yellow": #eab308, + "cyan": #06b6d4, + "pink": #ec4899, + "indigo": #6366f1, + "teal": #14b8a6, + "orange": #f97316, + "bluegray": #64748b, + "purple": #a855f7, + "red": #ff3d32, + "primary": $primaryColor, +); + +//reused color variables +$shade000: #ffffff !default; //surface +$shade100: #f9fafb !default; //header background +$shade200: #f3f4f6 !default; //hover background +$shade300: #e5e7eb !default; //border, divider +$shade400: #d1d5db !default; //input border +$shade500: #9ca3af !default; //input icon +$shade600: #6b7280 !default; //text secondary color +$shade700: #4b5563 !default; //text color +$shade800: #374151 !default; //unused +$shade900: #1f2937 !default; //unused + +//global +$fontFamily: "Inter var", sans-serif !default; +$fontSize: 1rem !default; +$fontWeight: normal !default; +$textColor: $shade700 !default; +$textSecondaryColor: $shade600 !default; +$borderRadius: 6px !default; +$transitionDuration: 0.2s !default; +$formElementTransition: background-color $transitionDuration, + color $transitionDuration, border-color $transitionDuration, + box-shadow $transitionDuration !default; +$actionIconTransition: background-color $transitionDuration, + color $transitionDuration, box-shadow $transitionDuration !default; +$listItemTransition: box-shadow $transitionDuration !default; +$primeIconFontSize: 1rem !default; +$divider: 1px solid $shade300 !default; +$inlineSpacing: 0.5rem !default; +$disabledOpacity: 0.6 !default; +$maskBg: rgba(0, 0, 0, 0.4) !default; +$loadingIconFontSize: 2rem !default; +$errorColor: #e24c4c !default; + +//scale +$scaleSM: 0.875 !default; +$scaleLG: 1.25 !default; + +//focus +$focusOutlineColor: $primaryLightColor !default; +$focusOutline: 0 none !default; +$focusOutlineOffset: 0 !default; +$focusShadow: 0 0 0 0.2rem $focusOutlineColor !default; + +//action icons +$actionIconWidth: 2rem !default; +$actionIconHeight: 2rem !default; +$actionIconBg: transparent !default; +$actionIconBorder: 0 none !default; +$actionIconColor: $shade600 !default; +$actionIconHoverBg: $shade200 !default; +$actionIconHoverBorderColor: transparent !default; +$actionIconHoverColor: $shade800 !default; +$actionIconBorderRadius: 50% !default; + +//input field (e.g. inputtext, spinner, inputmask) +$inputPadding: 0.75rem 0.75rem !default; +$inputTextFontSize: 1rem !default; + +$inputBg: $shade000 !default; +$inputTextColor: $shade700 !default; +$inputIconColor: $shade600 !default; +$inputBorder: 1px solid $shade400 !default; +$inputHoverBorderColor: $primaryColor !default; +$inputFocusBorderColor: $primaryColor !default; +$inputErrorBorderColor: $errorColor !default; +$inputPlaceholderTextColor: $shade600 !default; +$inputFilledBg: $shade200 !default; +$inputFilledHoverBg: $inputFilledBg !default; +$inputFilledFocusBg: $shade000 !default; + +//input groups +$inputGroupBg: $shade200 !default; +$inputGroupTextColor: $shade600 !default; +$inputGroupAddOnMinWidth: 3rem !default; + +//input lists (e.g. dropdown, autocomplete, multiselect, orderlist) +$inputListBg: $shade000 !default; +$inputListTextColor: $shade700 !default; +$inputListBorder: $inputBorder !default; +$inputListPadding: 0.75rem 0 !default; +$inputListItemPadding: 0.75rem 1.25rem !default; +$inputListItemBg: transparent !default; +$inputListItemTextColor: $shade700 !default; +$inputListItemHoverBg: $shade200 !default; +$inputListItemTextHoverColor: $shade700 !default; +$inputListItemFocusBg: $shade300 !default; +$inputListItemTextFocusColor: $shade700 !default; +$inputListItemBorder: 0 none !default; +$inputListItemBorderRadius: 0 !default; +$inputListItemMargin: 0 !default; +$inputListItemFocusShadow: inset 0 0 0 0.15rem $focusOutlineColor !default; +$inputListHeaderPadding: 0.75rem 1.25rem !default; +$inputListHeaderMargin: 0 !default; +$inputListHeaderBg: $shade100 !default; +$inputListHeaderTextColor: $shade800 !default; +$inputListHeaderBorder: 1px solid $shade300 !default; + +//inputs with overlays (e.g. autocomplete, dropdown, multiselect) +$inputOverlayBg: $inputListBg !default; +$inputOverlayHeaderBg: $inputListHeaderBg !default; +$inputOverlayBorder: 0 none !default; +$inputOverlayShadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1) !default; + +//password +$passwordMeterBg: $shade300 !default; +$passwordWeakBg: #ea5455 !default; +$passwordMediumBg: #ff9f42 !default; +$passwordStrongBg: #29c76f !default; + +//button +$buttonPadding: 0.75rem 1.25rem !default; +$buttonIconOnlyWidth: 3rem !default; +$buttonIconOnlyPadding: 0.75rem 0 !default; +$buttonBg: $primaryColor !default; +$buttonTextColor: $primaryTextColor !default; +$buttonBorder: 1px solid $primaryColor !default; +$buttonHoverBg: $primaryDarkColor !default; +$buttonTextHoverColor: $primaryTextColor !default; +$buttonHoverBorderColor: $primaryDarkColor !default; +$buttonActiveBg: $primaryDarkerColor !default; +$buttonTextActiveColor: $primaryTextColor !default; +$buttonActiveBorderColor: $primaryDarkerColor !default; +$raisedButtonShadow: 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) !default; +$roundedButtonBorderRadius: 2rem !default; + +$textButtonHoverBgOpacity: 0.04 !default; +$textButtonActiveBgOpacity: 0.16 !default; +$outlinedButtonBorder: 1px solid !default; +$plainButtonTextColor: $textSecondaryColor !default; +$plainButtonHoverBgColor: $shade200 !default; +$plainButtonActiveBgColor: $shade300 !default; + +$secondaryButtonBg: #64748b !default; +$secondaryButtonTextColor: #ffffff !default; +$secondaryButtonBorder: 1px solid #64748b !default; +$secondaryButtonHoverBg: #475569 !default; +$secondaryButtonTextHoverColor: $secondaryButtonTextColor !default; +$secondaryButtonHoverBorderColor: #475569 !default; +$secondaryButtonActiveBg: #334155 !default; +$secondaryButtonTextActiveColor: $secondaryButtonTextColor !default; +$secondaryButtonActiveBorderColor: #334155 !default; +$secondaryButtonFocusShadow: 0 0 0 0.2rem #e2e8f0 !default; + +$infoButtonBg: #0ea5e9 !default; +$infoButtonTextColor: #ffffff !default; +$infoButtonBorder: 1px solid #0ea5e9 !default; +$infoButtonHoverBg: #0284c7 !default; +$infoButtonTextHoverColor: $infoButtonTextColor !default; +$infoButtonHoverBorderColor: #0284c7 !default; +$infoButtonActiveBg: #0369a1 !default; +$infoButtonTextActiveColor: $infoButtonTextColor !default; +$infoButtonActiveBorderColor: #0369a1 !default; +$infoButtonFocusShadow: 0 0 0 0.2rem #bfdbfe !default; + +$successButtonBg: #22c55e !default; +$successButtonTextColor: #ffffff !default; +$successButtonBorder: 1px solid #22c55e !default; +$successButtonHoverBg: #16a34a !default; +$successButtonTextHoverColor: $successButtonTextColor !default; +$successButtonHoverBorderColor: #16a34a !default; +$successButtonActiveBg: #15803d !default; +$successButtonTextActiveColor: $successButtonTextColor !default; +$successButtonActiveBorderColor: #15803d !default; +$successButtonFocusShadow: 0 0 0 0.2rem #bbf7d0 !default; + +$warningButtonBg: #f97316 !default; +$warningButtonTextColor: #ffffff !default; +$warningButtonBorder: 1px solid #f97316 !default; +$warningButtonHoverBg: #ea580c !default; +$warningButtonTextHoverColor: $warningButtonTextColor !default; +$warningButtonHoverBorderColor: #ea580c !default; +$warningButtonActiveBg: #c2410c !default; +$warningButtonTextActiveColor: $warningButtonTextColor !default; +$warningButtonActiveBorderColor: #c2410c !default; +$warningButtonFocusShadow: 0 0 0 0.2rem #fde68a !default; + +$helpButtonBg: #a855f7 !default; +$helpButtonTextColor: #ffffff !default; +$helpButtonBorder: 1px solid #a855f7 !default; +$helpButtonHoverBg: #9333ea !default; +$helpButtonTextHoverColor: $helpButtonTextColor !default; +$helpButtonHoverBorderColor: #9333ea !default; +$helpButtonActiveBg: #7e22ce !default; +$helpButtonTextActiveColor: $helpButtonTextColor !default; +$helpButtonActiveBorderColor: #7e22ce !default; +$helpButtonFocusShadow: 0 0 0 0.2rem #e9d5ff !default; + +$dangerButtonBg: #ef4444 !default; +$dangerButtonTextColor: #ffffff !default; +$dangerButtonBorder: 1px solid $dangerButtonBg !default; +$dangerButtonHoverBg: #dc2626 !default; +$dangerButtonTextHoverColor: $dangerButtonTextColor !default; +$dangerButtonHoverBorderColor: #dc2626 !default; +$dangerButtonActiveBg: #b91c1c !default; +$dangerButtonTextActiveColor: $dangerButtonTextColor !default; +$dangerButtonActiveBorderColor: #b91c1c !default; +$dangerButtonFocusShadow: 0 0 0 0.2rem #fecaca !default; + +$linkButtonColor: $primaryDarkerColor !default; +$linkButtonHoverColor: $primaryDarkerColor !default; +$linkButtonTextHoverDecoration: underline !default; +$linkButtonFocusShadow: 0 0 0 0.2rem $focusOutlineColor !default; + +//checkbox +$checkboxWidth: 22px !default; +$checkboxHeight: 22px !default; +$checkboxBorder: 2px solid $shade400 !default; +$checkboxIconFontSize: 14px !default; +$checkboxActiveBorderColor: $primaryColor !default; +$checkboxActiveBg: $primaryColor !default; +$checkboxIconActiveColor: $primaryTextColor !default; +$checkboxActiveHoverBg: $primaryDarkerColor !default; +$checkboxIconActiveHoverColor: $primaryTextColor !default; +$checkboxActiveHoverBorderColor: $primaryDarkerColor !default; + +//radiobutton +$radiobuttonWidth: 22px !default; +$radiobuttonHeight: 22px !default; +$radiobuttonBorder: 2px solid $shade400 !default; +$radiobuttonIconSize: 12px !default; +$radiobuttonActiveBorderColor: $primaryColor !default; +$radiobuttonActiveBg: $primaryColor !default; +$radiobuttonIconActiveColor: $primaryTextColor !default; +$radiobuttonActiveHoverBg: $primaryDarkerColor !default; +$radiobuttonIconActiveHoverColor: $primaryTextColor !default; +$radiobuttonActiveHoverBorderColor: $primaryDarkerColor !default; + +//colorpicker +$colorPickerPreviewWidth: 2rem !default; +$colorPickerPreviewHeight: 2rem !default; +$colorPickerBg: #323232 !default; +$colorPickerBorder: 1px solid #191919 !default; +$colorPickerHandleColor: $shade000 !default; + +//togglebutton +$toggleButtonBg: $inputBg !default; +$toggleButtonBorder: 1px solid $shade400 !default; +$toggleButtonTextColor: $shade700 !default; +$toggleButtonIconColor: $shade600 !default; +$toggleButtonHoverBg: $shade200 !default; +$toggleButtonHoverBorderColor: $shade400 !default; +$toggleButtonTextHoverColor: $shade700 !default; +$toggleButtonIconHoverColor: $shade800 !default; +$toggleButtonActiveBg: $primaryColor !default; +$toggleButtonActiveBorderColor: $primaryColor !default; +$toggleButtonTextActiveColor: $primaryTextColor !default; +$toggleButtonIconActiveColor: $primaryTextColor !default; +$toggleButtonActiveHoverBg: $primaryDarkColor !default; +$toggleButtonActiveHoverBorderColor: $primaryDarkColor !default; +$toggleButtonTextActiveHoverColor: $primaryTextColor !default; +$toggleButtonIconActiveHoverColor: $primaryTextColor !default; + +//inplace +$inplacePadding: $inputPadding !default; +$inplaceHoverBg: $shade200 !default; +$inplaceTextHoverColor: $shade700 !default; + +//rating +$ratingIconFontSize: 1.143rem !default; +$ratingCancelIconColor: #ea5455 !default; +$ratingCancelIconHoverColor: #e73d3e !default; +$ratingStarIconOffColor: $shade700 !default; +$ratingStarIconOnColor: $primaryColor !default; +$ratingStarIconHoverColor: $primaryColor !default; + +//slider +$sliderBg: $shade300 !default; +$sliderBorder: 0 none !default; +$sliderHorizontalHeight: 0.286rem !default; +$sliderVerticalWidth: 0.286rem !default; +$sliderHandleWidth: 1.143rem !default; +$sliderHandleHeight: 1.143rem !default; +$sliderHandleBg: $shade000 !default; +$sliderHandleBorder: 2px solid $primaryColor !default; +$sliderHandleBorderRadius: 50% !default; +$sliderHandleHoverBorderColor: $primaryColor !default; +$sliderHandleHoverBg: $primaryColor !default; +$sliderRangeBg: $primaryColor !default; + +//calendar +$calendarTableMargin: 0.5rem 0 !default; +$calendarPadding: 0.5rem !default; +$calendarBg: $shade000 !default; +$calendarInlineBg: $calendarBg !default; +$calendarTextColor: $shade700 !default; +$calendarBorder: $inputListBorder !default; +$calendarOverlayBorder: $inputOverlayBorder !default; + +$calendarHeaderPadding: 0.5rem !default; +$calendarHeaderBg: $shade000 !default; +$calendarInlineHeaderBg: $calendarBg !default; +$calendarHeaderBorder: 1px solid $shade300 !default; +$calendarHeaderTextColor: $shade700 !default; +$calendarHeaderFontWeight: 600 !default; +$calendarHeaderCellPadding: 0.5rem !default; +$calendarMonthYearHeaderHoverTextColor: $primaryColor !default; + +$calendarCellDatePadding: 0.5rem !default; +$calendarCellDateWidth: 2.5rem !default; +$calendarCellDateHeight: 2.5rem !default; +$calendarCellDateBorderRadius: 50% !default; +$calendarCellDateBorder: 1px solid transparent !default; +$calendarCellDateHoverBg: $shade200 !default; +$calendarCellDateTodayBg: $shade400 !default; +$calendarCellDateTodayBorderColor: transparent !default; +$calendarCellDateTodayTextColor: $shade700 !default; + +$calendarButtonBarPadding: 1rem 0 !default; +$calendarTimePickerPadding: 0.5rem !default; +$calendarTimePickerElementPadding: 0 0.5rem !default; +$calendarTimePickerTimeFontSize: 1.25rem !default; + +$calendarBreakpoint: 769px !default; +$calendarCellDatePaddingSM: 0 !default; + +//input switch +$inputSwitchWidth: 3rem !default; +$inputSwitchHeight: 1.75rem !default; +$inputSwitchBorderRadius: 30px !default; +$inputSwitchHandleWidth: 1.25rem !default; +$inputSwitchHandleHeight: 1.25rem !default; +$inputSwitchHandleBorderRadius: 50% !default; +$inputSwitchSliderPadding: 0.25rem !default; +$inputSwitchSliderOffBg: $shade400 !default; +$inputSwitchHandleOffBg: $shade000 !default; +$inputSwitchSliderOffHoverBg: #b7bcc5 !default; +$inputSwitchSliderOnBg: $primaryColor !default; +$inputSwitchSliderOnHoverBg: $primaryDarkColor !default; +$inputSwitchHandleOnBg: $shade000 !default; + +//panel +$panelHeaderBorderColor: $shade300 !default; +$panelHeaderBorder: 1px solid $shade300 !default; +$panelHeaderBg: $shade100 !default; +$panelHeaderTextColor: $shade800 !default; +$panelHeaderFontWeight: 700 !default; +$panelHeaderPadding: 1.25rem !default; +$panelToggleableHeaderPadding: 0.75rem 1.25rem !default; + +$panelHeaderHoverBg: $shade200 !default; +$panelHeaderHoverBorderColor: $shade300 !default; +$panelHeaderTextHoverColor: $shade800 !default; + +$panelContentBorderColor: $shade300 !default; +$panelContentBorder: 1px solid $shade300 !default; +$panelContentBg: $shade000 !default; +$panelContentEvenRowBg: #f8f8fa !default; +$panelContentTextColor: $shade700 !default; +$panelContentPadding: 1.25rem !default; + +$panelFooterBorder: 1px solid $shade300 !default; +$panelFooterBg: $shade000 !default; +$panelFooterTextColor: $shade700 !default; +$panelFooterPadding: 0.75rem 1.25rem !default; + +//accordion +$accordionSpacing: 4px !default; +$accordionHeaderBorder: $panelHeaderBorder !default; +$accordionHeaderBg: $panelHeaderBg !default; +$accordionHeaderTextColor: $shade600 !default; +$accordionHeaderFontWeight: $panelHeaderFontWeight !default; +$accordionHeaderPadding: $panelHeaderPadding !default; + +$accordionHeaderHoverBg: $shade200 !default; +$accordionHeaderHoverBorderColor: $shade300 !default; +$accordionHeaderTextHoverColor: $shade800 !default; + +$accordionHeaderActiveBg: $panelHeaderBg !default; +$accordionHeaderActiveBorderColor: $shade300 !default; +$accordionHeaderTextActiveColor: $shade800 !default; + +$accordionHeaderActiveHoverBg: $shade200 !default; +$accordionHeaderActiveHoverBorderColor: $shade300 !default; +$accordionHeaderTextActiveHoverColor: $shade800 !default; + +$accordionContentBorder: $panelContentBorder !default; +$accordionContentBg: $panelContentBg !default; +$accordionContentTextColor: $panelContentTextColor !default; +$accordionContentPadding: $panelContentPadding !default; + +//tabview +$tabviewNavBorder: 1px solid $shade300 !default; +$tabviewNavBorderWidth: 0 0 2px 0 !default; +$tabviewNavBg: $shade000 !default; + +$tabviewHeaderSpacing: 0 !default; +$tabviewHeaderBorder: solid $shade300 !default; +$tabviewHeaderBorderWidth: 0 0 2px 0 !default; +$tabviewHeaderBorderColor: transparent transparent $shade300 transparent !default; +$tabviewHeaderBg: $shade000 !default; +$tabviewHeaderTextColor: $shade600 !default; +$tabviewHeaderFontWeight: $panelHeaderFontWeight !default; +$tabviewHeaderPadding: $panelHeaderPadding !default; +$tabviewHeaderMargin: 0 0 -2px 0 !default; + +$tabviewHeaderHoverBg: $shade000 !default; +$tabviewHeaderHoverBorderColor: $shade500 !default; +$tabviewHeaderTextHoverColor: $shade600 !default; + +$tabviewHeaderActiveBg: $shade000 !default; +$tabviewHeaderActiveBorderColor: $primaryColor !default; +$tabviewHeaderTextActiveColor: $primaryColor !default; + +$tabviewContentBorder: 0 none !default; +$tabviewContentBg: $panelContentBg !default; +$tabviewContentTextColor: $panelContentTextColor !default; +$tabviewContentPadding: $panelContentPadding !default; + +//upload +$fileUploadProgressBarHeight: 0.25rem !default; +$fileUploadContentPadding: 2rem 1rem !default; +$fileUploadContentHoverBorder: 1px dashed $primaryColor !default; + +//scrollpanel +$scrollPanelTrackBorder: 0 none !default; +$scrollPanelTrackBg: $shade100 !default; + +//card +$cardBodyPadding: 1.25rem !default; +$cardTitleFontSize: 1.5rem !default; +$cardTitleFontWeight: 700 !default; +$cardSubTitleFontWeight: 400 !default; +$cardSubTitleColor: $shade600 !default; +$cardContentPadding: 1.25rem 0 !default; +$cardFooterPadding: 1.25rem 0 0 0 !default; +$cardShadow: 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) !default; + +//editor +$editorToolbarBg: $panelHeaderBg !default; +$editorToolbarBorder: $panelHeaderBorder !default; +$editorToolbarPadding: $panelHeaderPadding !default; +$editorToolbarIconColor: $textSecondaryColor !default; +$editorToolbarIconHoverColor: $textColor !default; +$editorIconActiveColor: $primaryColor !default; +$editorContentBorder: $panelContentBorder !default; +$editorContentBg: $panelContentBg !default; + +//paginator +$paginatorBg: $shade000 !default; +$paginatorTextColor: $shade600 !default; +$paginatorBorder: solid $shade200 !default; +$paginatorBorderWidth: 0 !default; +$paginatorPadding: 0.5rem 1rem !default; +$paginatorElementWidth: $buttonIconOnlyWidth !default; +$paginatorElementHeight: $buttonIconOnlyWidth !default; +$paginatorElementBg: transparent !default; +$paginatorElementBorder: 0 none !default; +$paginatorElementIconColor: $shade600 !default; +$paginatorElementHoverBg: $shade200 !default; +$paginatorElementHoverBorderColor: transparent !default; +$paginatorElementIconHoverColor: $shade800 !default; +$paginatorElementBorderRadius: 50% !default; +$paginatorElementMargin: 0.143rem !default; +$paginatorElementPadding: 0 !default; + +//table +$tableHeaderBorder: 1px solid $shade300 !default; +$tableHeaderBorderWidth: 1px 0 1px 0 !default; +$tableHeaderBg: $shade100 !default; +$tableHeaderTextColor: $shade800 !default; +$tableHeaderFontWeight: 700 !default; +$tableHeaderPadding: 1rem 1rem !default; + +$tableHeaderCellPadding: 1rem 1rem !default; +$tableHeaderCellBg: $shade100 !default; +$tableHeaderCellTextColor: $shade800 !default; +$tableHeaderCellFontWeight: 700 !default; +$tableHeaderCellBorder: 1px solid $shade300 !default; +$tableHeaderCellBorderWidth: 0 0 1px 0 !default; +$tableHeaderCellHoverBg: $shade200 !default; +$tableHeaderCellTextHoverColor: $shade800 !default; +$tableHeaderCellIconColor: $shade800 !default; +$tableHeaderCellIconHoverColor: $shade800 !default; +$tableHeaderCellHighlightBg: $highlightBg !default; +$tableHeaderCellHighlightTextColor: $highlightTextColor !default; +$tableHeaderCellHighlightHoverBg: $highlightBg !default; +$tableHeaderCellHighlightTextHoverColor: $highlightTextColor !default; +$tableSortableColumnBadgeSize: 1.143rem !default; + +$tableBodyRowBg: $shade000 !default; +$tableBodyRowTextColor: $shade700 !default; +$tableBodyRowEvenBg: #f8f8fa !default; +$tableBodyRowHoverBg: $shade200 !default; +$tableBodyRowTextHoverColor: $shade700 !default; +$tableBodyCellBorder: 1px solid $shade300 !default; +$tableBodyCellBorderWidth: 0 0 1px 0 !default; +$tableBodyCellPadding: 1rem 1rem !default; + +$tableFooterCellPadding: 1rem 1rem !default; +$tableFooterCellBg: $shade100 !default; +$tableFooterCellTextColor: $shade800 !default; +$tableFooterCellFontWeight: 700 !default; +$tableFooterCellBorder: 1px solid $shade300 !default; +$tableFooterCellBorderWidth: 0 0 1px 0 !default; +$tableResizerHelperBg: $primaryColor !default; + +$tableFooterBorder: 1px solid $shade300 !default; +$tableFooterBorderWidth: 0 0 1px 0 !default; +$tableFooterBg: $shade100 !default; +$tableFooterTextColor: $shade800 !default; +$tableFooterFontWeight: 700 !default; +$tableFooterPadding: 1rem 1rem !default; + +$tableCellContentAlignment: left !default; +$tableTopPaginatorBorderWidth: 0 0 1px 0 !default; +$tableBottomPaginatorBorderWidth: 0 0 1px 0 !default; + +$tableScaleSM: 0.5 !default; +$tableScaleLG: 1.25 !default; + +//dataview +$dataViewContentPadding: 0 !default; +$dataViewContentBorder: 0 none !default; + +//tree +$treeContainerPadding: 0.286rem !default; +$treeNodePadding: 0.143rem !default; +$treeNodeContentPadding: 0.5rem !default; +$treeNodeChildrenPadding: 0 0 0 1rem !default; +$treeNodeIconColor: $shade600 !default; + +//timeline +$timelineVerticalEventContentPadding: 0 1rem !default; +$timelineHorizontalEventContentPadding: 1rem 0 !default; +$timelineEventMarkerWidth: 1rem !default; +$timelineEventMarkerHeight: 1rem !default; +$timelineEventMarkerBorderRadius: 50% !default; +$timelineEventMarkerBorder: 2px solid $primaryColor !default; +$timelineEventMarkerBackground: $primaryTextColor !default; +$timelineEventConnectorSize: 2px !default; +$timelineEventColor: $shade300 !default; + +//org chart +$organizationChartConnectorColor: $shade300 !default; + +//message +$messageMargin: 1rem 0 !default; +$messagePadding: 1.25rem 1.75rem !default; +$messageBorderWidth: 0 0 0 6px !default; +$messageIconFontSize: 1.5rem !default; +$messageTextFontSize: 1rem !default; +$messageTextFontWeight: 500 !default; + +//inline message +$inlineMessagePadding: $inputPadding !default; +$inlineMessageMargin: 0 !default; +$inlineMessageIconFontSize: 1rem !default; +$inlineMessageTextFontSize: 1rem !default; +$inlineMessageBorderWidth: 0px !default; + +//toast +$toastIconFontSize: 2rem !default; +$toastMessageTextMargin: 0 0 0 1rem !default; +$toastMargin: 0 0 1rem 0 !default; +$toastPadding: 1rem !default; +$toastBorderWidth: 0 0 0 6px !default; +$toastShadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1) !default; +$toastOpacity: 1 !default; +$toastTitleFontWeight: 700 !default; +$toastDetailMargin: $inlineSpacing 0 0 0 !default; + +//severities +$infoMessageBg: rgba(219, 234, 254, 0.7) !default; +$infoMessageBorder: solid #3b82f6 !default; +$infoMessageTextColor: #3b82f6 !default; +$infoMessageIconColor: #3b82f6 !default; +$successMessageBg: rgba(228, 248, 240, 0.7) !default; +$successMessageBorder: solid #1ea97c !default; +$successMessageTextColor: #1ea97c !default; +$successMessageIconColor: #1ea97c !default; +$warningMessageBg: rgba(255, 242, 226, 0.7) !default; +$warningMessageBorder: solid #cc8925 !default; +$warningMessageTextColor: #cc8925 !default; +$warningMessageIconColor: #cc8925 !default; +$errorMessageBg: rgba(255, 231, 230, 0.7) !default; +$errorMessageBorder: solid #ff5757 !default; +$errorMessageTextColor: #ff5757 !default; +$errorMessageIconColor: #ff5757 !default; + +//overlays +$overlayContentBorder: 0 none !default; +$overlayContentBg: $panelContentBg !default; +$overlayContainerShadow: 0 1px 3px rgba(0, 0, 0, 0.3) !default; + +//dialog +$dialogHeaderBg: $shade000 !default; +$dialogHeaderBorder: 0 none !default; +$dialogHeaderTextColor: $shade800 !default; +$dialogHeaderFontWeight: 700 !default; +$dialogHeaderFontSize: 1.25rem !default; +$dialogHeaderPadding: 1.5rem !default; +$dialogContentPadding: 0 1.5rem 2rem 1.5rem !default; +$dialogFooterBorder: 0 none !default; +$dialogFooterPadding: 0 1.5rem 1.5rem 1.5rem !default; + +//confirmpopup +$confirmPopupContentPadding: $panelContentPadding !default; +$confirmPopupFooterPadding: 0 1.25rem 1.25rem 1.25rem !default; + +//tooltip +$tooltipBg: $shade700 !default; +$tooltipTextColor: $shade000 !default; +$tooltipPadding: $inputPadding !default; + +//steps +$stepsItemBg: $shade000 !default; +$stepsItemBorder: 1px solid $shade200 !default; +$stepsItemTextColor: $shade600 !default; +$stepsItemNumberWidth: 2rem !default; +$stepsItemNumberHeight: 2rem !default; +$stepsItemNumberFontSize: 1.143rem !default; +$stepsItemNumberColor: $shade700 !default; +$stepsItemNumberBorderRadius: 50% !default; +$stepsItemActiveFontWeight: 700 !default; + +//progressbar +$progressBarHeight: 1.5rem !default; +$progressBarBorder: 0 none !default; +$progressBarBg: $shade300 !default; +$progressBarValueBg: $primaryColor !default; +$progressBarValueTextColor: $primaryTextColor !default; + +//menu (e.g. menu, menubar, tieredmenu) +$menuWidth: 12.5rem !default; +$menuBg: $shade000 !default; +$menuBorder: 1px solid $shade300 !default; +$menuTextColor: $shade700 !default; +$menuitemPadding: 0.75rem 1.25rem !default; +$menuitemBorderRadius: 0 !default; +$menuitemTextColor: $shade700 !default; +$menuitemIconColor: $shade600 !default; +$menuitemTextHoverColor: $shade700 !default; +$menuitemIconHoverColor: $shade600 !default; +$menuitemHoverBg: $shade200 !default; +$menuitemTextFocusColor: $shade700 !default; +$menuitemIconFocusColor: $shade700 !default; +$menuitemFocusBg: $shade300 !default; +$menuitemTextActiveColor: $highlightTextColor !default; +$menuitemIconActiveColor: $highlightTextColor !default; +$menuitemActiveBg: $highlightBg !default; +$menuitemActiveFocusBg: $highlightFocusBg !default; +$menuitemSubmenuIconFontSize: 0.875rem !default; +$submenuHeaderMargin: 0 !default; +$submenuHeaderPadding: 0.75rem 1.25rem !default; +$submenuHeaderBg: $shade000 !default; +$submenuHeaderTextColor: $shade800 !default; +$submenuHeaderBorderRadius: 0 !default; +$submenuHeaderFontWeight: 700 !default; +$overlayMenuBg: $menuBg !default; +$overlayMenuBorder: 0 none !default; +$overlayMenuShadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1) !default; +$verticalMenuPadding: 0.5rem 0 !default; +$verticalMenuitemMargin: 0 !default; +$menuSeparatorMargin: 0.25rem 0 !default; + +$breadcrumbPadding: 1rem !default; +$breadcrumbBg: $menuBg !default; +$breadcrumbBorder: $menuBorder !default; +$breadcrumbItemTextColor: $menuitemTextColor !default; +$breadcrumbItemIconColor: $menuitemIconColor !default; +$breadcrumbLastItemTextColor: $menuitemTextColor !default; +$breadcrumbLastItemIconColor: $menuitemIconColor !default; +$breadcrumbSeparatorColor: $menuitemTextColor !default; + +$horizontalMenuPadding: 0.5rem !default; +$horizontalMenuBg: $shade100 !default; +$horizontalMenuBorder: $menuBorder !default; +$horizontalMenuTextColor: $menuTextColor !default; +$horizontalMenuRootMenuitemPadding: $menuitemPadding !default; +$horizontalMenuRootMenuitemBorderRadius: $borderRadius !default; +$horizontalMenuRootMenuitemTextColor: $menuitemTextColor !default; +$horizontalMenuRootMenuitemIconColor: $menuitemIconColor !default; +$horizontalMenuRootMenuitemTextHoverColor: $menuitemTextHoverColor !default; +$horizontalMenuRootMenuitemIconHoverColor: $menuitemIconHoverColor !default; +$horizontalMenuRootMenuitemHoverBg: $menuitemHoverBg !default; +$horizontalMenuRootMenuitemTextActiveColor: $menuitemTextActiveColor !default; +$horizontalMenuRootMenuitemIconActiveColor: $menuitemIconActiveColor !default; +$horizontalMenuRootMenuitemActiveBg: $menuitemActiveBg !default; + +//badge and tag +$badgeBg: $primaryColor !default; +$badgeTextColor: $primaryTextColor !default; +$badgeMinWidth: 1.5rem !default; +$badgeHeight: 1.5rem !default; +$badgeFontWeight: 700 !default; +$badgeFontSize: 0.75rem !default; + +$tagPadding: 0.25rem 0.4rem !default; + +//carousel +$carouselIndicatorsPadding: 1rem !default; +$carouselIndicatorBg: $shade400 !default; +$carouselIndicatorHoverBg: $shade500 !default; +$carouselIndicatorBorderRadius: 0 !default; +$carouselIndicatorWidth: 2rem !default; +$carouselIndicatorHeight: 0.5rem !default; + +//galleria +$galleriaMaskBg: rgba(0, 0, 0, 0.9) !default; +$galleriaCloseIconMargin: 0.5rem !default; +$galleriaCloseIconFontSize: 2rem !default; +$galleriaCloseIconBg: transparent !default; +$galleriaCloseIconColor: $shade100 !default; +$galleriaCloseIconHoverBg: rgba(255, 255, 255, 0.1) !default; +$galleriaCloseIconHoverColor: $shade100 !default; +$galleriaCloseIconWidth: 4rem !default; +$galleriaCloseIconHeight: 4rem !default; +$galleriaCloseIconBorderRadius: 50% !default; + +$galleriaItemNavigatorBg: transparent !default; +$galleriaItemNavigatorColor: $shade100 !default; +$galleriaItemNavigatorMargin: 0 0.5rem !default; +$galleriaItemNavigatorFontSize: 2rem !default; +$galleriaItemNavigatorHoverBg: rgba(255, 255, 255, 0.1) !default; +$galleriaItemNavigatorHoverColor: $shade100 !default; +$galleriaItemNavigatorWidth: 4rem !default; +$galleriaItemNavigatorHeight: 4rem !default; +$galleriaItemNavigatorBorderRadius: $borderRadius !default; + +$galleriaCaptionBg: rgba(0, 0, 0, 0.5) !default; +$galleriaCaptionTextColor: $shade100 !default; +$galleriaCaptionPadding: 1rem !default; + +$galleriaIndicatorsPadding: 1rem !default; +$galleriaIndicatorBg: $shade400 !default; +$galleriaIndicatorHoverBg: $shade500 !default; +$galleriaIndicatorBorderRadius: 50% !default; +$galleriaIndicatorWidth: 1rem !default; +$galleriaIndicatorHeight: 1rem !default; +$galleriaIndicatorsBgOnItem: rgba(0, 0, 0, 0.5) !default; +$galleriaIndicatorBgOnItem: rgba(255, 255, 255, 0.4) !default; +$galleriaIndicatorHoverBgOnItem: rgba(255, 255, 255, 0.6) !default; + +$galleriaThumbnailContainerBg: rgba(0, 0, 0, 0.9) !default; +$galleriaThumbnailContainerPadding: 1rem 0.25rem !default; +$galleriaThumbnailNavigatorBg: transparent !default; +$galleriaThumbnailNavigatorColor: $shade100 !default; +$galleriaThumbnailNavigatorHoverBg: rgba(255, 255, 255, 0.1) !default; +$galleriaThumbnailNavigatorHoverColor: $shade100 !default; +$galleriaThumbnailNavigatorBorderRadius: 50% !default; +$galleriaThumbnailNavigatorWidth: 2rem !default; +$galleriaThumbnailNavigatorHeight: 2rem !default; + +//divider +$dividerHorizontalMargin: 1.25rem 0 !default; +$dividerHorizontalPadding: 0 1.25rem !default; +$dividerVerticalMargin: 0 1.25rem !default; +$dividerVerticalPadding: 1.25rem 0 !default; +$dividerSize: 1px !default; +$dividerColor: $shade300 !default; + +//avatar +$avatarBg: $shade300 !default; +$avatarTextColor: $textColor !default; + +//chip +$chipBg: $shade300 !default; +$chipTextColor: $textColor !default; +$chipBorderRadius: 16px !default; +$chipFocusBg: $shade400 !default; +$chipFocusTextColor: $textColor !default; + +//scrollTop +$scrollTopBg: rgba(0, 0, 0, 0.7) !default; +$scrollTopHoverBg: rgba(0, 0, 0, 0.8) !default; +$scrollTopWidth: 3rem !default; +$scrollTopHeight: 3rem !default; +$scrollTopBorderRadius: 50% !default; +$scrollTopFontSize: 1.5rem !default; +$scrollTopTextColor: $shade100 !default; + +//skeleton +$skeletonBg: $shade300 !default; +$skeletonAnimationBg: rgba(255, 255, 255, 0.4) !default; + +//splitter +$splitterGutterBg: $shade100 !default; +$splitterGutterHandleBg: $shade300 !default; + +//speeddial +$speedDialButtonWidth: 4rem !default; +$speedDialButtonHeight: 4rem !default; +$speedDialButtonIconFontSize: 1.3rem !default; +$speedDialActionWidth: 3rem !default; +$speedDialActionHeight: 3rem !default; +$speedDialActionBg: $shade700 !default; +$speedDialActionHoverBg: #022354 !default; +$speedDialActionTextColor: #fff !default; +$speedDialActionTextHoverColor: #fff !default; + +//dock +$dockActionWidth: 4rem !default; +$dockActionHeight: 4rem !default; +$dockItemPadding: 0.5rem !default; +$dockItemBorderRadius: $borderRadius !default; +$dockCurrentItemMargin: 1.5rem !default; +$dockFirstItemsMargin: 1.3rem !default; +$dockSecondItemsMargin: 0.9rem !default; +$dockBg: rgba(255, 255, 255, 0.1) !default; +$dockBorder: 1px solid rgba(255, 255, 255, 0.2) !default; +$dockPadding: 0.5rem 0.5rem !default; +$dockBorderRadius: 0.5rem !default; + +//image +$imageMaskBg: rgba(0, 0, 0, 0.9) !default; +$imagePreviewToolbarPadding: 1rem !default; +$imagePreviewIndicatorColor: #f8f9fa !default; +$imagePreviewIndicatorBg: rgba(0, 0, 0, 0.5) !default; +$imagePreviewActionIconBg: transparent !default; +$imagePreviewActionIconColor: #f8f9fa !default; +$imagePreviewActionIconHoverBg: rgba(255, 255, 255, 0.1) !default; +$imagePreviewActionIconHoverColor: #f8f9fa !default; +$imagePreviewActionIconWidth: 3rem !default; +$imagePreviewActionIconHeight: 3rem !default; +$imagePreviewActionIconFontSize: 1.5rem !default; +$imagePreviewActionIconBorderRadius: 50% !default; + +:root { + font-family: "Inter var", sans-serif; + font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + font-variation-settings: normal; + --font-family: "Inter var", sans-serif; + --font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + --surface-a: #{$shade000}; + --surface-b: #{$shade100}; + --surface-c: #{$shade200}; + --surface-d: #{$shade300}; + --surface-e: #{$shade000}; + --surface-f: #{$shade000}; + --text-color: #{$shade700}; + --text-color-secondary: #{$shade600}; + --primary-color: #{$primaryColor}; + --primary-color-text: #{$primaryTextColor}; + --surface-0: #ffffff; + --surface-50: #f9fafb; + --surface-100: #f3f4f6; + --surface-200: #e5e7eb; + --surface-300: #d1d5db; + --surface-400: #9ca3af; + --surface-500: #6b7280; + --surface-600: #4b5563; + --surface-700: #374151; + --surface-800: #1f2937; + --surface-900: #111827; + --gray-50: #f9fafb; + --gray-100: #f3f4f6; + --gray-200: #e5e7eb; + --gray-300: #d1d5db; + --gray-400: #9ca3af; + --gray-500: #6b7280; + --gray-600: #4b5563; + --gray-700: #374151; + --gray-800: #1f2937; + --gray-900: #111827; + --content-padding: #{$panelContentPadding}; + --inline-spacing: #{$inlineSpacing}; + --border-radius: #{$borderRadius}; + --surface-ground: #f9fafb; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #dfe7ef; + --surface-hover: #f6f9fc; + --focus-ring: #{$focusShadow}; + --maskbg: #{$maskBg}; + --highlight-bg: #{$highlightBg}; + --highlight-text-color: #{$highlightTextColor}; + color-scheme: light; +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/amber/_fonts.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/amber/_fonts.scss new file mode 100644 index 000000000..963c1cdbd --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/amber/_fonts.scss @@ -0,0 +1,16 @@ +@font-face { + font-family: 'Inter var'; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: 'Regular'; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: 'Inter var'; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: 'Italic'; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/amber/fonts/Inter-italic.var.woff2 b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/amber/fonts/Inter-italic.var.woff2 new file mode 100644 index 000000000..b826d5af8 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/amber/fonts/Inter-italic.var.woff2 differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/amber/fonts/Inter-roman.var.woff2 b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/amber/fonts/Inter-roman.var.woff2 new file mode 100644 index 000000000..6a256a068 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/amber/fonts/Inter-roman.var.woff2 differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/amber/theme.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/amber/theme.scss new file mode 100644 index 000000000..f391e12bb --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/amber/theme.scss @@ -0,0 +1,14 @@ +$primaryColor: #f59e0b !default; +$primaryLightColor: #fef08a !default; +$primaryDarkColor: #d97706 !default; +$primaryDarkerColor: #b45309 !default; +$primaryTextColor: #ffffff !default; + +$highlightBg: #fffbeb !default; +$highlightTextColor: $primaryDarkerColor !default; +$highlightFocusBg: rgba($primaryColor, .24) !default; + +@import '../_variables'; +@import './_fonts'; +@import '../../../../theme-base/_components'; +@import '../_extensions'; \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/blue/_fonts.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/blue/_fonts.scss new file mode 100644 index 000000000..963c1cdbd --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/blue/_fonts.scss @@ -0,0 +1,16 @@ +@font-face { + font-family: 'Inter var'; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: 'Regular'; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: 'Inter var'; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: 'Italic'; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/blue/fonts/Inter-italic.var.woff2 b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/blue/fonts/Inter-italic.var.woff2 new file mode 100644 index 000000000..b826d5af8 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/blue/fonts/Inter-italic.var.woff2 differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/blue/fonts/Inter-roman.var.woff2 b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/blue/fonts/Inter-roman.var.woff2 new file mode 100644 index 000000000..6a256a068 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/blue/fonts/Inter-roman.var.woff2 differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/blue/theme.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/blue/theme.scss new file mode 100644 index 000000000..b83ada9ac --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/blue/theme.scss @@ -0,0 +1,14 @@ +$primaryColor: #3B82F6 !default; +$primaryLightColor: #BFDBFE !default; +$primaryDarkColor: #2563eb !default; +$primaryDarkerColor: #1D4ED8 !default; +$primaryTextColor: #ffffff !default; + +$highlightBg: #EFF6FF !default; +$highlightTextColor: $primaryDarkerColor !default; +$highlightFocusBg: rgba($primaryColor, .24) !default; + +@import '../_variables'; +@import './_fonts'; +@import '../../../../theme-base/_components'; +@import '../_extensions'; \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/cyan/_fonts.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/cyan/_fonts.scss new file mode 100644 index 000000000..963c1cdbd --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/cyan/_fonts.scss @@ -0,0 +1,16 @@ +@font-face { + font-family: 'Inter var'; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: 'Regular'; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: 'Inter var'; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: 'Italic'; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/cyan/fonts/Inter-italic.var.woff2 b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/cyan/fonts/Inter-italic.var.woff2 new file mode 100644 index 000000000..b826d5af8 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/cyan/fonts/Inter-italic.var.woff2 differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/cyan/fonts/Inter-roman.var.woff2 b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/cyan/fonts/Inter-roman.var.woff2 new file mode 100644 index 000000000..6a256a068 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/cyan/fonts/Inter-roman.var.woff2 differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/cyan/theme.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/cyan/theme.scss new file mode 100644 index 000000000..b56668b0a --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/cyan/theme.scss @@ -0,0 +1,14 @@ +$primaryColor: #06b6d4 !default; +$primaryLightColor: #a5f3fc !default; +$primaryDarkColor: #0891b2 !default; +$primaryDarkerColor: #0e7490 !default; +$primaryTextColor: #ffffff !default; + +$highlightBg: #ecfeff !default; +$highlightTextColor: $primaryDarkerColor !default; +$highlightFocusBg: rgba($primaryColor, .24) !default; + +@import '../_variables'; +@import './_fonts'; +@import '../../../../theme-base/_components'; +@import '../_extensions'; \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/green/_fonts.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/green/_fonts.scss new file mode 100644 index 000000000..963c1cdbd --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/green/_fonts.scss @@ -0,0 +1,16 @@ +@font-face { + font-family: 'Inter var'; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: 'Regular'; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: 'Inter var'; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: 'Italic'; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/green/fonts/Inter-italic.var.woff2 b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/green/fonts/Inter-italic.var.woff2 new file mode 100644 index 000000000..b826d5af8 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/green/fonts/Inter-italic.var.woff2 differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/green/fonts/Inter-roman.var.woff2 b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/green/fonts/Inter-roman.var.woff2 new file mode 100644 index 000000000..6a256a068 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/green/fonts/Inter-roman.var.woff2 differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/green/theme.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/green/theme.scss new file mode 100644 index 000000000..7e767aca0 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/green/theme.scss @@ -0,0 +1,14 @@ +$primaryColor: #10b981 !default; +$primaryLightColor: #a7f3d0 !default; +$primaryDarkColor: #059669 !default; +$primaryDarkerColor: #047857 !default; +$primaryTextColor: #ffffff !default; + +$highlightBg: #F0FDFA !default; +$highlightTextColor: $primaryDarkerColor !default; +$highlightFocusBg: rgba($primaryColor, .24) !default; + +@import '../_variables'; +@import './_fonts'; +@import '../../../../theme-base/_components'; +@import '../_extensions'; \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/indigo/_fonts.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/indigo/_fonts.scss new file mode 100644 index 000000000..963c1cdbd --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/indigo/_fonts.scss @@ -0,0 +1,16 @@ +@font-face { + font-family: 'Inter var'; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: 'Regular'; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: 'Inter var'; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: 'Italic'; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/indigo/fonts/Inter-italic.var.woff2 b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/indigo/fonts/Inter-italic.var.woff2 new file mode 100644 index 000000000..b826d5af8 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/indigo/fonts/Inter-italic.var.woff2 differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/indigo/fonts/Inter-roman.var.woff2 b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/indigo/fonts/Inter-roman.var.woff2 new file mode 100644 index 000000000..6a256a068 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/indigo/fonts/Inter-roman.var.woff2 differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/indigo/theme.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/indigo/theme.scss new file mode 100644 index 000000000..fdd380c12 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/indigo/theme.scss @@ -0,0 +1,14 @@ +$primaryColor: #6366F1 !default; +$primaryLightColor: #C7D2FE !default; +$primaryDarkColor: #4F46E5 !default; +$primaryDarkerColor: #4338CA !default; +$primaryTextColor: #ffffff !default; + +$highlightBg: #EEF2FF !default; +$highlightTextColor: $primaryDarkerColor !default; +$highlightFocusBg: #E0E7FF !default; + +@import '../_variables'; +@import './_fonts'; +@import '../../../../theme-base/_components'; +@import '../_extensions'; diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/pink/_fonts.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/pink/_fonts.scss new file mode 100644 index 000000000..963c1cdbd --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/pink/_fonts.scss @@ -0,0 +1,16 @@ +@font-face { + font-family: 'Inter var'; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: 'Regular'; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: 'Inter var'; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: 'Italic'; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/pink/fonts/Inter-italic.var.woff2 b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/pink/fonts/Inter-italic.var.woff2 new file mode 100644 index 000000000..b826d5af8 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/pink/fonts/Inter-italic.var.woff2 differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/pink/fonts/Inter-roman.var.woff2 b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/pink/fonts/Inter-roman.var.woff2 new file mode 100644 index 000000000..6a256a068 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/pink/fonts/Inter-roman.var.woff2 differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/pink/theme.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/pink/theme.scss new file mode 100644 index 000000000..88dc1d210 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/pink/theme.scss @@ -0,0 +1,14 @@ +$primaryColor: #ec4899 !default; +$primaryLightColor: #fbcfe8 !default; +$primaryDarkColor: #db2777 !default; +$primaryDarkerColor: #be185d !default; +$primaryTextColor: #ffffff !default; + +$highlightBg: #fdf2f8 !default; +$highlightTextColor: $primaryDarkerColor !default; +$highlightFocusBg: rgba($primaryColor, .24) !default; + +@import '../_variables'; +@import './_fonts'; +@import '../../../../theme-base/_components'; +@import '../_extensions'; \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/purple/_fonts.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/purple/_fonts.scss new file mode 100644 index 000000000..963c1cdbd --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/purple/_fonts.scss @@ -0,0 +1,16 @@ +@font-face { + font-family: 'Inter var'; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: 'Regular'; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: 'Inter var'; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: 'Italic'; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/purple/fonts/Inter-italic.var.woff2 b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/purple/fonts/Inter-italic.var.woff2 new file mode 100644 index 000000000..b826d5af8 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/purple/fonts/Inter-italic.var.woff2 differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/purple/fonts/Inter-roman.var.woff2 b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/purple/fonts/Inter-roman.var.woff2 new file mode 100644 index 000000000..6a256a068 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/purple/fonts/Inter-roman.var.woff2 differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/purple/theme.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/purple/theme.scss new file mode 100644 index 000000000..9cd41cd52 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/purple/theme.scss @@ -0,0 +1,14 @@ +$primaryColor: #8B5CF6 !default; +$primaryLightColor: #DDD6FE !default; +$primaryDarkColor: #7C3AED !default; +$primaryDarkerColor: #6D28D9 !default; +$primaryTextColor: #ffffff !default; + +$highlightBg: #F5F3FF !default; +$highlightTextColor: $primaryDarkerColor !default; +$highlightFocusBg: rgba($primaryColor, .24) !default; + +@import '../_variables'; +@import './_fonts'; +@import '../../../../theme-base/_components'; +@import '../_extensions'; \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/teal/_fonts.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/teal/_fonts.scss new file mode 100644 index 000000000..963c1cdbd --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/teal/_fonts.scss @@ -0,0 +1,16 @@ +@font-face { + font-family: 'Inter var'; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: 'Regular'; + src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2"); +} +@font-face { + font-family: 'Inter var'; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: 'Italic'; + src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2"); +} \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/teal/fonts/Inter-italic.var.woff2 b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/teal/fonts/Inter-italic.var.woff2 new file mode 100644 index 000000000..b826d5af8 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/teal/fonts/Inter-italic.var.woff2 differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/teal/fonts/Inter-roman.var.woff2 b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/teal/fonts/Inter-roman.var.woff2 new file mode 100644 index 000000000..6a256a068 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/teal/fonts/Inter-roman.var.woff2 differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/teal/theme.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/teal/theme.scss new file mode 100644 index 000000000..5e332aa63 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/lara/lara-light/teal/theme.scss @@ -0,0 +1,14 @@ +$primaryColor: #14b8a6 !default; +$primaryLightColor: #99f6e4 !default; +$primaryDarkColor: #0d9488 !default; +$primaryDarkerColor: #0f766e !default; +$primaryTextColor: #ffffff !default; + +$highlightBg: #f0fdfa !default; +$highlightTextColor: $primaryDarkerColor !default; +$highlightFocusBg: rgba($primaryColor, .24) !default; + +@import '../_variables'; +@import './_fonts'; +@import '../../../../theme-base/_components'; +@import '../_extensions'; \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/luna/_variables.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/luna/_variables.scss new file mode 100644 index 000000000..4206264af --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/luna/_variables.scss @@ -0,0 +1,877 @@ +$colors: ( + "blue": #106ebe, + "green": #56a641, + "yellow": #f6bd30, + "cyan": #2cacd5, + "pink": #d8297d, + "indigo": #2c47d5, + "teal": #41a694, + "orange": #f68f30, + "bluegray": #657c8a, + "purple": #8378de, + "red": #d82a13, + "primary": $primaryColor, +) !default; + +//global +$fontFamily: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, + Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default; +$fontSize: 1rem !default; +$fontWeight: normal !default; +$textColor: #dedede !default; +$textSecondaryColor: #888888 !default; +$borderRadius: 3px !default; +$transitionDuration: 0.2s !default; +$formElementTransition: background-color $transitionDuration, + color $transitionDuration, border-color $transitionDuration, + box-shadow $transitionDuration !default; +$actionIconTransition: background-color $transitionDuration, + color $transitionDuration, box-shadow $transitionDuration !default; +$listItemTransition: background-color $transitionDuration, + border-color $transitionDuration, box-shadow $transitionDuration !default; +$primeIconFontSize: 1rem !default; +$divider: 1px solid #4b4b4b !default; +$inlineSpacing: 0.5rem !default; //spacing between inline elements +$disabledOpacity: 0.5 !default; //opacity of a disabled item +$maskBg: rgba(0, 0, 0, 0.4) !default; //modal mask bg color +$loadingIconFontSize: 2rem !default; +$errorColor: #e57373 !default; + +//scale +$scaleSM: 0.875 !default; +$scaleLG: 1.25 !default; + +//focus +$focusOutlineColor: lighten($primaryColor, 35%) !default; +$focusOutline: 0 none !default; +$focusOutlineOffset: 0 !default; +$focusShadow: 0 0 0 0.1rem $focusOutlineColor !default; + +//action icons +$actionIconWidth: 2rem !default; +$actionIconHeight: 2rem !default; +$actionIconBg: transparent !default; +$actionIconBorder: 0 none !default; +$actionIconColor: #8888 !default; +$actionIconHoverBg: transparent !default; +$actionIconHoverBorderColor: transparent !default; +$actionIconHoverColor: #dedede !default; +$actionIconBorderRadius: 50% !default; + +//input field (e.g. inputtext, spinner, inputmask) +$inputPadding: 0.429rem 0.429rem !default; +$inputTextFontSize: 1rem !default; +$inputBg: #191919 !default; +$inputTextColor: $textColor !default; +$inputIconColor: $textSecondaryColor !default; +$inputBorder: 1px solid #4b4b4b !default; +$inputHoverBorderColor: $primaryColor !default; +$inputFocusBorderColor: $primaryColor !default; +$inputErrorBorderColor: $errorColor !default; +$inputPlaceholderTextColor: #9b9b9b !default; +$inputFilledBg: #4b4b4b !default; +$inputFilledHoverBg: #4b4b4b !default; +$inputFilledFocusBg: #4b4b4b !default; + +//input groups +$inputGroupBg: #252525 !default; +$inputGroupTextColor: $textSecondaryColor !default; +$inputGroupAddOnMinWidth: 2.357rem !default; + +//input lists (e.g. dropdown, autocomplete, multiselect, orderlist) +$inputListBg: #323232 !default; +$inputListTextColor: $textColor !default; +$inputListBorder: 1px solid #4b4b4b !default; +$inputListPadding: 0 !default; +$inputListItemPadding: 0.429rem 0.857rem !default; +$inputListItemBg: transparent !default; +$inputListItemTextColor: $textColor !default; +$inputListItemHoverBg: #4c4c4c !default; +$inputListItemTextHoverColor: $textColor !default; +$inputListItemFocusBg: #3c3c3c !default; +$inputListItemTextFocusColor: $textColor !default; +$inputListItemBorder: 0 none !default; +$inputListItemBorderRadius: 0 !default; +$inputListItemMargin: 0 !default; +$inputListItemFocusShadow: inset 0 0 0 0.15rem lighten($primaryColor, 35%) !default; +$inputListHeaderPadding: 0.429rem 0.857rem !default; +$inputListHeaderMargin: 0 !default; +$inputListHeaderBg: #252525 !default; +$inputListHeaderTextColor: $textColor !default; +$inputListHeaderBorder: 1px solid #191919 !default; + +//inputs with overlays (e.g. autocomplete, dropdown, multiselect) +$inputOverlayBg: $inputListBg !default; +$inputOverlayHeaderBg: $inputListHeaderBg !default; +$inputOverlayBorder: 1px solid #191919 !default; +$inputOverlayShadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16) !default; + +//password +$passwordMeterBg: #eaeaea !default; +$passwordWeakBg: #e57373 !default; +$passwordMediumBg: #ffb74d !default; +$passwordStrongBg: #aed581 !default; + +//button +$buttonPadding: 0.429rem 1rem !default; +$buttonIconOnlyWidth: 2.357rem !default; +$buttonIconOnlyPadding: 0.429rem 0 !default; +$buttonBg: $primaryColor !default; +$buttonTextColor: $primaryTextColor !default; +$buttonBorder: 1px solid $primaryColor !default; +$buttonHoverBg: $primaryDarkColor !default; +$buttonTextHoverColor: $primaryTextColor !default; +$buttonHoverBorderColor: $primaryDarkColor !default; +$buttonActiveBg: $primaryDarkerColor !default; +$buttonTextActiveColor: $primaryTextColor !default; +$buttonActiveBorderColor: $primaryDarkerColor !default; +$raisedButtonShadow: 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) !default; +$roundedButtonBorderRadius: 2rem !default; + +$textButtonHoverBgOpacity: 0.04 !default; +$textButtonActiveBgOpacity: 0.16 !default; +$outlinedButtonBorder: 1px solid !default; +$plainButtonTextColor: $textSecondaryColor !default; +$plainButtonHoverBgColor: #4c4c4c !default; +$plainButtonActiveBgColor: #3c3c3c !default; + +$secondaryButtonBg: #b0bec5 !default; +$secondaryButtonTextColor: #121212 !default; +$secondaryButtonBorder: 1px solid #b0bec5 !default; +$secondaryButtonHoverBg: #90a4ae !default; +$secondaryButtonTextHoverColor: #121212 !default; +$secondaryButtonHoverBorderColor: #90a4ae !default; +$secondaryButtonActiveBg: #78909c !default; +$secondaryButtonTextActiveColor: #121212 !default; +$secondaryButtonActiveBorderColor: #78909c !default; +$secondaryButtonFocusShadow: 0 0 0 0.1rem #cfd8dc !default; + +$infoButtonBg: #4fc3f7 !default; +$infoButtonTextColor: #212529 !default; +$infoButtonBorder: 1px solid #4fc3f7 !default; +$infoButtonHoverBg: #29b6f6 !default; +$infoButtonTextHoverColor: #212529 !default; +$infoButtonHoverBorderColor: #29b6f6 !default; +$infoButtonActiveBg: #03a9f4 !default; +$infoButtonTextActiveColor: #212529 !default; +$infoButtonActiveBorderColor: #03a9f4 !default; +$infoButtonFocusShadow: 0 0 0 0.1rem #e1f5fe !default; + +$successButtonBg: #aed581 !default; +$successButtonTextColor: #212529 !default; +$successButtonBorder: 1px solid #aed581 !default; +$successButtonHoverBg: #9ccc65 !default; +$successButtonTextHoverColor: #212529 !default; +$successButtonHoverBorderColor: #9ccc65 !default; +$successButtonActiveBg: #8bc34a !default; +$successButtonTextActiveColor: #212529 !default; +$successButtonActiveBorderColor: #8bc34a !default; +$successButtonFocusShadow: 0 0 0 0.1rem #f1f8e9 !default; + +$warningButtonBg: #ffb74d !default; +$warningButtonTextColor: #212529 !default; +$warningButtonBorder: 1px solid #ffb74d !default; +$warningButtonHoverBg: #ffa726 !default; +$warningButtonTextHoverColor: #212529 !default; +$warningButtonHoverBorderColor: #ffa726 !default; +$warningButtonActiveBg: #ff9800 !default; +$warningButtonTextActiveColor: #212529 !default; +$warningButtonActiveBorderColor: #ff9800 !default; +$warningButtonFocusShadow: 0 0 0 0.1rem #fffde7 !default; + +$helpButtonBg: #ce93d8 !default; +$helpButtonTextColor: #121212 !default; +$helpButtonBorder: 1px solid #ce93d8 !default; +$helpButtonHoverBg: #ba68c8 !default; +$helpButtonTextHoverColor: #121212 !default; +$helpButtonHoverBorderColor: #ba68c8 !default; +$helpButtonActiveBg: #ab47bc !default; +$helpButtonTextActiveColor: #121212 !default; +$helpButtonActiveBorderColor: #ab47bc !default; +$helpButtonFocusShadow: 0 0 0 1px #ce93d8 !default; + +$dangerButtonBg: #e57373 !default; +$dangerButtonTextColor: #212529 !default; +$dangerButtonBorder: 1px solid #e57373 !default; +$dangerButtonHoverBg: #ef5350 !default; +$dangerButtonTextHoverColor: #212529 !default; +$dangerButtonHoverBorderColor: #ef5350 !default; +$dangerButtonActiveBg: #f44336 !default; +$dangerButtonTextActiveColor: #212529 !default; +$dangerButtonActiveBorderColor: #f44336 !default; +$dangerButtonFocusShadow: 0 0 0 0.1rem #ffebee !default; + +$linkButtonColor: $primaryColor !default; +$linkButtonHoverColor: $primaryColor !default; +$linkButtonTextHoverDecoration: underline !default; +$linkButtonFocusShadow: 0 0 0 0.2rem $focusOutlineColor !default; + +//checkbox +$checkboxWidth: 20px !default; +$checkboxHeight: 20px !default; +$checkboxBorder: $inputBorder !default; +$checkboxIconFontSize: 14px !default; +$checkboxActiveBorderColor: $primaryColor !default; +$checkboxActiveBg: $primaryColor !default; +$checkboxIconActiveColor: $primaryTextColor !default; +$checkboxActiveHoverBg: $primaryDarkerColor !default; +$checkboxIconActiveHoverColor: $primaryTextColor !default; +$checkboxActiveHoverBorderColor: $primaryDarkerColor !default; + +//radiobutton +$radiobuttonWidth: 20px !default; +$radiobuttonHeight: 20px !default; +$radiobuttonBorder: $inputBorder !default; +$radiobuttonIconSize: 12px !default; +$radiobuttonActiveBorderColor: $primaryColor !default; +$radiobuttonActiveBg: $primaryColor !default; +$radiobuttonIconActiveColor: $primaryTextColor !default; +$radiobuttonActiveHoverBg: $primaryDarkerColor !default; +$radiobuttonIconActiveHoverColor: $primaryTextColor !default; +$radiobuttonActiveHoverBorderColor: $primaryDarkerColor !default; + +//colorpicker +$colorPickerPreviewWidth: 2rem !default; +$colorPickerPreviewHeight: 2rem !default; +$colorPickerBg: #323232 !default; +$colorPickerBorder: 1px solid #191919 !default; +$colorPickerHandleColor: #ffffff !default; + +//togglebutton +$toggleButtonBg: #252525 !default; +$toggleButtonBorder: 1px solid #252525 !default; +$toggleButtonTextColor: #dedede !default; +$toggleButtonIconColor: #888888 !default; +$toggleButtonHoverBg: #4c4c4c !default; +$toggleButtonHoverBorderColor: #4c4c4c !default; +$toggleButtonTextHoverColor: #dedede !default; +$toggleButtonIconHoverColor: #dedede !default; +$toggleButtonActiveBg: $primaryColor !default; +$toggleButtonActiveBorderColor: $primaryColor !default; +$toggleButtonTextActiveColor: $primaryTextColor !default; +$toggleButtonIconActiveColor: $primaryTextColor !default; +$toggleButtonActiveHoverBg: $primaryDarkColor !default; +$toggleButtonActiveHoverBorderColor: $primaryDarkColor !default; +$toggleButtonTextActiveHoverColor: $primaryTextColor !default; +$toggleButtonIconActiveHoverColor: $primaryTextColor !default; + +//inplace +$inplacePadding: $inputPadding !default; +$inplaceHoverBg: #4c4c4c !default; +$inplaceTextHoverColor: $textColor !default; + +//rating +$ratingIconFontSize: 1.143rem !default; +$ratingCancelIconColor: #e4018d !default; +$ratingCancelIconHoverColor: #b5019f !default; +$ratingStarIconOffColor: $textColor !default; +$ratingStarIconOnColor: $primaryColor !default; +$ratingStarIconHoverColor: $primaryColor !default; + +//slider +$sliderBg: #4b4b4b !default; +$sliderBorder: 0 none !default; +$sliderHorizontalHeight: 0.286rem !default; +$sliderVerticalWidth: 0.286rem !default; +$sliderHandleWidth: 1.143rem !default; +$sliderHandleHeight: 1.143rem !default; +$sliderHandleBg: #4c4c4c !default; +$sliderHandleBorder: 2px solid $primaryColor !default; +$sliderHandleBorderRadius: 100% !default; +$sliderHandleHoverBorderColor: $primaryColor !default; +$sliderHandleHoverBg: $primaryColor !default; +$sliderRangeBg: $primaryColor !default; + +//calendar +$calendarTableMargin: 0.857rem 0 !default; +$calendarPadding: 0.857rem !default; +$calendarBg: $inputListBg !default; +$calendarInlineBg: $calendarBg !default; +$calendarTextColor: $inputListTextColor !default; +$calendarBorder: $inputListBorder !default; +$calendarOverlayBorder: $inputOverlayBorder !default; + +$calendarHeaderPadding: 0.5rem !default; +$calendarHeaderBg: $inputListHeaderBg !default; +$calendarInlineHeaderBg: $calendarBg !default; +$calendarHeaderBorder: 0 none !default; +$calendarHeaderTextColor: $inputListHeaderTextColor !default; +$calendarHeaderFontWeight: 700 !default; +$calendarHeaderCellPadding: 0.5rem !default; +$calendarMonthYearHeaderHoverTextColor: $primaryColor !default; + +$calendarCellDatePadding: 0.5rem !default; +$calendarCellDateWidth: 2.5rem !default; +$calendarCellDateHeight: 2.5rem !default; +$calendarCellDateBorderRadius: $borderRadius !default; +$calendarCellDateBorder: 1px solid transparent !default; +$calendarCellDateHoverBg: #4c4c4c !default; +$calendarCellDateTodayBg: $primaryDarkerColor !default; +$calendarCellDateTodayBorderColor: transparent !default; +$calendarCellDateTodayTextColor: $primaryTextColor !default; + +$calendarButtonBarPadding: 0.857rem 0 0.429rem 0 !default; +$calendarTimePickerPadding: 0.857rem 0 0.429rem 0 !default; +$calendarTimePickerElementPadding: 0 0.429rem !default; +$calendarTimePickerTimeFontSize: 1.286rem !default; + +$calendarBreakpoint: 769px !default; +$calendarCellDatePaddingSM: 0 !default; + +//input switch +$inputSwitchWidth: 3rem !default; +$inputSwitchHeight: 1.75rem !default; +$inputSwitchBorderRadius: 30px !default; +$inputSwitchHandleWidth: 1.25rem !default; +$inputSwitchHandleHeight: 1.25rem !default; +$inputSwitchHandleBorderRadius: 50% !default; +$inputSwitchSliderPadding: 0.25rem !default; +$inputSwitchSliderOffBg: #4b4b4b !default; +$inputSwitchHandleOffBg: #323232 !default; +$inputSwitchSliderOffHoverBg: #4b4b4b !default; +$inputSwitchSliderOnBg: $primaryColor !default; +$inputSwitchSliderOnHoverBg: $primaryDarkColor !default; +$inputSwitchHandleOnBg: #323232 !default; + +//panel +$panelHeaderBorderColor: #191919 !default; +$panelHeaderBorder: 1px solid #191919 !default; +$panelHeaderBg: #191919 !default; +$panelHeaderTextColor: #dedede !default; +$panelHeaderFontWeight: 700 !default; +$panelHeaderPadding: 0.857rem 1rem !default; +$panelToggleableHeaderPadding: 0.857rem 1rem !default; + +$panelHeaderHoverBg: #191919 !default; +$panelHeaderHoverBorderColor: #191919 !default; +$panelHeaderTextHoverColor: $primaryColor !default; + +$panelContentBorderColor: #191919 !default; +$panelContentBorder: 1px solid #191919 !default; +$panelContentBg: #323232 !default; +$panelContentEvenRowBg: #323232 !default; +$panelContentTextColor: #dedede !default; +$panelContentPadding: 0.571rem 1rem !default; + +$panelFooterBorder: 1px solid #191919 !default; +$panelFooterBg: #323232 !default; +$panelFooterTextColor: #dedede !default; +$panelFooterPadding: 0.571rem 1rem !default; + +//accordion +$accordionSpacing: 2px !default; +$accordionHeaderBorder: $panelHeaderBorder !default; +$accordionHeaderBg: $panelHeaderBg !default; +$accordionHeaderTextColor: $panelHeaderTextColor !default; +$accordionHeaderFontWeight: $panelHeaderFontWeight !default; +$accordionHeaderPadding: $panelHeaderPadding !default; + +$accordionHeaderHoverBg: #191919 !default; +$accordionHeaderHoverBorderColor: #191919 !default; +$accordionHeaderTextHoverColor: $primaryColor !default; + +$accordionHeaderActiveBg: $primaryColor !default; +$accordionHeaderActiveBorderColor: $primaryColor !default; +$accordionHeaderTextActiveColor: $primaryTextColor !default; + +$accordionHeaderActiveHoverBg: $primaryDarkerColor !default; +$accordionHeaderActiveHoverBorderColor: $primaryDarkerColor !default; +$accordionHeaderTextActiveHoverColor: $primaryTextColor !default; + +$accordionContentBorder: $panelContentBorder !default; +$accordionContentBg: $panelContentBg !default; +$accordionContentTextColor: $panelContentTextColor !default; +$accordionContentPadding: $panelContentPadding !default; + +//tabview +$tabviewNavBorder: 0 none !default; +$tabviewNavBorderWidth: 1px !default; +$tabviewNavBg: transparent !default; + +$tabviewHeaderSpacing: 2px !default; +$tabviewHeaderBorder: $panelHeaderBorder !default; +$tabviewHeaderBorderWidth: 1px !default; +$tabviewHeaderBorderColor: #191919 !default; +$tabviewHeaderBg: $panelHeaderBg !default; +$tabviewHeaderTextColor: $panelHeaderTextColor !default; +$tabviewHeaderFontWeight: $panelHeaderFontWeight !default; +$tabviewHeaderPadding: $panelHeaderPadding !default; +$tabviewHeaderMargin: 0 0 -1px 0 !default; + +$tabviewHeaderHoverBg: #191919 !default; +$tabviewHeaderHoverBorderColor: #191919 !default; +$tabviewHeaderTextHoverColor: $primaryColor !default; + +$tabviewHeaderActiveBg: $primaryColor !default; +$tabviewHeaderActiveBorderColor: $primaryColor !default; +$tabviewHeaderTextActiveColor: $primaryTextColor !default; + +$tabviewContentBorder: $panelContentBorder !default; +$tabviewContentBg: $panelContentBg !default; +$tabviewContentTextColor: $panelContentTextColor !default; +$tabviewContentPadding: $panelContentPadding !default; + +//upload +$fileUploadProgressBarHeight: 0.25rem !default; +$fileUploadContentPadding: $panelContentPadding !default; +$fileUploadContentHoverBorder: 1px dashed $primaryColor !default; + +//scrollpanel +$scrollPanelTrackBorder: 0 none !default; +$scrollPanelTrackBg: #3f3f3f !default; + +//card +$cardBodyPadding: 1rem !default; +$cardTitleFontSize: 1.5rem !default; +$cardTitleFontWeight: 700 !default; +$cardSubTitleFontWeight: 700 !default; +$cardSubTitleColor: $textSecondaryColor !default; +$cardContentPadding: 1rem 0 !default; +$cardFooterPadding: 1rem 0 0 0 !default; +$cardShadow: 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) !default; + +//editor +$editorToolbarBg: $panelHeaderBg !default; +$editorToolbarBorder: $panelHeaderBorder !default; +$editorToolbarPadding: $panelHeaderPadding !default; +$editorToolbarIconColor: $textSecondaryColor !default; +$editorToolbarIconHoverColor: $textColor !default; +$editorIconActiveColor: $primaryColor !default; +$editorContentBorder: $panelContentBorder !default; +$editorContentBg: $panelContentBg !default; + +//paginator +$paginatorBg: #252525 !default; +$paginatorTextColor: $textColor !default; +$paginatorBorder: solid #191919 !default; +$paginatorBorderWidth: 1px !default; +$paginatorPadding: 0 !default; +$paginatorElementWidth: $buttonIconOnlyWidth !default; +$paginatorElementHeight: $buttonIconOnlyWidth !default; +$paginatorElementBg: transparent !default; +$paginatorElementBorder: 0 none !default; +$paginatorElementIconColor: #dedede !default; +$paginatorElementHoverBg: #e0e0e0 !default; +$paginatorElementHoverBorderColor: transparent !default; +$paginatorElementIconHoverColor: #4c4c4c !default; +$paginatorElementBorderRadius: 0 !default; +$paginatorElementMargin: 0 !default; +$paginatorElementPadding: 0 !default; + +//table +$tableHeaderBorder: $panelHeaderBorder !default; +$tableHeaderBorderWidth: 1px 1px 0 1px !default; +$tableHeaderBg: $panelHeaderBg !default; +$tableHeaderTextColor: $panelHeaderTextColor !default; +$tableHeaderFontWeight: $panelHeaderFontWeight !default; +$tableHeaderPadding: $panelHeaderPadding !default; + +$tableHeaderCellPadding: 0.571rem 0.857rem !default; +$tableHeaderCellBg: #252525 !default; +$tableHeaderCellTextColor: $textColor !default; +$tableHeaderCellFontWeight: 700 !default; +$tableHeaderCellBorder: 1px solid #191919 !default; +$tableHeaderCellBorderWidth: 1px 1px 1px 1px !default; +$tableHeaderCellHoverBg: #4c4c4c !default; +$tableHeaderCellTextHoverColor: #dedede !default; +$tableHeaderCellIconColor: $textSecondaryColor !default; +$tableHeaderCellIconHoverColor: #dedede !default; +$tableHeaderCellHighlightBg: $highlightBg !default; +$tableHeaderCellHighlightTextColor: $highlightTextColor !default; +$tableHeaderCellHighlightHoverBg: $highlightBg !default; +$tableHeaderCellHighlightTextHoverColor: $highlightTextColor !default; +$tableSortableColumnBadgeSize: 1.143rem !default; + +$tableBodyRowBg: #323232 !default; +$tableBodyRowTextColor: $textColor !default; +$tableBodyRowEvenBg: #323232 !default; +$tableBodyRowHoverBg: #4c4c4c !default; +$tableBodyRowTextHoverColor: $textColor !default; +$tableBodyCellBorder: 1px solid #191919 !default; +$tableBodyCellBorderWidth: 1px !default; +$tableBodyCellPadding: 0.571rem 0.857rem !default; + +$tableFooterCellPadding: 0.571rem 0.857rem !default; +$tableFooterCellBg: #252525 !default; +$tableFooterCellTextColor: $textColor !default; +$tableFooterCellFontWeight: 700 !default; +$tableFooterCellBorder: 1px solid #191919 !default; +$tableFooterCellBorderWidth: 1px !default; +$tableResizerHelperBg: $primaryColor !default; + +$tableFooterBorder: $panelFooterBorder !default; +$tableFooterBorderWidth: 0 1px 1px 1px !default; +$tableFooterBg: $panelFooterBg !default; +$tableFooterTextColor: $panelFooterTextColor !default; +$tableFooterFontWeight: normal !default; +$tableFooterPadding: $panelFooterPadding !default; + +$tableCellContentAlignment: left !default; +$tableTopPaginatorBorderWidth: 1px 1px 0 1px !default; +$tableBottomPaginatorBorderWidth: 0 1px 1px 1px !default; + +$tableScaleSM: 0.85 !default; +$tableScaleLG: 1.25 !default; + +//dataview +$dataViewContentPadding: 0 !default; +$dataViewContentBorder: 0 none !default; + +//tree +$treeContainerPadding: 0.286rem !default; +$treeNodePadding: 0.143rem !default; +$treeNodeContentPadding: 0 !default; +$treeNodeChildrenPadding: 0 0 0 1rem !default; +$treeNodeIconColor: $textSecondaryColor !default; + +//timeline +$timelineVerticalEventContentPadding: 0 1rem !default; +$timelineHorizontalEventContentPadding: 1rem 0 !default; +$timelineEventMarkerWidth: 1rem !default; +$timelineEventMarkerHeight: 1rem !default; +$timelineEventMarkerBorderRadius: 50% !default; +$timelineEventMarkerBorder: 0 none !default; +$timelineEventMarkerBackground: $highlightBg !default; +$timelineEventConnectorSize: 2px !default; +$timelineEventColor: #191919 !default; + +//org chart +$organizationChartConnectorColor: #191919 !default; + +//messages +$messageMargin: 1rem 0 !default; +$messagePadding: 1rem !default; +$messageBorderWidth: 0 !default; +$messageIconFontSize: 1.5rem !default; +$messageTextFontSize: 1rem !default; +$messageTextFontWeight: normal !default; + +//message +$inlineMessagePadding: 0.5rem !default; +$inlineMessageMargin: 0 !default; +$inlineMessageIconFontSize: 1rem !default; +$inlineMessageTextFontSize: 1rem !default; +$inlineMessageBorderWidth: 0 !default; + +//toast +$toastIconFontSize: 2rem !default; +$toastMessageTextMargin: 0 0 0 $inlineSpacing !default; +$toastMargin: 0 0 1rem 0 !default; +$toastPadding: 1rem !default; +$toastBorderWidth: 0 !default; +$toastShadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16) !default; +$toastOpacity: 0.9 !default; +$toastTitleFontWeight: 700 !default; +$toastDetailMargin: $inlineSpacing 0 0 0 !default; + +//severities +$infoMessageBg: #7fbcec !default; +$infoMessageBorder: 0 none !default; +$infoMessageTextColor: #212121 !default; +$infoMessageIconColor: #212121 !default; +$successMessageBg: #b7d8b7 !default; +$successMessageBorder: 0 none !default; +$successMessageTextColor: #212121 !default; +$successMessageIconColor: #212121 !default; +$warningMessageBg: #ffe399 !default; +$warningMessageBorder: 0 none !default; +$warningMessageTextColor: #212121 !default; +$warningMessageIconColor: #212121 !default; +$errorMessageBg: #f8b7bd !default; +$errorMessageBorder: 0 none !default; +$errorMessageTextColor: #212121 !default; +$errorMessageIconColor: #212121 !default; + +//overlays +$overlayContentBorder: 1px solid #191919 !default; +$overlayContentBg: $panelContentBg !default; +$overlayContainerShadow: 0 0 6px 0 rgba(0, 0, 0, 0.16) !default; + +//dialog +$dialogHeaderBg: $panelHeaderBg !default; +$dialogHeaderBorder: $panelHeaderBorder !default; +$dialogHeaderTextColor: $panelHeaderTextColor !default; +$dialogHeaderFontWeight: $panelHeaderFontWeight !default; +$dialogHeaderFontSize: 1rem !default; +$dialogHeaderPadding: 1rem !default; +$dialogContentPadding: 1rem !default; +$dialogFooterBorder: $panelFooterBorder !default; +$dialogFooterPadding: $panelFooterPadding !default; + +//confirmpopup +$confirmPopupContentPadding: $panelContentPadding !default; +$confirmPopupFooterPadding: 0 1rem 0.571rem 1rem !default; + +//tooltip +$tooltipBg: #4c4c4c !default; +$tooltipTextColor: #dedede !default; +$tooltipPadding: $inputPadding !default; + +//steps +$stepsItemBg: #191919 !default; +$stepsItemBorder: 1px solid #191919 !default; +$stepsItemTextColor: $textSecondaryColor !default; +$stepsItemNumberWidth: 2rem !default; +$stepsItemNumberHeight: 2rem !default; +$stepsItemNumberFontSize: 1.143rem !default; +$stepsItemNumberColor: $textColor !default; +$stepsItemNumberBorderRadius: 50% !default; +$stepsItemActiveFontWeight: 700 !default; + +//progressbar +$progressBarHeight: 24px !default; +$progressBarBorder: 0 none !default; +$progressBarBg: #eaeaea !default; +$progressBarValueBg: $primaryColor !default; +$progressBarValueTextColor: $primaryTextColor !default; + +//menu (e.g. menu, menubar, tieredmenu) +$menuWidth: 12.5rem !default; +$menuBg: #252525 !default; +$menuBorder: 1px solid #191919 !default; +$menuTextColor: $textColor !default; +$menuitemPadding: 0.857rem !default; +$menuitemBorderRadius: 0 !default; +$menuitemTextColor: #dedede !default; +$menuitemIconColor: #dedede !default; +$menuitemTextHoverColor: #dedede !default; +$menuitemIconHoverColor: #dedede !default; +$menuitemHoverBg: #4c4c4c !default; +$menuitemTextFocusColor: $textColor !default; +$menuitemIconFocusColor: $textColor !default; +$menuitemFocusBg: #3c3c3c !default; +$menuitemTextActiveColor: $primaryTextColor !default; +$menuitemIconActiveColor: $primaryTextColor !default; +$menuitemActiveBg: $primaryColor !default; +$menuitemActiveFocusBg: $primaryColor !default; +$menuitemSubmenuIconFontSize: 0.875rem !default; +$submenuHeaderMargin: 0 !default; +$submenuHeaderPadding: 0.857rem !default; +$submenuHeaderBg: #191919 !default; +$submenuHeaderTextColor: $textColor !default; +$submenuHeaderBorderRadius: $borderRadius !default; +$submenuHeaderFontWeight: 700 !default; +$overlayMenuBg: $menuBg !default; +$overlayMenuBorder: 1px solid #191919 !default; +$overlayMenuShadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16) !default; +$verticalMenuPadding: 0 !default; +$verticalMenuitemMargin: 0 !default; +$menuSeparatorMargin: 0 !default; + +$breadcrumbPadding: 0.571rem 1rem !default; +$breadcrumbBg: $menuBg !default; +$breadcrumbBorder: $menuBorder !default; +$breadcrumbItemTextColor: $menuitemTextColor !default; +$breadcrumbItemIconColor: $menuitemIconColor !default; +$breadcrumbLastItemTextColor: $menuitemTextColor !default; +$breadcrumbLastItemIconColor: $menuitemIconColor !default; +$breadcrumbSeparatorColor: $menuitemTextColor !default; + +$horizontalMenuPadding: 0.5rem !default; +$horizontalMenuBg: $menuBg !default; +$horizontalMenuBorder: $menuBorder !default; +$horizontalMenuTextColor: $menuTextColor !default; +$horizontalMenuRootMenuitemPadding: $menuitemPadding !default; +$horizontalMenuRootMenuitemBorderRadius: $borderRadius !default; +$horizontalMenuRootMenuitemTextColor: $menuitemTextColor !default; +$horizontalMenuRootMenuitemIconColor: $menuitemIconColor !default; +$horizontalMenuRootMenuitemTextHoverColor: $menuitemTextHoverColor !default; +$horizontalMenuRootMenuitemIconHoverColor: $menuitemIconHoverColor !default; +$horizontalMenuRootMenuitemHoverBg: $menuitemHoverBg !default; +$horizontalMenuRootMenuitemTextActiveColor: $menuitemTextActiveColor !default; +$horizontalMenuRootMenuitemIconActiveColor: $menuitemIconActiveColor !default; +$horizontalMenuRootMenuitemActiveBg: $menuitemActiveBg !default; + +//badge and tag +$badgeBg: $primaryColor !default; +$badgeTextColor: $primaryTextColor !default; +$badgeMinWidth: 1.5rem !default; +$badgeHeight: 1.5rem !default; +$badgeFontWeight: 700 !default; +$badgeFontSize: 0.75rem !default; + +$tagPadding: 0.25rem 0.4rem !default; + +//carousel +$carouselIndicatorsPadding: 1rem !default; +$carouselIndicatorBg: #4b4b4b !default; +$carouselIndicatorHoverBg: #4c4c4c !default; +$carouselIndicatorBorderRadius: 0 !default; +$carouselIndicatorWidth: 2rem !default; +$carouselIndicatorHeight: 0.5rem !default; + +//galleria +$galleriaMaskBg: rgba(0, 0, 0, 0.9) !default; +$galleriaCloseIconMargin: 0.5rem !default; +$galleriaCloseIconFontSize: 2rem !default; +$galleriaCloseIconBg: transparent !default; +$galleriaCloseIconColor: #ebedef !default; +$galleriaCloseIconHoverBg: rgba(255, 255, 255, 0.1) !default; +$galleriaCloseIconHoverColor: #ebedef !default; +$galleriaCloseIconWidth: 4rem !default; +$galleriaCloseIconHeight: 4rem !default; +$galleriaCloseIconBorderRadius: 50% !default; + +$galleriaItemNavigatorBg: rgba(0, 0, 0, 0.2) !default; +$galleriaItemNavigatorColor: #aeb6bf !default; +$galleriaItemNavigatorMargin: 0 0.5rem !default; +$galleriaItemNavigatorFontSize: 2rem !default; +$galleriaItemNavigatorHoverBg: rgba(0, 0, 0, 0.3) !default; +$galleriaItemNavigatorHoverColor: #ebedef !default; +$galleriaItemNavigatorWidth: 4rem !default; +$galleriaItemNavigatorHeight: 4rem !default; +$galleriaItemNavigatorBorderRadius: $borderRadius !default; + +$galleriaCaptionBg: rgba(0, 0, 0, 0.5) !default; +$galleriaCaptionTextColor: #ebedef !default; +$galleriaCaptionPadding: 1rem !default; + +$galleriaIndicatorsPadding: 1rem !default; +$galleriaIndicatorBg: #4b4b4b !default; +$galleriaIndicatorHoverBg: #4c4c4c !default; +$galleriaIndicatorBorderRadius: 50% !default; +$galleriaIndicatorWidth: 1rem !default; +$galleriaIndicatorHeight: 1rem !default; +$galleriaIndicatorsBgOnItem: rgba(0, 0, 0, 0.5) !default; +$galleriaIndicatorBgOnItem: rgba(255, 255, 255, 0.4) !default; +$galleriaIndicatorHoverBgOnItem: rgba(255, 255, 255, 0.6) !default; + +$galleriaThumbnailContainerBg: rgba(0, 0, 0, 0.9) !default; +$galleriaThumbnailContainerPadding: 1rem 0.25rem !default; +$galleriaThumbnailNavigatorBg: transparent !default; +$galleriaThumbnailNavigatorColor: #aeb6bf !default; +$galleriaThumbnailNavigatorHoverBg: rgba(255, 255, 255, 0.1) !default; +$galleriaThumbnailNavigatorHoverColor: #aeb6bf !default; +$galleriaThumbnailNavigatorBorderRadius: 50% !default; +$galleriaThumbnailNavigatorWidth: 2rem !default; +$galleriaThumbnailNavigatorHeight: 2rem !default; + +//divider +$dividerHorizontalMargin: 1rem 0 !default; +$dividerHorizontalPadding: 0 1rem !default; +$dividerVerticalMargin: 0 1rem !default; +$dividerVerticalPadding: 1rem 0 !default; +$dividerSize: 1px !default; +$dividerColor: #4b4b4b !default; + +//avatar +$avatarBg: #4b4b4b !default; +$avatarTextColor: $textColor !default; + +//chip +$chipBg: #4b4b4b !default; +$chipTextColor: $textColor !default; +$chipBorderRadius: 16px !default; +$chipFocusBg: #464646 !default; +$chipFocusTextColor: $textColor !default; + +//scrollTop +$scrollTopBg: $primaryColor !default; +$scrollTopHoverBg: $primaryDarkColor !default; +$scrollTopWidth: 3rem !default; +$scrollTopHeight: 3rem !default; +$scrollTopBorderRadius: 50% !default; +$scrollTopFontSize: 1.5rem !default; +$scrollTopTextColor: $primaryTextColor !default; + +//skeleton +$skeletonBg: rgba(255, 255, 255, 0.06) !default; +$skeletonAnimationBg: rgba(255, 255, 255, 0.04) !default; + +//splitter +$splitterGutterBg: #191919 !default; +$splitterGutterHandleBg: #4b4b4b !default; + +//speeddial +$speedDialButtonWidth: 4rem !default; +$speedDialButtonHeight: 4rem !default; +$speedDialButtonIconFontSize: 1.3rem !default; +$speedDialActionWidth: 3rem !default; +$speedDialActionHeight: 3rem !default; +$speedDialActionBg: #474747 !default; +$speedDialActionHoverBg: #4d4d4d !default; +$speedDialActionTextColor: #fff !default; +$speedDialActionTextHoverColor: #fff !default; + +//dock +$dockActionWidth: 4rem !default; +$dockActionHeight: 4rem !default; +$dockItemPadding: 0.5rem !default; +$dockItemBorderRadius: $borderRadius !default; +$dockCurrentItemMargin: 1.5rem !default; +$dockFirstItemsMargin: 1.3rem !default; +$dockSecondItemsMargin: 0.9rem !default; +$dockBg: rgba(255, 255, 255, 0.1) !default; +$dockBorder: 1px solid rgba(255, 255, 255, 0.2) !default; +$dockPadding: 0.5rem 0.5rem !default; +$dockBorderRadius: 0.5rem !default; + +//image +$imageMaskBg: rgba(0, 0, 0, 0.9) !default; +$imagePreviewToolbarPadding: 1rem !default; +$imagePreviewIndicatorColor: #f8f9fa !default; +$imagePreviewIndicatorBg: rgba(0, 0, 0, 0.5) !default; +$imagePreviewActionIconBg: transparent !default; +$imagePreviewActionIconColor: #f8f9fa !default; +$imagePreviewActionIconHoverBg: rgba(255, 255, 255, 0.1) !default; +$imagePreviewActionIconHoverColor: #f8f9fa !default; +$imagePreviewActionIconWidth: 3rem !default; +$imagePreviewActionIconHeight: 3rem !default; +$imagePreviewActionIconFontSize: 1.5rem !default; +$imagePreviewActionIconBorderRadius: 50% !default; + +:root { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol"; + --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol"; + --surface-a: #191919; + --surface-b: #191919; + --surface-c: #4c4c4c; + --surface-d: #4b4b4b; + --surface-e: #323232; + --surface-f: #323232; + --text-color: #dedede; + --text-color-secondary: #888888; + --primary-color: #{$primaryColor}; + --primary-color-text: #{$primaryTextColor}; + --surface-0: #191919; + --surface-50: #303030; + --surface-100: #474747; + --surface-200: #5e5e5e; + --surface-300: #757575; + --surface-400: #8c8c8c; + --surface-500: #a3a3a3; + --surface-600: #bababa; + --surface-700: #d1d1d1; + --surface-800: #e8e8e8; + --surface-900: #ffffff; + --gray-50: #e8e8e8; + --gray-100: #d1d1d1; + --gray-200: #bababa; + --gray-300: #a3a3a3; + --gray-400: #8c8c8c; + --gray-500: #757575; + --gray-600: #5e5e5e; + --gray-700: #474747; + --gray-800: #303030; + --gray-900: #191919; + --content-padding: #{$panelContentPadding}; + --inline-spacing: #{$inlineSpacing}; + --border-radius: #{$borderRadius}; + --surface-ground: #191919; + --surface-section: #191919; + --surface-card: #323232; + --surface-overlay: #323232; + --surface-border: #4b4b4b; + --surface-hover: #4c4c4c; + --maskbg: #{$maskBg}; + --highlight-bg: #{$highlightBg}; + --highlight-text-color: #{$highlightTextColor}; + --focus-ring: #{$focusShadow}; + color-scheme: light dark; +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/luna/luna-amber/_extensions.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/luna/luna-amber/_extensions.scss new file mode 100644 index 000000000..f5dbaa43b --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/luna/luna-amber/_extensions.scss @@ -0,0 +1 @@ +/* Customizations to the designer theme should be defined here */ \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/luna/luna-amber/_fonts.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/luna/luna-amber/_fonts.scss new file mode 100644 index 000000000..e38a3a604 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/luna/luna-amber/_fonts.scss @@ -0,0 +1 @@ +// Configuration for the font-face of the theme, defaults to the system font so left as blank \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/luna/luna-amber/_variables.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/luna/luna-amber/_variables.scss new file mode 100644 index 000000000..77da8b5c1 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/luna/luna-amber/_variables.scss @@ -0,0 +1,12 @@ +//main color scheme +$primaryColor: #FFE082 !default; +$primaryDarkColor: #FFD54F !default; +$primaryDarkerColor: #FFCA28 !default; +$primaryTextColor: #212529 !default; + +//highlight +$highlightBg: $primaryColor !default; +$highlightTextColor: $primaryTextColor !default; +$highlightFocusBg: darken($primaryColor, .24) !default; + +@import '../_variables'; \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/luna/luna-amber/theme.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/luna/luna-amber/theme.scss new file mode 100644 index 000000000..3c5738990 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/luna/luna-amber/theme.scss @@ -0,0 +1,4 @@ +@import './variables'; +@import './_fonts'; +@import '../../../theme-base/_components'; +@import './_extensions'; diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/luna/luna-blue/_extensions.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/luna/luna-blue/_extensions.scss new file mode 100644 index 000000000..f5dbaa43b --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/luna/luna-blue/_extensions.scss @@ -0,0 +1 @@ +/* Customizations to the designer theme should be defined here */ \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/luna/luna-blue/_fonts.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/luna/luna-blue/_fonts.scss new file mode 100644 index 000000000..e38a3a604 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/luna/luna-blue/_fonts.scss @@ -0,0 +1 @@ +// Configuration for the font-face of the theme, defaults to the system font so left as blank \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/luna/luna-blue/_variables.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/luna/luna-blue/_variables.scss new file mode 100644 index 000000000..6f5afa5a9 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/luna/luna-blue/_variables.scss @@ -0,0 +1,12 @@ +//main color scheme +$primaryColor: #81D4FA !default; +$primaryDarkColor: #4FC3F7 !default; +$primaryDarkerColor: #29B6F6 !default; +$primaryTextColor: #212529 !default; + +//highlight +$highlightBg: $primaryColor !default; +$highlightTextColor: $primaryTextColor !default; +$highlightFocusBg: darken($primaryColor, .08) !default; + +@import '../_variables'; \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/luna/luna-blue/theme.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/luna/luna-blue/theme.scss new file mode 100644 index 000000000..3c5738990 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/luna/luna-blue/theme.scss @@ -0,0 +1,4 @@ +@import './variables'; +@import './_fonts'; +@import '../../../theme-base/_components'; +@import './_extensions'; diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/luna/luna-green/_extensions.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/luna/luna-green/_extensions.scss new file mode 100644 index 000000000..f5dbaa43b --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/luna/luna-green/_extensions.scss @@ -0,0 +1 @@ +/* Customizations to the designer theme should be defined here */ \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/luna/luna-green/_fonts.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/luna/luna-green/_fonts.scss new file mode 100644 index 000000000..e38a3a604 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/luna/luna-green/_fonts.scss @@ -0,0 +1 @@ +// Configuration for the font-face of the theme, defaults to the system font so left as blank \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/luna/luna-green/_variables.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/luna/luna-green/_variables.scss new file mode 100644 index 000000000..114ef52ae --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/luna/luna-green/_variables.scss @@ -0,0 +1,12 @@ +//main color scheme +$primaryColor: #C5E1A5 !default; +$primaryDarkColor: #AED581 !default; +$primaryDarkerColor: #9CCC65 !default; +$primaryTextColor: #212529 !default; + +//highlight +$highlightBg: $primaryColor !default; +$highlightTextColor: $primaryTextColor !default; +$highlightFocusBg: darken($primaryColor, .08) !default; + +@import '../_variables'; \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/luna/luna-green/theme.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/luna/luna-green/theme.scss new file mode 100644 index 000000000..3c5738990 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/luna/luna-green/theme.scss @@ -0,0 +1,4 @@ +@import './variables'; +@import './_fonts'; +@import '../../../theme-base/_components'; +@import './_extensions'; diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/luna/luna-pink/_extensions.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/luna/luna-pink/_extensions.scss new file mode 100644 index 000000000..f5dbaa43b --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/luna/luna-pink/_extensions.scss @@ -0,0 +1 @@ +/* Customizations to the designer theme should be defined here */ \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/luna/luna-pink/_fonts.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/luna/luna-pink/_fonts.scss new file mode 100644 index 000000000..e38a3a604 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/luna/luna-pink/_fonts.scss @@ -0,0 +1 @@ +// Configuration for the font-face of the theme, defaults to the system font so left as blank \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/luna/luna-pink/_variables.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/luna/luna-pink/_variables.scss new file mode 100644 index 000000000..19574e150 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/luna/luna-pink/_variables.scss @@ -0,0 +1,12 @@ +//main color scheme +$primaryColor: #F48FB1 !default; +$primaryDarkColor: #F06292 !default; +$primaryDarkerColor: #EC407A !default; +$primaryTextColor: #212529 !default; + +//highlight +$highlightBg: $primaryColor !default; +$highlightTextColor: $primaryTextColor !default; +$highlightFocusBg: darken($primaryColor, .08) !default; + +@import '../_variables'; \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/luna/luna-pink/theme.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/luna/luna-pink/theme.scss new file mode 100644 index 000000000..3c5738990 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/luna/luna-pink/theme.scss @@ -0,0 +1,4 @@ +@import './variables'; +@import './_fonts'; +@import '../../../theme-base/_components'; +@import './_extensions'; diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/_compact.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/_compact.scss new file mode 100644 index 000000000..128882829 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/_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:.25rem; + +$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; \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_accordion.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_accordion.scss new file mode 100644 index 000000000..35f02b5d7 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/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/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_autocomplete.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_autocomplete.scss new file mode 100644 index 000000000..d48432b3d --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/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/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_breadcrumb.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_breadcrumb.scss new file mode 100644 index 000000000..0dc71d142 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_breadcrumb.scss @@ -0,0 +1,9 @@ +.p-breadcrumb { + .p-menuitem-link { + &:focus { + background: $emphasis-lower; + } + + padding: 0.25rem 0.5rem; + } +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_button.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_button.scss new file mode 100644 index 000000000..3909a72e5 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/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-text, + &.p-button-outlined { + &:enabled:focus { + background: rgba($buttonBg, .12); + } + + &:enabled:active { + background: rgba($buttonBg, .16); + } + + .p-ink { + background-color: rgba($buttonBg, .16); + } + } + + &.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; + } + } + + &: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); + } + } +} \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_calendar.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_calendar.scss new file mode 100644 index 000000000..bd7c7ee6d --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_calendar.scss @@ -0,0 +1,151 @@ +.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; + } + + .p-icon{ + color: $inputIconColor; + } + + &:enabled:hover { + background: rgba($overlayColor, .04); + } + + &:enabled:active, + &:focus { + background: rgba($overlayColor, .12); + } + + &:disabled { + background-color: transparent !important; + } + } + + &:not(.p-calendar-disabled):hover { + border-color: $inputHoverBorderColor; + } + + &:not(.p-calendar-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-calendar-disabled { + opacity: $disabledOpacity; + + .p-inputtext { + opacity: 1; + } + } +} + +.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-default(); + + &:not(.p-calendar-disabled) { + @include filled-input-wrapper-interaction(); + } + + .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/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_carousel.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_carousel.scss new file mode 100644 index 000000000..bd0e36812 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/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/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_cascadeselect.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_cascadeselect.scss new file mode 100644 index 000000000..f7fb51f94 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_cascadeselect.scss @@ -0,0 +1,73 @@ +.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-label { + &:hover { + background-image: none; + background: transparent; + } + } + } + + p-cascadeselect.ng-dirty.ng-invalid { + .p-cascadeselect { + @include invalid-filled-input-wrapper(); + } + } +} + +.p-input-filled { + .p-float-label { + .p-cascadeselect { + .p-cascadeselect-label { + @include filled-input-float-label(); + } + } + + .p-inputwrapper-filled { + .p-cascadeselect { + .p-cascadeselect-label { + @include filled-input-float-label(); + } + } + } + } + + .p-cascadeselect.p-invalid { + @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; + } + } +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_checkbox.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_checkbox.scss new file mode 100644 index 000000000..095e88b53 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/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/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_chips.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_chips.scss new file mode 100644 index 000000000..b32a5bc1f --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/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/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_contextmenu.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_contextmenu.scss new file mode 100644 index 000000000..5471b85a3 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_contextmenu.scss @@ -0,0 +1,19 @@ +.p-contextmenu { + .p-menuitem { + &.p-highlight { + &.p-focus { + > .p-menuitem-content { + background: $emphasis-lower; + } + } + } + + &:not(.p-highlight):not(.p-disabled) { + &.p-focus { + > .p-menuitem-content { + background: $emphasis-lower; + } + } + } + } +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_datatable.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_datatable.scss new file mode 100644 index 000000000..8306fb2f4 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_datatable.scss @@ -0,0 +1,33 @@ +.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); + } + } + } +} + +.p-datatable { + .p-datatable-tbody { + > tr { + &.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 $primaryColor; + } + + &.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 $primaryColor; + } + } + } +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_dropdown.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_dropdown.scss new file mode 100644 index 000000000..c22aba42b --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/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/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_fieldset.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_fieldset.scss new file mode 100644 index 000000000..874378958 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_fieldset.scss @@ -0,0 +1,15 @@ +.p-fieldset { + .p-fieldset-legend { + border: 0 none; + } + + &.p-fieldset-toggleable { + .p-fieldset-legend { + a { + &:focus { + background: $emphasis-lower; + } + } + } + } +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_float_label.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_float_label.scss new file mode 100644 index 000000000..c5a032bab --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/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/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_galleria.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_galleria.scss new file mode 100644 index 000000000..8fe0c773e --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/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/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_input.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_input.scss new file mode 100644 index 000000000..41b09c33c --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/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/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_inputgroup.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_inputgroup.scss new file mode 100644 index 000000000..77a38942d --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/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/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_inputmask.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_inputmask.scss new file mode 100644 index 000000000..eb4779c98 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/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/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_inputnumber.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_inputnumber.scss new file mode 100644 index 000000000..d0bced509 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/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/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_inputswitch.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_inputswitch.scss new file mode 100644 index 000000000..599b47e4a --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/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-focus, + &.p-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-focus, + &.p-inputswitch-checked.p-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); + } + } +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_listbox.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_listbox.scss new file mode 100644 index 000000000..2453f2f0e --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_listbox.scss @@ -0,0 +1,17 @@ +.p-listbox { + .p-listbox-list { + .p-listbox-item { + .p-ink { + background-color: rgba($primaryColor, .16); + } + + &:focus { + background: $emphasis-lower; + + &.p-highlight { + background: rgba($primaryColor, .24); + } + } + } + } +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_megamenu.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_megamenu.scss new file mode 100644 index 000000000..c95a46cd4 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_megamenu.scss @@ -0,0 +1,19 @@ +.p-megamenu { + .p-menuitem { + &.p-highlight { + &.p-focus { + > .p-menuitem-content { + background: $emphasis-lower; + } + } + } + + &:not(.p-highlight):not(.p-disabled) { + &.p-focus { + > .p-menuitem-content { + background: $emphasis-lower; + } + } + } + } +} \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_menu.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_menu.scss new file mode 100644 index 000000000..4422cd4b0 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_menu.scss @@ -0,0 +1,9 @@ +.p-menu { + .p-menuitem { + .p-menuitem-link { + &:focus { + background: $emphasis-lower; + } + } + } +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_menubar.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_menubar.scss new file mode 100644 index 000000000..07e64a16f --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_menubar.scss @@ -0,0 +1,19 @@ +.p-menubar { + .p-menuitem { + &.p-highlight { + &.p-focus { + > .p-menuitem-content { + background: $emphasis-lower; + } + } + } + + &:not(.p-highlight):not(.p-disabled) { + &.p-focus { + > .p-menuitem-content { + background: $emphasis-lower; + } + } + } + } +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_mixins.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_mixins.scss new file mode 100644 index 000000000..a5c70a1bf --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_mixins.scss @@ -0,0 +1,108 @@ +@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):hover { + background-image: linear-gradient(to bottom, $inputErrorBorderColor, $inputErrorBorderColor), linear-gradient(to bottom, $inputErrorBorderColor, $inputErrorBorderColor); + } + + &:not(.p-disabled).p-focus, + &:not(.p-disabled).p-inputwrapper-focus { + box-shadow: none; + background-image: linear-gradient(to bottom, $inputErrorBorderColor, $inputErrorBorderColor), linear-gradient(to bottom, $inputErrorBorderColor, $inputErrorBorderColor); + } +} + +@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; + } +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_multiselect.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_multiselect.scss new file mode 100644 index 000000000..1cc1ed00f --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_multiselect.scss @@ -0,0 +1,106 @@ +.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-panel { + .p-multiselect-items { + .p-multiselect-item { + .p-ink { + background-color: rgba($primaryColor, .16); + } + + &:focus { + background: $emphasis-lower; + + &.p-highlight { + background: rgba($primaryColor, .24); + } + } + } + } + + .p-multiselect-close { + &:focus { + background: $emphasis-lower; + } + } +} + +.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; + } + } +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_orderlist.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_orderlist.scss new file mode 100644 index 000000000..cc1923c99 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_orderlist.scss @@ -0,0 +1,13 @@ +.p-orderlist { + .p-orderlist-list { + .p-orderlist-item { + &:focus { + background: $emphasis-lower; + + &.p-highlight { + background: rgba($primaryColor, .24); + } + } + } + } +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_overlaypanel.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_overlaypanel.scss new file mode 100644 index 000000000..994b9e6ff --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_overlaypanel.scss @@ -0,0 +1,5 @@ +.p-overlaypanel { + .p-overlaypanel-content { + padding: 1.5rem; + } +} \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_paginator.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_paginator.scss new file mode 100644 index 000000000..58105f2fd --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_paginator.scss @@ -0,0 +1,13 @@ +.p-paginator { + justify-content: flex-end; + + .p-paginator-element { + &:focus { + background: $emphasis-lower; + + &.p-highlight { + background: rgba($primaryColor, .24); + } + } + } +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_panel.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_panel.scss new file mode 100644 index 000000000..6c3dbc301 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_panel.scss @@ -0,0 +1,24 @@ +.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; + } + + .p-panel-header-icon { + &:focus { + background: $emphasis-lower; + } + } +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_panelmenu.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_panelmenu.scss new file mode 100644 index 000000000..25987d003 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_panelmenu.scss @@ -0,0 +1,59 @@ +.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-action>* { + opacity: $disabledOpacity; + } + } + + .p-panelmenu-header-action { + &:focus { + background: $accordionHeaderHoverBg; + } + } + } + + .p-menuitem { + &.p-highlight { + &.p-focus { + >.p-menuitem-content { + background: $emphasis-lower; + } + } + } + + &:not(.p-highlight):not(.p-disabled) { + &.p-focus { + >.p-menuitem-content { + background: $emphasis-lower; + } + } + } + } + } +} \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_picklist.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_picklist.scss new file mode 100644 index 000000000..62ddfaf4b --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_picklist.scss @@ -0,0 +1,13 @@ +.p-picklist { + .p-picklist-list { + .p-picklist-item { + &:focus { + background: $emphasis-lower; + + &.p-highlight { + background: rgba($primaryColor, .24); + } + } + } + } +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_progressbar.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_progressbar.scss new file mode 100644 index 000000000..a38c4f273 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_progressbar.scss @@ -0,0 +1,7 @@ +.p-progressbar { + border-radius: 0; + + .p-progressbar-label { + display: none !important; + } +} \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_radiobutton.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_radiobutton.scss new file mode 100644 index 000000000..592cb3445 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/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/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_rating.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_rating.scss new file mode 100644 index 000000000..54ece9dbb --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_rating.scss @@ -0,0 +1,30 @@ +.p-rating { + gap: 0; + + .p-rating-item { + border-radius: 50%; + width: 2rem; + height: 2rem; + justify-content: center; + + &.p-focus { + background: rgba($primaryColor, .12); + + &.p-rating-cancel-item { + background: rgba($ratingCancelIconColor, .12); + } + } + } + + &:not(.p-disabled):not(.p-readonly) { + .p-rating-item { + &:hover { + background-color: rgba(0,0,0,.04); + + &.p-rating-cancel-item { + background: rgba($ratingCancelIconColor, .04); + } + } + } + } +} \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_scrollpanel.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_scrollpanel.scss new file mode 100644 index 000000000..a8acb4ee1 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_scrollpanel.scss @@ -0,0 +1,7 @@ +.p-scrollpanel { + .p-scrollpanel-bar { + &:focus { + box-shadow: 0 0 1px 4px rgba($accentColor, .2); + } + } +} \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_selectbutton.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_selectbutton.scss new file mode 100644 index 000000000..7f2b360d6 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/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/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_slidemenu.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_slidemenu.scss new file mode 100644 index 000000000..4e42f9284 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_slidemenu.scss @@ -0,0 +1,19 @@ +.p-slidemenu { + .p-menuitem { + &.p-highlight { + &.p-focus { + > .p-menuitem-content { + background: $emphasis-lower; + } + } + } + + &:not(.p-highlight):not(.p-disabled) { + &.p-focus { + > .p-menuitem-content { + background: $emphasis-lower; + } + } + } + } +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_slider.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_slider.scss new file mode 100644 index 000000000..bc94aad71 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/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/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_speeddial.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_speeddial.scss new file mode 100644 index 000000000..c3263694a --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_speeddial.scss @@ -0,0 +1,5 @@ +.p-speeddial-item { + &.p-focus > .p-speeddial-action { + background: rgba($speedDialActionHoverBg, .76); + } +} \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_splitbutton.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_splitbutton.scss new file mode 100644 index 000000000..0a5bd7c28 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_splitbutton.scss @@ -0,0 +1,148 @@ +.p-splitbutton { + &.p-button-text, + &.p-button-outlined { + > .p-button { + &:not(:disabled):focus { + background: rgba($buttonBg, 0.12); + } + + &:not(:disabled):active { + background: rgba($buttonBg, 0.16); + } + } + } + + &.p-button-outlined { + > .p-button { + 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-splitbutton-menubutton { + margin-left: -1px; + width: calc(#{$buttonIconOnlyWidth} + 1px); + } + } + } + + &.p-disabled { + &.p-button-text { + > .p-button { + background-color: transparent !important; + color: $emphasis-low !important; + } + } + + &.p-button-outlined { + > .p-button { + background-color: transparent !important; + color: $emphasis-low !important; + border-color: $emphasis-low !important; + } + } + } + + &.p-button-raised { + > .p-button { + &:not(:disabled):focus { + box-shadow: $raisedButtonShadow; + } + } + } +} + +.p-splitbutton.p-button-secondary { + &.p-button-text, + &.p-button-outlined { + > .p-button { + &:not(:disabled):focus { + background: rgba($secondaryButtonBg, 0.12); + } + + &:not(:disabled):active { + background: rgba($secondaryButtonBg, 0.16); + } + } + } +} + +.p-splitbutton.p-button-info > .p-button { + &.p-button-text, + &.p-button-outlined { + > .p-button { + &:not(:disabled):focus { + background: rgba($infoButtonBg, 0.12); + } + + &:not(:disabled):active { + background: rgba($infoButtonBg, 0.16); + } + } + } +} + +.p-splitbutton.p-button-success { + &.p-button-text, + &.p-button-outlined { + > .p-button { + &:not(:disabled):focus { + background: rgba($successButtonBg, 0.12); + } + + &:not(:disabled):active { + background: rgba($successButtonBg, 0.16); + } + } + } +} + +.p-splitbutton.p-button-warning { + &.p-button-text, + &.p-button-outlined { + > .p-button { + &:not(:disabled):focus { + background: rgba($warningButtonBg, 0.12); + } + + &:not(:disabled):active { + background: rgba($warningButtonBg, 0.16); + } + } + } +} + +.p-splitbutton.p-button-help { + &.p-button-text, + &.p-button-outlined { + > .p-button { + &:not(:disabled):focus { + background: rgba($helpButtonBg, 0.12); + } + + &:not(:disabled):active { + background: rgba($helpButtonBg, 0.16); + } + } + } +} + +.p-splitbutton.p-button-danger { + &.p-button-text, + &.p-button-outlined { + > .p-button { + &:not(:disabled):focus { + background: rgba($dangerButtonBg, 0.12); + } + + &:not(:disabled):active { + background: rgba($dangerButtonBg, 0.16); + } + } + } +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_splitter.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_splitter.scss new file mode 100644 index 000000000..d00abfe33 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_splitter.scss @@ -0,0 +1,18 @@ +.p-splitter { + .p-splitter-gutter { + .p-splitter-gutter-handle { + transition: transform $transitionDuration, box-shadow $transitionDuration; + transform: scale(.7); + + &:focus { + box-shadow: 0 0 1px 6px rgba($accentColor, .2); + } + } + + &.p-splitter-gutter-resizing { + .p-splitter-gutter-handle { + transform: scale(1); + } + } + } +} \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_steps.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_steps.scss new file mode 100644 index 000000000..775ad050d --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_steps.scss @@ -0,0 +1,65 @@ +.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: 1rem $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; + } + + &:not(.p-disabled):focus { + background: $emphasis-lower; + } + } + + &.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/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_tabmenu.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_tabmenu.scss new file mode 100644 index 000000000..71c0899df --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_tabmenu.scss @@ -0,0 +1,37 @@ +.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-highlight { + .p-menuitem-link { + &: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); + } + } +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_tabview.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_tabview.scss new file mode 100644 index 000000000..ccb58b557 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/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/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_tieredmenu.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_tieredmenu.scss new file mode 100644 index 000000000..671945a53 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_tieredmenu.scss @@ -0,0 +1,19 @@ +.p-tieredmenu { + .p-menuitem { + &.p-highlight { + &.p-focus { + > .p-menuitem-content { + background: $emphasis-lower; + } + } + } + + &:not(.p-highlight):not(.p-disabled) { + &.p-focus { + > .p-menuitem-content { + background: $emphasis-lower; + } + } + } + } +} \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_timeline.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_timeline.scss new file mode 100644 index 000000000..0e7a87436 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/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/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_togglebutton.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_togglebutton.scss new file mode 100644 index 000000000..e1d1eed76 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/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/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_toolbar.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_toolbar.scss new file mode 100644 index 000000000..bec3b3fb5 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_toolbar.scss @@ -0,0 +1,3 @@ +.p-toolbar { + border: 0 none; +} \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_tooltip.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_tooltip.scss new file mode 100644 index 000000000..e8e64bf5c --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/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/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_tree.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_tree.scss new file mode 100644 index 000000000..c1b1db89d --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_tree.scss @@ -0,0 +1,15 @@ +.p-tree { + .p-tree-container { + .p-treenode { + outline: 0 none; + + &:focus > .p-treenode-content { + background: $emphasis-lower; + + &.p-highlight { + background: rgba($primaryColor, .24); + } + } + } + } +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_treeselect.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_treeselect.scss new file mode 100644 index 000000000..64dc7d0a5 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_treeselect.scss @@ -0,0 +1,84 @@ +.p-treeselect { + .p-treeselect-label, .p-treeselect-trigger { + background-image: none; + background: transparent; + } + + .p-treeselect-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-treeselect-item { + .p-ink { + background-color: rgba($primaryColor, .16); + } +} + +.p-input-filled { + .p-treeselect { + @include filled-input-wrapper(); + + .p-treeselect-label { + &:hover { + background-image: none; + background: transparent; + } + } + } +} + +.p-float-label { + .p-treeselect-label { + .p-treeselect-token { + padding: .25rem 1rem; + margin-top: .25rem; + margin-bottom: .25rem; + } + } +} + +.p-input-filled { + .p-float-label { + .p-treeselect { + .p-treeselect-label { + @include filled-input-float-label(); + } + } + + .p-inputwrapper-filled { + .p-treeselect { + .p-treeselect-label { + @include filled-input-float-label(); + } + + &.p-treeselect-chip { + .p-treeselect-token { + padding-top: 0; + padding-bottom: 0; + margin-top: 0; + margin-bottom: 0; + + .p-treeselect-token-icon { + font-size: 75%; + } + } + } + } + } + } + + .p-treeselect.p-invalid { + @include invalid-filled-input-wrapper(); + } +} + +.p-treeselect.p-invalid { + &: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; + } +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_treetable.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_treetable.scss new file mode 100644 index 000000000..07fabe783 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/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/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_vendor_extensions.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_vendor_extensions.scss new file mode 100644 index 000000000..4180692d0 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/extensions/_vendor_extensions.scss @@ -0,0 +1,54 @@ +@import './_mixins'; + +@layer primeng { + @import './_accordion'; + @import './_autocomplete'; + @import './_breadcrumb'; + @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 './_megamenu'; + @import './_menu'; + @import './_menubar'; + @import './_multiselect'; + @import './_orderlist'; + @import './_overlaypanel'; + @import './_paginator'; + @import './_panel'; + @import './_panelmenu'; + @import './_picklist'; + @import './_progressbar'; + @import './_radiobutton'; + @import './_rating'; + @import './_selectbutton'; + @import './_slidemenu'; + @import './_slider'; + @import './_steps'; + @import './_tabview'; + @import './_toolbar'; + @import './_tooltip'; + @import './_tieredmenu'; + @import './_treeselect'; + @import './_tree'; + @import './_treetable'; + @import './_tabmenu'; + @import './_timeline'; + @import './_togglebutton'; + @import './_splitbutton'; + @import './_scrollpanel'; + @import './_splitter'; +} \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/_variables.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/_variables.scss new file mode 100644 index 000000000..12dd0a9b1 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/_variables.scss @@ -0,0 +1,890 @@ +$colors: ( + "blue": #2196f3, + "green": #689f38, + "yellow": #fbc02d, + "cyan": #00bcd4, + "pink": #e91e63, + "indigo": #4e5fbb, + "teal": #009688, + "orange": #ff9800, + "bluegray": #607d8b, + "purple": #9c27b0, + "red": #f44336, + "primary": $primaryColor, +) !default; + +$emphasis-high: rgba(255, 255, 255, 0.87) !default; +$emphasis-medium: rgba(255, 255, 255, 0.6) !default; +$emphasis-low: rgba(255, 255, 255, 0.38) !default; +$emphasis-lower: rgba(255, 255, 255, 0.12) !default; +$overlayColor: #ffffff !default; + +//global +$fontFamily: Roboto, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, + "Lucida Grande", sans-serif !default; +$fontSize: 1rem !default; +$fontWeight: normal !default; +$textColor: $emphasis-high !default; +$textSecondaryColor: $emphasis-medium !default; +$borderRadius: 4px !default; +$transitionDuration: 0.2s !default; +$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) !default; +$actionIconTransition: background-color $transitionDuration, + color $transitionDuration, box-shadow $transitionDuration !default; +$listItemTransition: none !default; +$primeIconFontSize: 1rem !default; +$divider: 1px solid hsla(0, 0%, 100%, 0.12) !default; +$inlineSpacing: 0.5rem !default; +$disabledOpacity: 0.38 !default; +$maskBg: rgba(0, 0, 0, 0.32) !default; +$loadingIconFontSize: 2rem !default; +$errorColor: #f44435 !default; + +//selected state +$highlightBg: rgba($primaryColor, 0.16) !default; +$highlightTextColor: $primaryColor !default; +$highlightFocusBg: rgba($primaryColor, 0.24) !default; + +//scale +$scaleSM: 0.875 !default; +$scaleLG: 1.25 !default; + +//focus +$focusOutlineColor: transparent !default; +$focusOutline: 0 none !default; +$focusOutlineOffset: 0 !default; +$focusShadow: none !default; + +//action icons +$actionIconWidth: 2.5rem !default; +$actionIconHeight: 2.5rem !default; +$actionIconBg: transparent !default; +$actionIconBorder: 0 none !default; +$actionIconColor: $textSecondaryColor !default; +$actionIconHoverBg: rgba($overlayColor, 0.04) !default; +$actionIconHoverBorderColor: transparent !default; +$actionIconHoverColor: $textSecondaryColor !default; +$actionIconBorderRadius: 50% !default; + +//input field (e.g. inputtext, spinner, inputmask) +$inputPadding: 1rem 1rem !default; +$inputTextFontSize: 1rem !default; +$inputBg: #1e1e1e !default; +$inputTextColor: $emphasis-high !default; +$inputIconColor: $emphasis-medium !default; +$inputBorder: 1px solid hsla(0, 0%, 100%, 0.3) !default; +$inputHoverBorderColor: $emphasis-medium !default; +$inputFocusBorderColor: $primaryColor !default; +$inputErrorBorderColor: $errorColor !default; +$inputPlaceholderTextColor: $emphasis-medium !default; +$inputFilledBg: hsla(0, 0%, 100%, 0.06) !default; +$inputFilledHoverBg: hsla(0, 0%, 100%, 0.08) !default; +$inputFilledFocusBg: hsla(0, 0%, 100%, 0.1) !default; + +//input groups +$inputGroupBg: $inputBg !default; +$inputGroupTextColor: $emphasis-medium !default; +$inputGroupAddOnMinWidth: 2.357rem !default; + +//input lists (e.g. dropdown, autocomplete, multiselect, orderlist) +$inputListBg: #1e1e1e !default; +$inputListTextColor: $textColor !default; +$inputListBorder: 1px solid hsla(0, 0%, 100%, 0.3) !default; +$inputListPadding: 0 !default; +$inputListItemPadding: 1rem 1rem !default; +$inputListItemBg: transparent !default; +$inputListItemTextColor: $textColor !default; +$inputListItemHoverBg: hsla(0, 0%, 100%, 0.04) !default; +$inputListItemTextHoverColor: $textColor !default; +$inputListItemFocusBg: hsla(0, 0%, 100%, 0.12) !default; +$inputListItemTextFocusColor: $textColor !default; +$inputListItemBorder: 0 none !default; +$inputListItemBorderRadius: 0 !default; +$inputListItemMargin: 0 !default; +$inputListItemFocusShadow: none !default; +$inputListHeaderPadding: 1rem !default; +$inputListHeaderMargin: 0 !default; +$inputListHeaderBg: #1e1e1e !default; +$inputListHeaderTextColor: $textColor !default; +$inputListHeaderBorder: 1px solid hsla(0, 0%, 100%, 0.12) !default; + +//inputs with overlays (e.g. autocomplete, dropdown, multiselect) +$inputOverlayBg: #2b2b2b !default; +$inputOverlayHeaderBg: #2b2b2b !default; +$inputOverlayBorder: 0 none !default; +$inputOverlayShadow: 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) !default; + +//password +$passwordMeterBg: rgba($primaryColor, 0.32) !default; +$passwordWeakBg: #ef9a9a !default; +$passwordMediumBg: #fff59d !default; +$passwordStrongBg: #c5e1a5 !default; + +//button +$buttonPadding: 0.714rem 1rem !default; +$buttonIconOnlyWidth: 3rem !default; +$buttonIconOnlyPadding: 0.714rem !default; +$buttonBg: $primaryColor !default; +$buttonTextColor: $primaryTextColor !default; +$buttonBorder: 0 none !default; +$buttonHoverBg: rgba($primaryColor, 0.92) !default; +$buttonTextHoverColor: $primaryTextColor !default; +$buttonHoverBorderColor: transparent !default; +$buttonActiveBg: rgba($primaryColor, 0.68) !default; +$buttonTextActiveColor: $primaryTextColor !default; +$buttonActiveBorderColor: transparent !default; +$raisedButtonShadow: 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) !default; +$roundedButtonBorderRadius: 2rem !default; + +$textButtonHoverBgOpacity: 0.04 !default; +$textButtonActiveBgOpacity: 0.16 !default; +$outlinedButtonBorder: 0 none !default; +$plainButtonTextColor: $textSecondaryColor !default; +$plainButtonHoverBgColor: rgba(255, 255, 255, 0.04) !default; +$plainButtonActiveBgColor: rgba(255, 255, 255, 0.16) !default; + +$secondaryButtonBg: $accentColor !default; +$secondaryButtonTextColor: $accentTextColor !default; +$secondaryButtonBorder: 0 none !default; +$secondaryButtonHoverBg: rgba($accentColor, 0.92) !default; +$secondaryButtonTextHoverColor: $accentTextColor !default; +$secondaryButtonHoverBorderColor: transparent !default; +$secondaryButtonActiveBg: rgba($accentColor, 0.68) !default; +$secondaryButtonTextActiveColor: $accentTextColor !default; +$secondaryButtonActiveBorderColor: transparent !default; +$secondaryButtonFocusShadow: none !default; + +$infoButtonBg: #90caf9 !default; +$infoButtonTextColor: #212121 !default; +$infoButtonBorder: 0 none !default; +$infoButtonHoverBg: rgba(#90caf9, 0.92) !default; +$infoButtonTextHoverColor: #212121 !default; +$infoButtonHoverBorderColor: transparent !default; +$infoButtonActiveBg: rgba(#90caf9, 0.68) !default; +$infoButtonTextActiveColor: #212121 !default; +$infoButtonActiveBorderColor: transparent !default; +$infoButtonFocusShadow: none !default; + +$successButtonBg: #c5e1a5 !default; +$successButtonTextColor: #212121 !default; +$successButtonBorder: 0 none !default; +$successButtonHoverBg: rgba(#c5e1a5, 0.92) !default; +$successButtonTextHoverColor: #212121 !default; +$successButtonHoverBorderColor: transparent !default; +$successButtonActiveBg: rgba(#c5e1a5, 0.68) !default; +$successButtonTextActiveColor: #212121 !default; +$successButtonActiveBorderColor: transparent !default; +$successButtonFocusShadow: none !default; + +$warningButtonBg: #fff59d !default; +$warningButtonTextColor: #212121 !default; +$warningButtonBorder: 0 none !default; +$warningButtonHoverBg: rgba(#fff59d, 0.92) !default; +$warningButtonTextHoverColor: #212121 !default; +$warningButtonHoverBorderColor: transparent !default; +$warningButtonActiveBg: rgba(#fff59d, 0.68) !default; +$warningButtonTextActiveColor: #212121 !default; +$warningButtonActiveBorderColor: transparent !default; +$warningButtonFocusShadow: none !default; + +$helpButtonBg: #ce93d8 !default; +$helpButtonTextColor: #212121 !default; +$helpButtonBorder: 0 none !default; +$helpButtonHoverBg: rgba(#ce93d8, 0.92) !default; +$helpButtonTextHoverColor: #212121 !default; +$helpButtonHoverBorderColor: transparent !default; +$helpButtonActiveBg: rgba(#ce93d8, 0.68) !default; +$helpButtonTextActiveColor: #212121 !default; +$helpButtonActiveBorderColor: transparent !default; +$helpButtonFocusShadow: none !default; + +$dangerButtonBg: #ef9a9a !default; +$dangerButtonTextColor: #212121 !default; +$dangerButtonBorder: 0 none !default; +$dangerButtonHoverBg: rgba(#ef9a9a, 0.92) !default; +$dangerButtonTextHoverColor: #212121 !default; +$dangerButtonHoverBorderColor: transparent !default; +$dangerButtonActiveBg: rgba(#ef9a9a, 0.68) !default; +$dangerButtonTextActiveColor: #212121 !default; +$dangerButtonActiveBorderColor: transparent !default; +$dangerButtonFocusShadow: none !default; + +$linkButtonColor: $primaryColor !default; +$linkButtonHoverColor: $primaryColor !default; +$linkButtonTextHoverDecoration: underline !default; +$linkButtonFocusShadow: none !default; + +//checkbox +$checkboxWidth: 18px !default; +$checkboxHeight: 18px !default; +$checkboxBorder: 2px solid hsla(0, 0%, 100%, 0.7) !default; +$checkboxIconFontSize: 14px !default; +$checkboxActiveBorderColor: $primaryColor !default; +$checkboxActiveBg: $primaryColor !default; +$checkboxIconActiveColor: $primaryTextColor !default; +$checkboxActiveHoverBg: $primaryColor !default; +$checkboxIconActiveHoverColor: $primaryTextColor !default; +$checkboxActiveHoverBorderColor: $primaryColor !default; + +//radiobutton +$radiobuttonWidth: 20px !default; +$radiobuttonHeight: 20px !default; +$radiobuttonBorder: 2px solid hsla(0, 0%, 100%, 0.7) !default; +$radiobuttonIconSize: 10px !default; +$radiobuttonActiveBorderColor: $primaryColor !default; +$radiobuttonActiveBg: $primaryTextColor !default; +$radiobuttonIconActiveColor: $primaryColor !default; +$radiobuttonActiveHoverBg: $primaryTextColor !default; +$radiobuttonIconActiveHoverColor: $primaryColor !default; +$radiobuttonActiveHoverBorderColor: $primaryColor !default; + +//colorpicker +$colorPickerPreviewWidth: 2rem !default; +$colorPickerPreviewHeight: 2rem !default; +$colorPickerBg: #2b2b2b !default; +$colorPickerBorder: 1px solid #1e1e1e !default; +$colorPickerHandleColor: #ffffff !default; + +//togglebutton +$toggleButtonBg: #2f2f2f !default; +$toggleButtonBorder: 1px solid rgba(255, 255, 255, 0.12) !default; +$toggleButtonTextColor: $textColor !default; +$toggleButtonIconColor: $textSecondaryColor !default; +$toggleButtonHoverBg: #373737 !default; +$toggleButtonHoverBorderColor: rgba(255, 255, 255, 0.12) !default; +$toggleButtonTextHoverColor: $textColor !default; +$toggleButtonIconHoverColor: $textSecondaryColor !default; +$toggleButtonActiveBg: #1c1c1c !default; +$toggleButtonActiveBorderColor: rgba(255, 255, 255, 0.12) !default; +$toggleButtonTextActiveColor: $textColor !default; +$toggleButtonIconActiveColor: $textSecondaryColor !default; +$toggleButtonActiveHoverBg: #262626 !default; +$toggleButtonActiveHoverBorderColor: rgba(255, 255, 255, 0.12) !default; +$toggleButtonTextActiveHoverColor: $textColor !default; +$toggleButtonIconActiveHoverColor: $textSecondaryColor !default; + +//inplace +$inplacePadding: $inputPadding !default; +$inplaceHoverBg: rgba(255, 255, 255, 0.04) !default; +$inplaceTextHoverColor: $textColor !default; + +//rating +$ratingIconFontSize: 1.143rem !default; +$ratingCancelIconColor: #f44435 !default; +$ratingCancelIconHoverColor: #f44435 !default; +$ratingStarIconOffColor: $primaryColor !default; +$ratingStarIconOnColor: $primaryColor !default; +$ratingStarIconHoverColor: $primaryColor !default; + +//slider +$sliderBg: hsla(0, 0%, 100%, 0.3) !default; +$sliderBorder: 0 none !default; +$sliderHorizontalHeight: 2px !default; +$sliderVerticalWidth: 2px !default; +$sliderHandleWidth: 20px !default; +$sliderHandleHeight: 20px !default; +$sliderHandleBg: $primaryColor !default; +$sliderHandleBorder: 0 none !default; +$sliderHandleBorderRadius: 50% !default; +$sliderHandleHoverBorderColor: 0 none !default; +$sliderHandleHoverBg: $primaryColor !default; +$sliderRangeBg: $primaryColor !default; + +//calendar +$calendarTableMargin: 0.5rem 0 !default; +$calendarPadding: 0.5rem !default; +$calendarBg: $inputOverlayBg !default; +$calendarInlineBg: #1e1e1e !default; +$calendarTextColor: $textColor !default; +$calendarBorder: $inputListBorder !default; +$calendarOverlayBorder: $inputOverlayBorder !default; + +$calendarHeaderPadding: 0.5rem !default; +$calendarHeaderBg: $inputOverlayHeaderBg !default; +$calendarInlineHeaderBg: #1e1e1e !default; +$calendarHeaderBorder: $divider !default; +$calendarHeaderTextColor: $textColor !default; +$calendarHeaderFontWeight: 500 !default; +$calendarHeaderCellPadding: 0.5rem !default; +$calendarMonthYearHeaderHoverTextColor: $primaryColor !default; + +$calendarCellDatePadding: 0.5rem !default; +$calendarCellDateWidth: 2.5rem !default; +$calendarCellDateHeight: 2.5rem !default; +$calendarCellDateBorderRadius: 50% !default; +$calendarCellDateBorder: 1px solid transparent !default; +$calendarCellDateHoverBg: rgba(255, 255, 255, 0.04) !default; +$calendarCellDateTodayBg: transparent !default; +$calendarCellDateTodayBorderColor: rgba(255, 255, 255, 0.5) !default; +$calendarCellDateTodayTextColor: $textColor !default; + +$calendarButtonBarPadding: 1rem 0 !default; +$calendarTimePickerPadding: 0.5rem !default; +$calendarTimePickerElementPadding: 0 0.5rem !default; +$calendarTimePickerTimeFontSize: 1.25rem !default; + +$calendarBreakpoint: 769px !default; +$calendarCellDatePaddingSM: 0 !default; + +//input switch +$inputSwitchWidth: 2.75rem !default; +$inputSwitchHeight: 1rem !default; +$inputSwitchBorderRadius: 0.5rem !default; +$inputSwitchHandleWidth: 1.5rem !default; +$inputSwitchHandleHeight: 1.5rem !default; +$inputSwitchHandleBorderRadius: 50% !default; +$inputSwitchSliderPadding: -1px !default; +$inputSwitchSliderOffBg: hsla(0, 0%, 100%, 0.3) !default; +$inputSwitchHandleOffBg: #bdbdbd !default; +$inputSwitchSliderOffHoverBg: hsla(0, 0%, 100%, 0.3) !default; +$inputSwitchSliderOnBg: rgba($primaryColor, 0.5) !default; +$inputSwitchSliderOnHoverBg: rgba($primaryColor, 0.5) !default; +$inputSwitchHandleOnBg: $primaryColor !default; + +//panel +$panelHeaderBorderColor: rgba(255, 255, 255, 0.12) !default; +$panelHeaderBorder: 1px solid rgba(255, 255, 255, 0.12) !default; +$panelHeaderBg: #1e1e1e !default; +$panelHeaderTextColor: $textColor !default; +$panelHeaderFontWeight: 500 !default; +$panelHeaderPadding: 1rem !default; +$panelToggleableHeaderPadding: 0.5rem 1rem !default; + +$panelHeaderHoverBg: rgba($overlayColor, 0.04) !default; +$panelHeaderHoverBorderColor: rgba(255, 255, 255, 0.12) !default; +$panelHeaderTextHoverColor: $textColor !default; + +$panelContentBorderColor: rgba(255, 255, 255, 0.12) !default; +$panelContentBorder: 1px solid rgba(255, 255, 255, 0.12) !default; +$panelContentBg: #1e1e1e !default; +$panelContentEvenRowBg: rgba(255, 255, 255, 0.02) !default; +$panelContentTextColor: $textColor !default; +$panelContentPadding: 1rem !default; + +$panelFooterBorder: 1px solid rgba(255, 255, 255, 0.12) !default; +$panelFooterBg: #1e1e1e !default; +$panelFooterTextColor: $textColor !default; +$panelFooterPadding: 1rem 1rem !default; + +//accordion +$accordionSpacing: 0 !default; +$accordionHeaderBorder: 0 none !default; +$accordionHeaderBg: #1e1e1e !default; +$accordionHeaderTextColor: $textColor !default; +$accordionHeaderFontWeight: 400 !default; +$accordionHeaderPadding: 1.5rem !default; + +$accordionHeaderHoverBg: rgba(255, 255, 255, 0.04) !default; +$accordionHeaderHoverBorderColor: transparent !default; +$accordionHeaderTextHoverColor: $textColor !default; + +$accordionHeaderActiveBg: #1e1e1e !default; +$accordionHeaderActiveBorderColor: transparent !default; +$accordionHeaderTextActiveColor: $textColor !default; + +$accordionHeaderActiveHoverBg: rgba(255, 255, 255, 0.04) !default; +$accordionHeaderActiveHoverBorderColor: transparent !default; +$accordionHeaderTextActiveHoverColor: $textColor !default; + +$accordionContentBorder: 0 none !default; +$accordionContentBg: #1e1e1e !default; +$accordionContentTextColor: $textColor !default; +$accordionContentPadding: 1rem 1.5rem !default; + +//tabview +$tabviewNavBorder: solid rgba(255, 255, 255, 0.12) !default; +$tabviewNavBorderWidth: 0 0 1px 0 !default; +$tabviewNavBg: transparent !default; + +$tabviewHeaderSpacing: 0 !default; +$tabviewHeaderBorder: solid rgba(255, 255, 255, 0.12) !default; +$tabviewHeaderBorderWidth: 0 0 1px 0 !default; +$tabviewHeaderBorderColor: transparent transparent rgba(255, 255, 255, 0.12) + transparent !default; +$tabviewHeaderBg: transparent !default; +$tabviewHeaderTextColor: $textSecondaryColor !default; +$tabviewHeaderFontWeight: 500 !default; +$tabviewHeaderPadding: 1rem 1.5rem !default; +$tabviewHeaderMargin: 0 0 0 0 !default; + +$tabviewHeaderHoverBg: rgba($primaryColor, 0.04) !default; +$tabviewHeaderHoverBorderColor: rgba(255, 255, 255, 0.12) !default; +$tabviewHeaderTextHoverColor: $textSecondaryColor !default; + +$tabviewHeaderActiveBg: transparent !default; +$tabviewHeaderActiveBorderColor: rgba(255, 255, 255, 0.12) !default; +$tabviewHeaderTextActiveColor: $primaryColor !default; + +$tabviewContentBorder: 0 none !default; +$tabviewContentBg: transparent !default; +$tabviewContentTextColor: $textColor !default; +$tabviewContentPadding: $panelContentPadding !default; + +//upload +$fileUploadProgressBarHeight: 4px !default; +$fileUploadContentPadding: 2rem 1rem !default; +$fileUploadContentHoverBorder: 1px dashed $primaryColor !default; + +//scrollpanel +$scrollPanelTrackBorder: 0 none !default; +$scrollPanelTrackBg: rgba(255, 255, 255, 0.12) !default; + +//card +$cardBodyPadding: 1rem !default; +$cardTitleFontSize: 1.5rem !default; +$cardTitleFontWeight: 700 !default; +$cardSubTitleFontWeight: 400 !default; +$cardSubTitleColor: $textSecondaryColor !default; +$cardContentPadding: 1rem 0 !default; +$cardFooterPadding: 1rem 0 0 0 !default; +$cardShadow: 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) !default; + +//editor +$editorToolbarBg: $panelHeaderBg !default; +$editorToolbarBorder: $panelHeaderBorder !default; +$editorToolbarPadding: $panelHeaderPadding !default; +$editorToolbarIconColor: $textSecondaryColor !default; +$editorToolbarIconHoverColor: $textColor !default; +$editorIconActiveColor: $primaryColor !default; +$editorContentBorder: $panelContentBorder !default; +$editorContentBg: $panelContentBg !default; + +//paginator +$paginatorBg: #1e1e1e !default; +$paginatorTextColor: $textColor !default; +$paginatorBorder: solid #404040 !default; +$paginatorBorderWidth: 0 !default; +$paginatorPadding: 0.5rem 1rem !default; +$paginatorElementWidth: $buttonIconOnlyWidth !default; +$paginatorElementHeight: $buttonIconOnlyWidth !default; +$paginatorElementBg: transparent !default; +$paginatorElementBorder: 0 none !default; +$paginatorElementIconColor: $textSecondaryColor !default; +$paginatorElementHoverBg: rgba(255, 255, 255, 0.04) !default; +$paginatorElementHoverBorderColor: transparent !default; +$paginatorElementIconHoverColor: $textSecondaryColor !default; +$paginatorElementBorderRadius: 50% !default; +$paginatorElementMargin: 0.143rem !default; +$paginatorElementPadding: 0 !default; + +//table +$tableHeaderBorder: 1px solid rgba(255, 255, 255, 0.12) !default; +$tableHeaderBorderWidth: 0 0 1px 0 !default; +$tableHeaderBg: #1e1e1e !default; +$tableHeaderTextColor: $textColor !default; +$tableHeaderFontWeight: 500 !default; +$tableHeaderPadding: 1rem 1rem !default; + +$tableHeaderCellPadding: 1rem 1rem !default; +$tableHeaderCellBg: #1e1e1e !default; +$tableHeaderCellTextColor: $textColor !default; +$tableHeaderCellFontWeight: 500 !default; +$tableHeaderCellBorder: 1px solid #404040 !default; +$tableHeaderCellBorderWidth: 0 0 1px 0 !default; +$tableHeaderCellHoverBg: rgba(255, 255, 255, 0.04) !default; +$tableHeaderCellTextHoverColor: $textColor !default; +$tableHeaderCellIconColor: $textSecondaryColor !default; +$tableHeaderCellIconHoverColor: $textSecondaryColor !default; +$tableHeaderCellHighlightBg: #1e1e1e !default; +$tableHeaderCellHighlightTextColor: $textColor !default; +$tableHeaderCellHighlightHoverBg: rgba(255, 255, 255, 0.04) !default; +$tableHeaderCellHighlightTextHoverColor: $textColor !default; +$tableSortableColumnBadgeSize: 1.143rem !default; + +$tableBodyRowBg: #1e1e1e !default; +$tableBodyRowTextColor: $textColor !default; +$tableBodyRowEvenBg: #222222 !default; +$tableBodyRowHoverBg: rgba(255, 255, 255, 0.04) !default; +$tableBodyRowTextHoverColor: $textColor !default; +$tableBodyCellBorder: 1px solid #404040 !default; +$tableBodyCellBorderWidth: 0 0 1px 0 !default; +$tableBodyCellPadding: 1rem 1rem !default; + +$tableFooterCellPadding: 1rem 1rem !default; +$tableFooterCellBg: #1e1e1e !default; +$tableFooterCellTextColor: $textColor !default; +$tableFooterCellFontWeight: 500 !default; +$tableFooterCellBorder: 1px solid #404040 !default; +$tableFooterCellBorderWidth: 0 0 1px 0 !default; +$tableResizerHelperBg: $primaryColor !default; + +$tableFooterBorder: 1px solid #404040 !default; +$tableFooterBorderWidth: 0 0 1px 0 !default; +$tableFooterBg: #1e1e1e !default; +$tableFooterTextColor: $textColor !default; +$tableFooterFontWeight: 500 !default; +$tableFooterPadding: 1rem 1rem !default; + +$tableCellContentAlignment: left !default; +$tableTopPaginatorBorderWidth: 0 0 1px 0 !default; +$tableBottomPaginatorBorderWidth: 0 0 1px 0 !default; + +$tableScaleSM: 0.5 !default; +$tableScaleLG: 1.25 !default; + +//dataview +$dataViewContentPadding: 1rem 0 !default; +$dataViewContentBorder: 0 none !default; + +//tree +$treeNodePadding: 0.25rem !default; +$treeNodeContentPadding: 0.5rem !default; +$treeNodeChildrenPadding: 0 0 0 1rem !default; +$treeNodeIconColor: $textSecondaryColor !default; + +//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, 0.12) !default; + +//message +$messageMargin: 1rem 0 !default; +$messagePadding: 1.25rem 1.5rem !default; +$messageBorderWidth: 0 0 0 0 !default; +$messageIconFontSize: 1.5rem !default; +$messageTextFontSize: 1rem !default; +$messageTextFontWeight: 500 !default; + +//inline message +$inlineMessagePadding: $inputPadding !default; +$inlineMessageMargin: 0 !default; +$inlineMessageIconFontSize: 1rem !default; +$inlineMessageTextFontSize: 1rem !default; +$inlineMessageBorderWidth: 1px !default; + +//toast +$toastIconFontSize: 2rem !default; +$toastMessageTextMargin: 0 0 0 1rem !default; +$toastMargin: 0 0 1rem 0 !default; +$toastPadding: 1.5rem !default; +$toastBorderWidth: 0 0 0 0 !default; +$toastShadow: 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) !default; +$toastOpacity: 0.9 !default; +$toastTitleFontWeight: 700 !default; +$toastDetailMargin: $inlineSpacing 0 0 0 !default; + +//severities +$infoMessageBg: #b3e5fc !default; +$infoMessageBorder: solid transparent !default; +$infoMessageTextColor: #01579b !default; +$infoMessageIconColor: #01579b !default; +$successMessageBg: #c8e6c9 !default; +$successMessageBorder: solid transparent !default; +$successMessageTextColor: #1b5e20 !default; +$successMessageIconColor: #1b5e20 !default; +$warningMessageBg: #ffecb3 !default; +$warningMessageBorder: solid transparent !default; +$warningMessageTextColor: #7f6003 !default; +$warningMessageIconColor: #7f6003 !default; +$errorMessageBg: #ffcdd2 !default; +$errorMessageBorder: solid transparent !default; +$errorMessageTextColor: #b71c1c !default; +$errorMessageIconColor: #b71c1c !default; + +//overlays +$overlayContentBorder: 0 none !default; +$overlayContentBg: #262626 !default; +$overlayContainerShadow: 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) !default; + +//dialog +$dialogHeaderBg: $overlayContentBg !default; +$dialogHeaderBorder: 0 none !default; +$dialogHeaderTextColor: $textColor !default; +$dialogHeaderFontWeight: 500 !default; +$dialogHeaderFontSize: 1.25rem !default; +$dialogHeaderPadding: 1.5rem !default; +$dialogContentPadding: 0 1.5rem 1.5rem 1.5rem !default; +$dialogFooterBorder: 0 none !default; +$dialogFooterPadding: 1rem 1.5rem !default; + +//confirmpopup +$confirmPopupContentPadding: 1.5rem !default; +$confirmPopupFooterPadding: 0 1.5rem 1rem 1.5rem !default; + +//tooltip +$tooltipBg: #444444 !default; +$tooltipTextColor: $emphasis-high !default; +$tooltipPadding: 0.5rem !default; + +//steps +$stepsItemBg: transparent !default; +$stepsItemBorder: 1px solid transparent !default; +$stepsItemTextColor: $textColor !default; +$stepsItemNumberWidth: 2rem !default; +$stepsItemNumberHeight: 2rem !default; +$stepsItemNumberFontSize: 1.143rem !default; +$stepsItemNumberColor: $textColor !default; +$stepsItemNumberBorderRadius: 50% !default; +$stepsItemActiveFontWeight: 500 !default; + +//progressbar +$progressBarHeight: 4px !default; +$progressBarBorder: 0 none !default; +$progressBarBg: rgba($primaryColor, 0.32) !default; +$progressBarValueBg: $primaryColor !default; +$progressBarValueTextColor: $primaryTextColor !default; + +//menu (e.g. menu, menubar, tieredmenu) +$menuWidth: 12.5rem !default; +$menuBg: #1e1e1e !default; +$menuBorder: 1px solid rgba(255, 255, 255, 0.12) !default; +$menuTextColor: $textColor !default; +$menuitemPadding: 1rem 1rem !default; +$menuitemBorderRadius: 0 !default; +$menuitemTextColor: $textColor !default; +$menuitemIconColor: $textSecondaryColor !default; +$menuitemTextHoverColor: $textColor !default; +$menuitemIconHoverColor: $textSecondaryColor !default; +$menuitemHoverBg: rgba(255, 255, 255, 0.04) !default; +$menuitemTextFocusColor: $textColor !default; +$menuitemIconFocusColor: $textColor !default; +$menuitemFocusBg: hsla(0, 0%, 100%, 0.12) !default; +$menuitemTextActiveColor: $textColor !default; +$menuitemIconActiveColor: $textSecondaryColor !default; +$menuitemActiveBg: rgba(255, 255, 255, 0.04) !default; +$menuitemActiveFocusBg: rgba(255, 255, 255, 0.04) !default; +$menuitemSubmenuIconFontSize: 0.875rem !default; +$submenuHeaderMargin: 0 !default; +$submenuHeaderPadding: 1rem !default; +$submenuHeaderBg: transparent !default; +$submenuHeaderTextColor: $textSecondaryColor !default; +$submenuHeaderBorderRadius: 0 !default; +$submenuHeaderFontWeight: 400 !default; +$overlayMenuBg: #2b2b2b !default; +$overlayMenuBorder: 0 none !default; +$overlayMenuShadow: 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) !default; +$verticalMenuPadding: 0.5rem 0 !default; +$verticalMenuitemMargin: 0 !default; +$menuSeparatorMargin: 0.5rem 0 !default; + +$breadcrumbPadding: 1rem !default; +$breadcrumbBg: #1e1e1e !default; +$breadcrumbBorder: 1px solid rgba(255, 255, 255, 0.12) !default; +$breadcrumbItemTextColor: $textColor !default; +$breadcrumbItemIconColor: $textSecondaryColor !default; +$breadcrumbLastItemTextColor: $textColor !default; +$breadcrumbLastItemIconColor: $textSecondaryColor !default; +$breadcrumbSeparatorColor: $textSecondaryColor !default; + +$horizontalMenuPadding: 1rem !default; +$horizontalMenuBg: #1e1e1e !default; +$horizontalMenuBorder: 1px solid rgba(255, 255, 255, 0.12) !default; +$horizontalMenuTextColor: $textColor !default; +$horizontalMenuRootMenuitemPadding: 1rem !default; +$horizontalMenuRootMenuitemBorderRadius: $borderRadius !default; +$horizontalMenuRootMenuitemTextColor: $textColor !default; +$horizontalMenuRootMenuitemIconColor: $textSecondaryColor !default; +$horizontalMenuRootMenuitemTextHoverColor: $textColor !default; +$horizontalMenuRootMenuitemIconHoverColor: $textSecondaryColor !default; +$horizontalMenuRootMenuitemHoverBg: rgba($overlayColor, 0.04) !default; +$horizontalMenuRootMenuitemTextActiveColor: $textColor !default; +$horizontalMenuRootMenuitemIconActiveColor: $textSecondaryColor !default; +$horizontalMenuRootMenuitemActiveBg: rgba($overlayColor, 0.04) !default; + +//badge and tag +$badgeBg: $primaryColor !default; +$badgeTextColor: $primaryTextColor !default; +$badgeMinWidth: 1.5rem !default; +$badgeHeight: 1.5rem !default; +$badgeFontWeight: 700 !default; +$badgeFontSize: 0.75rem !default; + +$tagPadding: 0.25rem 0.4rem !default; + +//carousel +$carouselIndicatorsPadding: 1rem !default; +$carouselIndicatorBg: rgba(255, 255, 255, 0.3) !default; +$carouselIndicatorHoverBg: rgba(255, 255, 255, 0.6) !default; +$carouselIndicatorBorderRadius: 0 !default; +$carouselIndicatorWidth: 2rem !default; +$carouselIndicatorHeight: 0.5rem !default; + +//galleria +$galleriaMaskBg: rgba(0, 0, 0, 0.9) !default; +$galleriaCloseIconMargin: 0.5rem !default; +$galleriaCloseIconFontSize: 2rem !default; +$galleriaCloseIconBg: transparent !default; +$galleriaCloseIconColor: rgba(255, 255, 255, 0.87) !default; +$galleriaCloseIconHoverBg: rgba(255, 255, 255, 0.1) !default; +$galleriaCloseIconHoverColor: rgba(255, 255, 255, 0.87) !default; +$galleriaCloseIconWidth: 4rem !default; +$galleriaCloseIconHeight: 4rem !default; +$galleriaCloseIconBorderRadius: 50% !default; + +$galleriaItemNavigatorBg: transparent !default; +$galleriaItemNavigatorColor: rgba(255, 255, 255, 0.87) !default; +$galleriaItemNavigatorMargin: 0 0.5rem !default; +$galleriaItemNavigatorFontSize: 2rem !default; +$galleriaItemNavigatorHoverBg: rgba(255, 255, 255, 0.1) !default; +$galleriaItemNavigatorHoverColor: rgba(255, 255, 255, 0.87) !default; +$galleriaItemNavigatorWidth: 4rem !default; +$galleriaItemNavigatorHeight: 4rem !default; +$galleriaItemNavigatorBorderRadius: 50% !default; + +$galleriaCaptionBg: rgba(0, 0, 0, 0.5) !default; +$galleriaCaptionTextColor: rgba(255, 255, 255, 0.87) !default; +$galleriaCaptionPadding: 1rem !default; + +$galleriaIndicatorsPadding: 1rem !default; +$galleriaIndicatorBg: rgba(255, 255, 255, 0.3) !default; +$galleriaIndicatorHoverBg: rgba(255, 255, 255, 0.6) !default; +$galleriaIndicatorBorderRadius: 50% !default; +$galleriaIndicatorWidth: 1.25rem !default; +$galleriaIndicatorHeight: 1.25rem !default; +$galleriaIndicatorsBgOnItem: rgba(0, 0, 0, 0.5) !default; +$galleriaIndicatorBgOnItem: rgba(255, 255, 255, 0.3) !default; +$galleriaIndicatorHoverBgOnItem: rgba(255, 255, 255, 0.6) !default; + +$galleriaThumbnailContainerBg: rgba(0, 0, 0, 0.9) !default; +$galleriaThumbnailContainerPadding: 1rem 0.25rem !default; +$galleriaThumbnailNavigatorBg: transparent !default; +$galleriaThumbnailNavigatorColor: rgba(255, 255, 255, 0.87) !default; +$galleriaThumbnailNavigatorHoverBg: rgba(255, 255, 255, 0.1) !default; +$galleriaThumbnailNavigatorHoverColor: rgba(255, 255, 255, 0.87) !default; +$galleriaThumbnailNavigatorBorderRadius: 50% !default; +$galleriaThumbnailNavigatorWidth: 2rem !default; +$galleriaThumbnailNavigatorHeight: 2rem !default; + +//divider +$dividerHorizontalMargin: 1.25rem 0 !default; +$dividerHorizontalPadding: 0 1.25rem !default; +$dividerVerticalMargin: 0 1.25rem !default; +$dividerVerticalPadding: 1.25rem 0 !default; +$dividerSize: 1px !default; +$dividerColor: hsla(0, 0%, 100%, 0.12) !default; + +//avatar +$avatarBg: hsla(0, 0%, 100%, 0.12) !default; +$avatarTextColor: $textColor !default; + +//chip +$chipBg: hsla(0, 0%, 100%, 0.12) !default; +$chipTextColor: $textColor !default; +$chipBorderRadius: 16px !default; +$chipFocusBg: hsla(0, 0%, 100%, 0.24) !default; +$chipFocusTextColor: $textColor !default; + +//scrollTop +$scrollTopBg: $accentColor !default; +$scrollTopHoverBg: rgba($accentColor, 0.92) !default; +$scrollTopWidth: 3rem !default; +$scrollTopHeight: 3rem !default; +$scrollTopBorderRadius: 50% !default; +$scrollTopFontSize: 1.5rem !default; +$scrollTopTextColor: $accentTextColor !default; + +//skeleton +$skeletonBg: rgba(255, 255, 255, 0.06) !default; +$skeletonAnimationBg: rgba(255, 255, 255, 0.04) !default; + +//splitter +$splitterGutterBg: hsla(0, 0%, 100%, 0.04) !default; +$splitterGutterHandleBg: hsla(0, 0%, 100%, 0.12) !default; + +//speeddial +$speedDialButtonWidth: 4rem !default; +$speedDialButtonHeight: 4rem !default; +$speedDialButtonIconFontSize: 2rem !default; +$speedDialActionWidth: 3rem !default; +$speedDialActionHeight: 3rem !default; +$speedDialActionBg: $accentColor !default; +$speedDialActionHoverBg: rgba($accentColor, 0.92) !default; +$speedDialActionTextColor: #212121 !default; +$speedDialActionTextHoverColor: #212121 !default; + +//dock +$dockActionWidth: 4rem !default; +$dockActionHeight: 4rem !default; +$dockItemPadding: 0.5rem !default; +$dockItemBorderRadius: $borderRadius !default; +$dockCurrentItemMargin: 1.5rem !default; +$dockFirstItemsMargin: 1.3rem !default; +$dockSecondItemsMargin: 0.9rem !default; +$dockBg: rgba(255, 255, 255, 0.1) !default; +$dockBorder: 1px solid rgba(255, 255, 255, 0.2) !default; +$dockPadding: 0.5rem 0.5rem !default; +$dockBorderRadius: 0.5rem !default; + +//image +$imageMaskBg: rgba(0, 0, 0, 0.9) !default; +$imagePreviewToolbarPadding: 1rem !default; +$imagePreviewIndicatorColor: #f8f9fa !default; +$imagePreviewIndicatorBg: rgba(0, 0, 0, 0.5) !default; +$imagePreviewActionIconBg: transparent !default; +$imagePreviewActionIconColor: #f8f9fa !default; +$imagePreviewActionIconHoverBg: rgba(255, 255, 255, 0.1) !default; +$imagePreviewActionIconHoverColor: #f8f9fa !default; +$imagePreviewActionIconWidth: 3rem !default; +$imagePreviewActionIconHeight: 3rem !default; +$imagePreviewActionIconFontSize: 1.5rem !default; +$imagePreviewActionIconBorderRadius: 50% !default; + +:root { + font-family: Roboto, "Helvetica Neue Light", "Helvetica Neue", Helvetica, + Arial, "Lucida Grande", sans-serif; + --font-family: Roboto, "Helvetica Neue Light", "Helvetica Neue", Helvetica, + Arial, "Lucida Grande", sans-serif; + --surface-a: #1e1e1e; + --surface-b: #121212; + --surface-c: hsla(0, 0%, 100%, 0.04); + --surface-d: hsla(0, 0%, 100%, 0.12); + --surface-e: #1e1e1e; + --surface-f: #262626; + --text-color: #{$textColor}; + --text-color-secondary: #{$textSecondaryColor}; + --primary-color: #{$primaryColor}; + --primary-color-text: #{$primaryTextColor}; + --surface-0: #121212; + --surface-50: #2a2a2a; + --surface-100: #414141; + --surface-200: #595959; + --surface-300: #717171; + --surface-400: #898989; + --surface-500: #a0a0a0; + --surface-600: #b8b8b8; + --surface-700: #d0d0d0; + --surface-800: #e7e7e7; + --surface-900: #ffffff; + --gray-50: #e7e7e7; + --gray-100: #d0d0d0; + --gray-200: #b8b8b8; + --gray-300: #a0a0a0; + --gray-400: #898989; + --gray-500: #717171; + --gray-600: #595959; + --gray-700: #414141; + --gray-800: #2a2a2a; + --gray-900: #121212; + --content-padding: #{$panelContentPadding}; + --inline-spacing: #{$inlineSpacing}; + --border-radius: #{$borderRadius}; + --surface-ground: #121212; + --surface-section: #121212; + --surface-card: #1e1e1e; + --surface-overlay: #262626; + --surface-border: hsla(0, 0%, 100%, 0.12); + --surface-hover: hsla(0, 0%, 100%, 0.04); + --maskbg: #{$maskBg}; + --highlight-bg: #{$highlightBg}; + --highlight-text-color: #{$highlightTextColor}; + --focus-ring: #{$focusShadow}; + color-scheme: dark; +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/compact/deeppurple/_extensions.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/compact/deeppurple/_extensions.scss new file mode 100644 index 000000000..f5dbaa43b --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/compact/deeppurple/_extensions.scss @@ -0,0 +1 @@ +/* Customizations to the designer theme should be defined here */ \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/compact/deeppurple/_fonts.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/compact/deeppurple/_fonts.scss new file mode 100644 index 000000000..ba86be94d --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/compact/deeppurple/_fonts.scss @@ -0,0 +1,27 @@ +/* roboto-regular - latin-ext_latin */ +@font-face { + font-family: 'Roboto'; + font-style: normal; + font-weight: 400; + src: local('Roboto'), local('Roboto-Regular'), + url('./fonts/roboto-v20-latin-ext_latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('./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('./fonts/roboto-v20-latin-ext_latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('./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('./fonts/roboto-v20-latin-ext_latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('./fonts/roboto-v20-latin-ext_latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + } \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/compact/deeppurple/_variables.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/compact/deeppurple/_variables.scss new file mode 100644 index 000000000..5f7addb1d --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/compact/deeppurple/_variables.scss @@ -0,0 +1,7 @@ +$primaryColor:#CE93D8 !default; +$primaryTextColor:#121212 !default; +$accentColor:#A5D6A7 !default; +$accentTextColor:#121212 !default; + +@import '../../variables'; +@import '../../../_compact'; \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/compact/deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/compact/deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff new file mode 100644 index 000000000..fb70b7e91 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/compact/deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/compact/deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2 b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/compact/deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2 new file mode 100644 index 000000000..96981bc87 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/compact/deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2 differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/compact/deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/compact/deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff new file mode 100644 index 000000000..d023f3de3 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/compact/deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/compact/deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2 b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/compact/deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2 new file mode 100644 index 000000000..fd4921035 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/compact/deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2 differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/compact/deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/compact/deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff new file mode 100644 index 000000000..f9849dfbe Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/compact/deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/compact/deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2 b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/compact/deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2 new file mode 100644 index 000000000..1f7dd5b89 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/compact/deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2 differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/compact/deeppurple/theme.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/compact/deeppurple/theme.scss new file mode 100644 index 000000000..3489b7eca --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/compact/deeppurple/theme.scss @@ -0,0 +1,5 @@ +@import './variables'; +@import './_fonts'; +@import '../../../../../theme-base/_components'; +@import '../../../extensions/vendor_extensions'; +@import './_extensions'; diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/compact/indigo/_extensions.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/compact/indigo/_extensions.scss new file mode 100644 index 000000000..f5dbaa43b --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/compact/indigo/_extensions.scss @@ -0,0 +1 @@ +/* Customizations to the designer theme should be defined here */ \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/compact/indigo/_fonts.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/compact/indigo/_fonts.scss new file mode 100644 index 000000000..ba86be94d --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/compact/indigo/_fonts.scss @@ -0,0 +1,27 @@ +/* roboto-regular - latin-ext_latin */ +@font-face { + font-family: 'Roboto'; + font-style: normal; + font-weight: 400; + src: local('Roboto'), local('Roboto-Regular'), + url('./fonts/roboto-v20-latin-ext_latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('./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('./fonts/roboto-v20-latin-ext_latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('./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('./fonts/roboto-v20-latin-ext_latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('./fonts/roboto-v20-latin-ext_latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + } \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/compact/indigo/_variables.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/compact/indigo/_variables.scss new file mode 100644 index 000000000..6ddc6441e --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/compact/indigo/_variables.scss @@ -0,0 +1,7 @@ +$primaryColor:#9FA8DA !default; +$primaryTextColor:#121212 !default; +$accentColor:#F48FB1 !default; +$accentTextColor:#121212 !default; + +@import '../../variables'; +@import '../../../_compact'; diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/compact/indigo/fonts/roboto-v20-latin-ext_latin-500.woff b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/compact/indigo/fonts/roboto-v20-latin-ext_latin-500.woff new file mode 100644 index 000000000..fb70b7e91 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/compact/indigo/fonts/roboto-v20-latin-ext_latin-500.woff differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/compact/indigo/fonts/roboto-v20-latin-ext_latin-500.woff2 b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/compact/indigo/fonts/roboto-v20-latin-ext_latin-500.woff2 new file mode 100644 index 000000000..96981bc87 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/compact/indigo/fonts/roboto-v20-latin-ext_latin-500.woff2 differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/compact/indigo/fonts/roboto-v20-latin-ext_latin-700.woff b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/compact/indigo/fonts/roboto-v20-latin-ext_latin-700.woff new file mode 100644 index 000000000..d023f3de3 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/compact/indigo/fonts/roboto-v20-latin-ext_latin-700.woff differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/compact/indigo/fonts/roboto-v20-latin-ext_latin-700.woff2 b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/compact/indigo/fonts/roboto-v20-latin-ext_latin-700.woff2 new file mode 100644 index 000000000..fd4921035 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/compact/indigo/fonts/roboto-v20-latin-ext_latin-700.woff2 differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/compact/indigo/fonts/roboto-v20-latin-ext_latin-regular.woff b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/compact/indigo/fonts/roboto-v20-latin-ext_latin-regular.woff new file mode 100644 index 000000000..f9849dfbe Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/compact/indigo/fonts/roboto-v20-latin-ext_latin-regular.woff differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/compact/indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2 b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/compact/indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2 new file mode 100644 index 000000000..1f7dd5b89 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/compact/indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2 differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/compact/indigo/theme.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/compact/indigo/theme.scss new file mode 100644 index 000000000..3489b7eca --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/compact/indigo/theme.scss @@ -0,0 +1,5 @@ +@import './variables'; +@import './_fonts'; +@import '../../../../../theme-base/_components'; +@import '../../../extensions/vendor_extensions'; +@import './_extensions'; diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/standard/deeppurple/_extensions.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/standard/deeppurple/_extensions.scss new file mode 100644 index 000000000..f5dbaa43b --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/standard/deeppurple/_extensions.scss @@ -0,0 +1 @@ +/* Customizations to the designer theme should be defined here */ \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/standard/deeppurple/_fonts.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/standard/deeppurple/_fonts.scss new file mode 100644 index 000000000..ba86be94d --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/standard/deeppurple/_fonts.scss @@ -0,0 +1,27 @@ +/* roboto-regular - latin-ext_latin */ +@font-face { + font-family: 'Roboto'; + font-style: normal; + font-weight: 400; + src: local('Roboto'), local('Roboto-Regular'), + url('./fonts/roboto-v20-latin-ext_latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('./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('./fonts/roboto-v20-latin-ext_latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('./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('./fonts/roboto-v20-latin-ext_latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('./fonts/roboto-v20-latin-ext_latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + } \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/standard/deeppurple/_variables.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/standard/deeppurple/_variables.scss new file mode 100644 index 000000000..e3dcd7821 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/standard/deeppurple/_variables.scss @@ -0,0 +1,6 @@ +$primaryColor:#CE93D8 !default; +$primaryTextColor:#121212 !default; +$accentColor:#A5D6A7 !default; +$accentTextColor:#121212 !default; + +@import '../../variables'; \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/standard/deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/standard/deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff new file mode 100644 index 000000000..fb70b7e91 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/standard/deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/standard/deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2 b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/standard/deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2 new file mode 100644 index 000000000..96981bc87 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/standard/deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2 differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/standard/deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/standard/deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff new file mode 100644 index 000000000..d023f3de3 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/standard/deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/standard/deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2 b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/standard/deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2 new file mode 100644 index 000000000..fd4921035 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/standard/deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2 differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/standard/deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/standard/deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff new file mode 100644 index 000000000..f9849dfbe Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/standard/deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/standard/deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2 b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/standard/deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2 new file mode 100644 index 000000000..1f7dd5b89 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/standard/deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2 differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/standard/deeppurple/theme.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/standard/deeppurple/theme.scss new file mode 100644 index 000000000..3489b7eca --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/standard/deeppurple/theme.scss @@ -0,0 +1,5 @@ +@import './variables'; +@import './_fonts'; +@import '../../../../../theme-base/_components'; +@import '../../../extensions/vendor_extensions'; +@import './_extensions'; diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/standard/indigo/_extensions.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/standard/indigo/_extensions.scss new file mode 100644 index 000000000..f5dbaa43b --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/standard/indigo/_extensions.scss @@ -0,0 +1 @@ +/* Customizations to the designer theme should be defined here */ \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/standard/indigo/_fonts.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/standard/indigo/_fonts.scss new file mode 100644 index 000000000..ba86be94d --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/standard/indigo/_fonts.scss @@ -0,0 +1,27 @@ +/* roboto-regular - latin-ext_latin */ +@font-face { + font-family: 'Roboto'; + font-style: normal; + font-weight: 400; + src: local('Roboto'), local('Roboto-Regular'), + url('./fonts/roboto-v20-latin-ext_latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('./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('./fonts/roboto-v20-latin-ext_latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('./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('./fonts/roboto-v20-latin-ext_latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('./fonts/roboto-v20-latin-ext_latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + } \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/standard/indigo/_variables.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/standard/indigo/_variables.scss new file mode 100644 index 000000000..d107f96d8 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/standard/indigo/_variables.scss @@ -0,0 +1,6 @@ +$primaryColor:#9FA8DA !default; +$primaryTextColor:#121212 !default; +$accentColor:#F48FB1 !default; +$accentTextColor:#121212 !default; + +@import '../../variables'; \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/standard/indigo/fonts/roboto-v20-latin-ext_latin-500.woff b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/standard/indigo/fonts/roboto-v20-latin-ext_latin-500.woff new file mode 100644 index 000000000..fb70b7e91 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/standard/indigo/fonts/roboto-v20-latin-ext_latin-500.woff differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/standard/indigo/fonts/roboto-v20-latin-ext_latin-500.woff2 b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/standard/indigo/fonts/roboto-v20-latin-ext_latin-500.woff2 new file mode 100644 index 000000000..96981bc87 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/standard/indigo/fonts/roboto-v20-latin-ext_latin-500.woff2 differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/standard/indigo/fonts/roboto-v20-latin-ext_latin-700.woff b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/standard/indigo/fonts/roboto-v20-latin-ext_latin-700.woff new file mode 100644 index 000000000..d023f3de3 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/standard/indigo/fonts/roboto-v20-latin-ext_latin-700.woff differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/standard/indigo/fonts/roboto-v20-latin-ext_latin-700.woff2 b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/standard/indigo/fonts/roboto-v20-latin-ext_latin-700.woff2 new file mode 100644 index 000000000..fd4921035 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/standard/indigo/fonts/roboto-v20-latin-ext_latin-700.woff2 differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/standard/indigo/fonts/roboto-v20-latin-ext_latin-regular.woff b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/standard/indigo/fonts/roboto-v20-latin-ext_latin-regular.woff new file mode 100644 index 000000000..f9849dfbe Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/standard/indigo/fonts/roboto-v20-latin-ext_latin-regular.woff differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/standard/indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2 b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/standard/indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2 new file mode 100644 index 000000000..1f7dd5b89 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/standard/indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2 differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/standard/indigo/theme.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/standard/indigo/theme.scss new file mode 100644 index 000000000..3489b7eca --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-dark/standard/indigo/theme.scss @@ -0,0 +1,5 @@ +@import './variables'; +@import './_fonts'; +@import '../../../../../theme-base/_components'; +@import '../../../extensions/vendor_extensions'; +@import './_extensions'; diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/_variables.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/_variables.scss new file mode 100644 index 000000000..60ea397fa --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/_variables.scss @@ -0,0 +1,890 @@ +$colors: ( + "blue": #2196f3, + "green": #689f38, + "yellow": #fbc02d, + "cyan": #00bcd4, + "pink": #e91e63, + "indigo": #4e5fbb, + "teal": #009688, + "orange": #ff9800, + "bluegray": #607d8b, + "purple": #9c27b0, + "red": #f44336, + "primary": $primaryColor, +) !default; + +$emphasis-high: rgba(0, 0, 0, 0.87) !default; +$emphasis-medium: rgba(0, 0, 0, 0.6) !default; +$emphasis-low: rgba(0, 0, 0, 0.38) !default; +$emphasis-lower: rgba(0, 0, 0, 0.12) !default; +$overlayColor: #000000 !default; + +//global +$fontFamily: Roboto, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, + "Lucida Grande", sans-serif !default; +$fontSize: 1rem !default; +$fontWeight: normal !default; +$textColor: $emphasis-high !default; +$textSecondaryColor: $emphasis-medium !default; +$borderRadius: 4px !default; +$transitionDuration: 0.2s !default; +$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) !default; +$actionIconTransition: background-color $transitionDuration, + color $transitionDuration, box-shadow $transitionDuration !default; +$listItemTransition: none !default; +$primeIconFontSize: 1rem !default; +$divider: 1px solid rgba(0, 0, 0, 0.12) !default; +$inlineSpacing: 0.5rem !default; +$disabledOpacity: 0.38 !default; +$maskBg: rgba(0, 0, 0, 0.32) !default; +$loadingIconFontSize: 2rem !default; +$errorColor: #b00020 !default; + +//selected state +$highlightBg: rgba($primaryColor, 0.12) !default; +$highlightTextColor: $primaryColor !default; +$highlightFocusBg: rgba($primaryColor, 0.24) !default; + +//scale +$scaleSM: 0.875 !default; +$scaleLG: 1.25 !default; + +//focus +$focusOutlineColor: transparent !default; +$focusOutline: 0 none !default; +$focusOutlineOffset: 0 !default; +$focusShadow: none !default; + +//action icons +$actionIconWidth: 2.5rem !default; +$actionIconHeight: 2.5rem !default; +$actionIconBg: transparent !default; +$actionIconBorder: 0 none !default; +$actionIconColor: $textSecondaryColor !default; +$actionIconHoverBg: rgba(0, 0, 0, 0.04) !default; +$actionIconHoverBorderColor: transparent !default; +$actionIconHoverColor: $textSecondaryColor !default; +$actionIconBorderRadius: 50% !default; + +//input field (e.g. inputtext, spinner, inputmask) +$inputPadding: 1rem 1rem !default; +$inputTextFontSize: 1rem !default; +$inputBg: #ffffff !default; +$inputTextColor: $emphasis-high !default; +$inputIconColor: $emphasis-medium !default; +$inputBorder: 1px solid $emphasis-low !default; +$inputHoverBorderColor: $emphasis-high !default; +$inputFocusBorderColor: $primaryColor !default; +$inputErrorBorderColor: $errorColor !default; +$inputPlaceholderTextColor: $emphasis-medium !default; +$inputFilledBg: #f5f5f5 !default; +$inputFilledHoverBg: #ececec !default; +$inputFilledFocusBg: #dcdcdc !default; + +//input groups +$inputGroupBg: $inputBg !default; +$inputGroupTextColor: $emphasis-medium !default; +$inputGroupAddOnMinWidth: 2.357rem !default; + +//input lists (e.g. dropdown, autocomplete, multiselect, orderlist) +$inputListBg: #ffffff !default; +$inputListTextColor: $textColor !default; +$inputListBorder: 1px solid #e5e5e5 !default; +$inputListPadding: 0 !default; +$inputListItemPadding: 1rem 1rem !default; +$inputListItemBg: transparent !default; +$inputListItemTextColor: $textColor !default; +$inputListItemHoverBg: rgba(0, 0, 0, 0.04) !default; +$inputListItemTextHoverColor: $textColor !default; +$inputListItemFocusBg: rgba(0, 0, 0, 0.12) !default; +$inputListItemTextFocusColor: $textColor !default; +$inputListItemBorder: 0 none !default; +$inputListItemBorderRadius: 0 !default; +$inputListItemMargin: 0 !default; +$inputListItemFocusShadow: none !default; +$inputListHeaderPadding: 1rem !default; +$inputListHeaderMargin: 0 !default; +$inputListHeaderBg: #ffffff !default; +$inputListHeaderTextColor: $textColor !default; +$inputListHeaderBorder: 1px solid rgba(0, 0, 0, 0.12) !default; + +//inputs with overlays (e.g. autocomplete, dropdown, multiselect) +$inputOverlayBg: $inputListBg !default; +$inputOverlayHeaderBg: $inputListHeaderBg !default; +$inputOverlayBorder: 0 none !default; +$inputOverlayShadow: 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) !default; + +//password +$passwordMeterBg: rgba($primaryColor, 0.32) !default; +$passwordWeakBg: #d32f2f !default; +$passwordMediumBg: #fbc02d !default; +$passwordStrongBg: #689f38 !default; + +//button +$buttonPadding: 0.714rem 1rem !default; +$buttonIconOnlyWidth: 3rem !default; +$buttonIconOnlyPadding: 0.714rem !default; +$buttonBg: $primaryColor !default; +$buttonTextColor: $primaryTextColor !default; +$buttonBorder: 0 none !default; +$buttonHoverBg: rgba($primaryColor, 0.92) !default; +$buttonTextHoverColor: $primaryTextColor !default; +$buttonHoverBorderColor: transparent !default; +$buttonActiveBg: rgba($primaryColor, 0.68) !default; +$buttonTextActiveColor: $primaryTextColor !default; +$buttonActiveBorderColor: transparent !default; +$raisedButtonShadow: 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) !default; +$roundedButtonBorderRadius: 2rem !default; + +$textButtonHoverBgOpacity: 0.04 !default; +$textButtonActiveBgOpacity: 0.16 !default; +$outlinedButtonBorder: 0 none !default; +$plainButtonTextColor: $textSecondaryColor !default; +$plainButtonHoverBgColor: rgba(0, 0, 0, 0.04) !default; +$plainButtonActiveBgColor: rgba(0, 0, 0, 0.16) !default; + +$secondaryButtonBg: $accentColor !default; +$secondaryButtonTextColor: $accentTextColor !default; +$secondaryButtonBorder: 0 none !default; +$secondaryButtonHoverBg: rgba($accentColor, 0.92) !default; +$secondaryButtonTextHoverColor: $accentTextColor !default; +$secondaryButtonHoverBorderColor: transparent !default; +$secondaryButtonActiveBg: rgba($accentColor, 0.68) !default; +$secondaryButtonTextActiveColor: $accentTextColor !default; +$secondaryButtonActiveBorderColor: transparent !default; +$secondaryButtonFocusShadow: none !default; + +$infoButtonBg: #2196f3 !default; +$infoButtonTextColor: #ffffff !default; +$infoButtonBorder: 0 none !default; +$infoButtonHoverBg: rgba(#2196f3, 0.92) !default; +$infoButtonTextHoverColor: #ffffff !default; +$infoButtonHoverBorderColor: transparent !default; +$infoButtonActiveBg: rgba(#2196f3, 0.68) !default; +$infoButtonTextActiveColor: #ffffff !default; +$infoButtonActiveBorderColor: transparent !default; +$infoButtonFocusShadow: none !default; + +$successButtonBg: #689f38 !default; +$successButtonTextColor: #ffffff !default; +$successButtonBorder: 0 none !default; +$successButtonHoverBg: rgba(#689f38, 0.92) !default; +$successButtonTextHoverColor: #ffffff !default; +$successButtonHoverBorderColor: transparent !default; +$successButtonActiveBg: rgba(#689f38, 0.68) !default; +$successButtonTextActiveColor: #ffffff !default; +$successButtonActiveBorderColor: transparent !default; +$successButtonFocusShadow: none !default; + +$warningButtonBg: #fbc02d !default; +$warningButtonTextColor: #212529 !default; +$warningButtonBorder: 0 none !default; +$warningButtonHoverBg: rgba(#fbc02d, 0.92) !default; +$warningButtonTextHoverColor: #212529 !default; +$warningButtonHoverBorderColor: transparent !default; +$warningButtonActiveBg: rgba(#fbc02d, 0.68) !default; +$warningButtonTextActiveColor: #212529 !default; +$warningButtonActiveBorderColor: transparent !default; +$warningButtonFocusShadow: none !default; + +$helpButtonBg: #9c27b0 !default; +$helpButtonTextColor: #ffffff !default; +$helpButtonBorder: 0 none !default; +$helpButtonHoverBg: rgba(#9c27b0, 0.92) !default; +$helpButtonTextHoverColor: #ffffff !default; +$helpButtonHoverBorderColor: transparent !default; +$helpButtonActiveBg: rgba(#9c27b0, 0.68) !default; +$helpButtonTextActiveColor: #ffffff !default; +$helpButtonActiveBorderColor: transparent !default; +$helpButtonFocusShadow: none !default; + +$dangerButtonBg: #d32f2f !default; +$dangerButtonTextColor: #ffffff !default; +$dangerButtonBorder: 0 none !default; +$dangerButtonHoverBg: rgba(#d32f2f, 0.92) !default; +$dangerButtonTextHoverColor: #ffffff !default; +$dangerButtonHoverBorderColor: transparent !default; +$dangerButtonActiveBg: rgba(#d32f2f, 0.68) !default; +$dangerButtonTextActiveColor: #ffffff !default; +$dangerButtonActiveBorderColor: transparent !default; +$dangerButtonFocusShadow: none !default; + +$linkButtonColor: $primaryColor !default; +$linkButtonHoverColor: $primaryColor !default; +$linkButtonTextHoverDecoration: underline !default; +$linkButtonFocusShadow: none !default; + +//checkbox +$checkboxWidth: 18px !default; +$checkboxHeight: 18px !default; +$checkboxBorder: 2px solid #757575 !default; +$checkboxIconFontSize: 14px !default; +$checkboxActiveBorderColor: $primaryColor !default; +$checkboxActiveBg: $primaryColor !default; +$checkboxIconActiveColor: $primaryTextColor !default; +$checkboxActiveHoverBg: $primaryColor !default; +$checkboxIconActiveHoverColor: $primaryTextColor !default; +$checkboxActiveHoverBorderColor: $primaryColor !default; + +//radiobutton +$radiobuttonWidth: 20px !default; +$radiobuttonHeight: 20px !default; +$radiobuttonBorder: 2px solid #757575 !default; +$radiobuttonIconSize: 10px !default; +$radiobuttonActiveBorderColor: $primaryColor !default; +$radiobuttonActiveBg: $primaryTextColor !default; +$radiobuttonIconActiveColor: $primaryColor !default; +$radiobuttonActiveHoverBg: $primaryTextColor !default; +$radiobuttonIconActiveHoverColor: $primaryColor !default; +$radiobuttonActiveHoverBorderColor: $primaryColor !default; + +//colorpicker +$colorPickerPreviewWidth: 2rem !default; +$colorPickerPreviewHeight: 2rem !default; +$colorPickerBg: #323232 !default; +$colorPickerBorder: 1px solid #191919 !default; +$colorPickerHandleColor: #ffffff !default; + +//togglebutton +$toggleButtonBg: #ffffff !default; +$toggleButtonBorder: 1px solid rgba(0, 0, 0, 0.12) !default; +$toggleButtonTextColor: $textColor !default; +$toggleButtonIconColor: $textSecondaryColor !default; +$toggleButtonHoverBg: #f6f6f6 !default; +$toggleButtonHoverBorderColor: rgba(0, 0, 0, 0.12) !default; +$toggleButtonTextHoverColor: $textColor !default; +$toggleButtonIconHoverColor: $textSecondaryColor !default; +$toggleButtonActiveBg: #e0e0e1 !default; +$toggleButtonActiveBorderColor: #e0e0e1 !default; +$toggleButtonTextActiveColor: $textColor !default; +$toggleButtonIconActiveColor: $textSecondaryColor !default; +$toggleButtonActiveHoverBg: #d9d8d9 !default; +$toggleButtonActiveHoverBorderColor: #d9d8d9 !default; +$toggleButtonTextActiveHoverColor: $textColor !default; +$toggleButtonIconActiveHoverColor: $textSecondaryColor !default; + +//inplace +$inplacePadding: $inputPadding !default; +$inplaceHoverBg: rgba(0, 0, 0, 0.04) !default; +$inplaceTextHoverColor: $textColor !default; + +//rating +$ratingIconFontSize: 1.143rem !default; +$ratingCancelIconColor: #b00020 !default; +$ratingCancelIconHoverColor: #b00020 !default; +$ratingStarIconOffColor: $primaryColor !default; +$ratingStarIconOnColor: $primaryColor !default; +$ratingStarIconHoverColor: $primaryColor !default; + +//slider +$sliderBg: #c1c1c1 !default; +$sliderBorder: 0 none !default; +$sliderHorizontalHeight: 2px !default; +$sliderVerticalWidth: 2px !default; +$sliderHandleWidth: 20px !default; +$sliderHandleHeight: 20px !default; +$sliderHandleBg: $primaryColor !default; +$sliderHandleBorder: 0 none !default; +$sliderHandleBorderRadius: 50% !default; +$sliderHandleHoverBorderColor: 0 none !default; +$sliderHandleHoverBg: $primaryColor !default; +$sliderRangeBg: $primaryColor !default; + +//calendar +$calendarTableMargin: 0.5rem 0 !default; +$calendarPadding: 0.5rem !default; +$calendarBg: #ffffff !default; +$calendarInlineBg: $calendarBg !default; +$calendarTextColor: $textColor !default; +$calendarBorder: $inputListBorder !default; +$calendarOverlayBorder: $inputOverlayBorder !default; + +$calendarHeaderPadding: 0.5rem !default; +$calendarHeaderBg: #ffffff !default; +$calendarInlineHeaderBg: $calendarBg !default; +$calendarHeaderBorder: $divider !default; +$calendarHeaderTextColor: $textColor !default; +$calendarHeaderFontWeight: 500 !default; +$calendarHeaderCellPadding: 0.5rem !default; +$calendarMonthYearHeaderHoverTextColor: $primaryColor !default; + +$calendarCellDatePadding: 0.5rem !default; +$calendarCellDateWidth: 2.5rem !default; +$calendarCellDateHeight: 2.5rem !default; +$calendarCellDateBorderRadius: 50% !default; +$calendarCellDateBorder: 1px solid transparent !default; +$calendarCellDateHoverBg: rgba(0, 0, 0, 0.04) !default; +$calendarCellDateTodayBg: #ffffff !default; +$calendarCellDateTodayBorderColor: rgba(0, 0, 0, 12) !default; +$calendarCellDateTodayTextColor: $textColor !default; + +$calendarButtonBarPadding: 1rem 0 !default; +$calendarTimePickerPadding: 0.5rem !default; +$calendarTimePickerElementPadding: 0 0.5rem !default; +$calendarTimePickerTimeFontSize: 1.25rem !default; + +$calendarBreakpoint: 769px !default; +$calendarCellDatePaddingSM: 0 !default; + +//input switch +$inputSwitchWidth: 2.75rem !default; +$inputSwitchHeight: 1rem !default; +$inputSwitchBorderRadius: 0.5rem !default; +$inputSwitchHandleWidth: 1.5rem !default; +$inputSwitchHandleHeight: 1.5rem !default; +$inputSwitchHandleBorderRadius: 50% !default; +$inputSwitchSliderPadding: -1px !default; +$inputSwitchSliderOffBg: rgba(0, 0, 0, 0.38) !default; +$inputSwitchHandleOffBg: #ffffff !default; +$inputSwitchSliderOffHoverBg: rgba(0, 0, 0, 0.38) !default; +$inputSwitchSliderOnBg: rgba($primaryColor, 0.5) !default; +$inputSwitchSliderOnHoverBg: rgba($primaryColor, 0.5) !default; +$inputSwitchHandleOnBg: $primaryColor !default; + +//panel +$panelHeaderBorderColor: #e0e0e0 !default; +$panelHeaderBorder: 1px solid #e0e0e0 !default; +$panelHeaderBg: #ffffff !default; +$panelHeaderTextColor: $textColor !default; +$panelHeaderFontWeight: 500 !default; +$panelHeaderPadding: 1rem !default; +$panelToggleableHeaderPadding: 0.5rem 1rem !default; + +$panelHeaderHoverBg: rgba(0, 0, 0, 0.04) !default; +$panelHeaderHoverBorderColor: #e0e0e0 !default; +$panelHeaderTextHoverColor: $textColor !default; + +$panelContentBorderColor: #e0e0e0 !default; +$panelContentBorder: 1px solid #e0e0e0 !default; +$panelContentBg: #ffffff !default; +$panelContentEvenRowBg: rgba(0, 0, 0, 0.02) !default; +$panelContentTextColor: $textColor !default; +$panelContentPadding: 1rem !default; + +$panelFooterBorder: 1px solid #e0e0e0 !default; +$panelFooterBg: #ffffff !default; +$panelFooterTextColor: $textColor !default; +$panelFooterPadding: 1rem 1rem !default; + +//accordion +$accordionSpacing: 0 !default; +$accordionHeaderBorder: 0 none !default; +$accordionHeaderBg: #ffffff !default; +$accordionHeaderTextColor: $textColor !default; +$accordionHeaderFontWeight: 400 !default; +$accordionHeaderPadding: 1.5rem !default; + +$accordionHeaderHoverBg: #f6f6f6 !default; +$accordionHeaderHoverBorderColor: transparent !default; +$accordionHeaderTextHoverColor: $textColor !default; + +$accordionHeaderActiveBg: #ffffff !default; +$accordionHeaderActiveBorderColor: transparent !default; +$accordionHeaderTextActiveColor: $textColor !default; + +$accordionHeaderActiveHoverBg: #ffffff !default; +$accordionHeaderActiveHoverBorderColor: transparent !default; +$accordionHeaderTextActiveHoverColor: $textColor !default; + +$accordionContentBorder: 0 none !default; +$accordionContentBg: #ffffff !default; +$accordionContentTextColor: $textColor !default; +$accordionContentPadding: 1rem 1.5rem !default; + +//tabview +$tabviewNavBorder: solid rgba(0, 0, 0, 0.12) !default; +$tabviewNavBorderWidth: 0 0 1px 0 !default; +$tabviewNavBg: #ffffff !default; + +$tabviewHeaderSpacing: 0 !default; +$tabviewHeaderBorder: solid rgba(0, 0, 0, 0.12) !default; +$tabviewHeaderBorderWidth: 0 0 1px 0 !default; +$tabviewHeaderBorderColor: transparent transparent rgba(0, 0, 0, 0.12) + transparent !default; +$tabviewHeaderBg: #ffffff !default; +$tabviewHeaderTextColor: $textSecondaryColor !default; +$tabviewHeaderFontWeight: 500 !default; +$tabviewHeaderPadding: 1rem 1.5rem !default; +$tabviewHeaderMargin: 0 0 0 0 !default; + +$tabviewHeaderHoverBg: rgba($primaryColor, 0.04) !default; +$tabviewHeaderHoverBorderColor: rgba(0, 0, 0, 0.12) !default; +$tabviewHeaderTextHoverColor: $textSecondaryColor !default; + +$tabviewHeaderActiveBg: #ffffff !default; +$tabviewHeaderActiveBorderColor: rgba(0, 0, 0, 0.12) !default; +$tabviewHeaderTextActiveColor: $primaryColor !default; + +$tabviewContentBorder: 0 none !default; +$tabviewContentBg: #ffffff !default; +$tabviewContentTextColor: $textColor !default; +$tabviewContentPadding: $panelContentPadding !default; + +//upload +$fileUploadProgressBarHeight: 4px !default; +$fileUploadContentPadding: 2rem 1rem !default; +$fileUploadContentHoverBorder: 1px dashed $primaryColor !default; + +//scrollpanel +$scrollPanelTrackBorder: 0 none !default; +$scrollPanelTrackBg: rgba(0, 0, 0, 0.12) !default; + +//card +$cardBodyPadding: 1rem !default; +$cardTitleFontSize: 1.5rem !default; +$cardTitleFontWeight: 700 !default; +$cardSubTitleFontWeight: 400 !default; +$cardSubTitleColor: $textSecondaryColor !default; +$cardContentPadding: 1rem 0 !default; +$cardFooterPadding: 1rem 0 0 0 !default; +$cardShadow: 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) !default; + +//editor +$editorToolbarBg: $panelHeaderBg !default; +$editorToolbarBorder: $panelHeaderBorder !default; +$editorToolbarPadding: $panelHeaderPadding !default; +$editorToolbarIconColor: $textSecondaryColor !default; +$editorToolbarIconHoverColor: $textColor !default; +$editorIconActiveColor: $primaryColor !default; +$editorContentBorder: $panelContentBorder !default; +$editorContentBg: $panelContentBg !default; + +//paginator +$paginatorBg: #ffffff !default; +$paginatorTextColor: $textColor !default; +$paginatorBorder: solid #e4e4e4 !default; +$paginatorBorderWidth: 0 !default; +$paginatorPadding: 0.5rem 1rem !default; +$paginatorElementWidth: $buttonIconOnlyWidth !default; +$paginatorElementHeight: $buttonIconOnlyWidth !default; +$paginatorElementBg: transparent !default; +$paginatorElementBorder: 0 none !default; +$paginatorElementIconColor: $textSecondaryColor !default; +$paginatorElementHoverBg: rgba(0, 0, 0, 0.04) !default; +$paginatorElementHoverBorderColor: transparent !default; +$paginatorElementIconHoverColor: $textSecondaryColor !default; +$paginatorElementBorderRadius: 50% !default; +$paginatorElementMargin: 0.143rem !default; +$paginatorElementPadding: 0 !default; + +//table +$tableHeaderBorder: 1px solid #e4e4e4 !default; +$tableHeaderBorderWidth: 0 0 1px 0 !default; +$tableHeaderBg: #ffffff !default; +$tableHeaderTextColor: $textColor !default; +$tableHeaderFontWeight: 500 !default; +$tableHeaderPadding: 1rem 1rem !default; + +$tableHeaderCellPadding: 1rem 1rem !default; +$tableHeaderCellBg: #ffffff !default; +$tableHeaderCellTextColor: $textColor !default; +$tableHeaderCellFontWeight: 500 !default; +$tableHeaderCellBorder: 1px solid #e4e4e4 !default; +$tableHeaderCellBorderWidth: 0 0 1px 0 !default; +$tableHeaderCellHoverBg: rgba(0, 0, 0, 0.04) !default; +$tableHeaderCellTextHoverColor: $textColor !default; +$tableHeaderCellIconColor: $textSecondaryColor !default; +$tableHeaderCellIconHoverColor: $textSecondaryColor !default; +$tableHeaderCellHighlightBg: #ffffff !default; +$tableHeaderCellHighlightTextColor: $textColor !default; +$tableHeaderCellHighlightHoverBg: rgba(0, 0, 0, 0.04) !default; +$tableHeaderCellHighlightTextHoverColor: $textColor !default; +$tableSortableColumnBadgeSize: 1.143rem !default; + +$tableBodyRowBg: #ffffff !default; +$tableBodyRowTextColor: $textColor !default; +$tableBodyRowEvenBg: rgba(0, 0, 0, 0.02) !default; +$tableBodyRowHoverBg: rgba(0, 0, 0, 0.04) !default; +$tableBodyRowTextHoverColor: $textColor !default; +$tableBodyCellBorder: 1px solid #e4e4e4 !default; +$tableBodyCellBorderWidth: 0 0 1px 0 !default; +$tableBodyCellPadding: 1rem 1rem !default; + +$tableFooterCellPadding: 1rem 1rem !default; +$tableFooterCellBg: #ffffff !default; +$tableFooterCellTextColor: $textColor !default; +$tableFooterCellFontWeight: 500 !default; +$tableFooterCellBorder: 1px solid #e4e4e4 !default; +$tableFooterCellBorderWidth: 0 0 1px 0 !default; +$tableResizerHelperBg: $primaryColor !default; + +$tableFooterBorder: 1px solid #e4e4e4 !default; +$tableFooterBorderWidth: 0 0 1px 0 !default; +$tableFooterBg: #ffffff !default; +$tableFooterTextColor: $textColor !default; +$tableFooterFontWeight: 500 !default; +$tableFooterPadding: 1rem 1rem !default; + +$tableCellContentAlignment: left !default; +$tableTopPaginatorBorderWidth: 0 0 1px 0 !default; +$tableBottomPaginatorBorderWidth: 0 0 1px 0 !default; + +$tableScaleSM: 0.5 !default; +$tableScaleLG: 1.25 !default; + +//dataview +$dataViewContentPadding: 1rem 0 !default; +$dataViewContentBorder: 0 none !default; + +//tree +$treeNodePadding: 0.25rem !default; +$treeNodeContentPadding: 0.5rem !default; +$treeNodeChildrenPadding: 0 0 0 1rem !default; +$treeNodeIconColor: $textSecondaryColor !default; + +//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, 0.12) !default; + +//message +$messageMargin: 1rem 0 !default; +$messagePadding: 1.25rem 1.5rem !default; +$messageBorderWidth: 0 0 0 0 !default; +$messageIconFontSize: 1.5rem !default; +$messageTextFontSize: 1rem !default; +$messageTextFontWeight: 500 !default; + +//inline message +$inlineMessagePadding: $inputPadding !default; +$inlineMessageMargin: 0 !default; +$inlineMessageIconFontSize: 1rem !default; +$inlineMessageTextFontSize: 1rem !default; +$inlineMessageBorderWidth: 1px !default; + +//toast +$toastIconFontSize: 2rem !default; +$toastMessageTextMargin: 0 0 0 1rem !default; +$toastMargin: 0 0 1rem 0 !default; +$toastPadding: 1.5rem !default; +$toastBorderWidth: 0 0 0 0 !default; +$toastShadow: 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) !default; +$toastOpacity: 0.9 !default; +$toastTitleFontWeight: 700 !default; +$toastDetailMargin: $inlineSpacing 0 0 0 !default; + +//severities +$infoMessageBg: #b3e5fc !default; +$infoMessageBorder: solid transparent !default; +$infoMessageTextColor: #01579b !default; +$infoMessageIconColor: #01579b !default; +$successMessageBg: #c8e6c9 !default; +$successMessageBorder: solid transparent !default; +$successMessageTextColor: #1b5e20 !default; +$successMessageIconColor: #1b5e20 !default; +$warningMessageBg: #ffecb3 !default; +$warningMessageBorder: solid transparent !default; +$warningMessageTextColor: #7f6003 !default; +$warningMessageIconColor: #7f6003 !default; +$errorMessageBg: #ffcdd2 !default; +$errorMessageBorder: solid transparent !default; +$errorMessageTextColor: #b71c1c !default; +$errorMessageIconColor: #b71c1c !default; + +//overlays +$overlayContentBorder: 0 none !default; +$overlayContentBg: $panelContentBg !default; +$overlayContainerShadow: 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) !default; + +//dialog +$dialogHeaderBg: #ffffff !default; +$dialogHeaderBorder: 0 none !default; +$dialogHeaderTextColor: $textColor !default; +$dialogHeaderFontWeight: 500 !default; +$dialogHeaderFontSize: 1.25rem !default; +$dialogHeaderPadding: 1.5rem !default; +$dialogContentPadding: 0 1.5rem 1.5rem 1.5rem !default; +$dialogFooterBorder: 0 none !default; +$dialogFooterPadding: 1rem 1.5rem !default; + +//confirmpopup +$confirmPopupContentPadding: 1.5rem !default; +$confirmPopupFooterPadding: 0 1.5rem 1rem 1.5rem !default; + +//tooltip +$tooltipBg: rgba(97, 97, 97, 0.9) !default; +$tooltipTextColor: #ffffff !default; +$tooltipPadding: 0.5rem !default; + +//steps +$stepsItemBg: transparent !default; +$stepsItemBorder: 1px solid transparent !default; +$stepsItemTextColor: $textColor !default; +$stepsItemNumberWidth: 2rem !default; +$stepsItemNumberHeight: 2rem !default; +$stepsItemNumberFontSize: 1.143rem !default; +$stepsItemNumberColor: $textColor !default; +$stepsItemNumberBorderRadius: 50% !default; +$stepsItemActiveFontWeight: 500 !default; + +//progressbar +$progressBarHeight: 4px !default; +$progressBarBorder: 0 none !default; +$progressBarBg: rgba($primaryColor, 0.32) !default; +$progressBarValueBg: $primaryColor !default; +$progressBarValueTextColor: $primaryTextColor !default; + +//menu (e.g. menu, menubar, tieredmenu) +$menuWidth: 12.5rem !default; +$menuBg: #ffffff !default; +$menuBorder: 1px solid #e5e5e5 !default; +$menuTextColor: $textColor !default; +$menuitemPadding: 1rem 1rem !default; +$menuitemBorderRadius: 0 !default; +$menuitemTextColor: $textColor !default; +$menuitemIconColor: $textSecondaryColor !default; +$menuitemTextHoverColor: $textColor !default; +$menuitemIconHoverColor: $textSecondaryColor !default; +$menuitemHoverBg: rgba(0, 0, 0, 0.04) !default; +$menuitemTextFocusColor: $textColor !default; +$menuitemIconFocusColor: $textColor !default; +$menuitemFocusBg: rgba(0, 0, 0, 0.12) !default; +$menuitemTextActiveColor: $textColor !default; +$menuitemIconActiveColor: $textSecondaryColor !default; +$menuitemActiveBg: rgba(0, 0, 0, 0.04) !default; +$menuitemActiveFocusBg: rgba(0, 0, 0, 0.04) !default; +$menuitemSubmenuIconFontSize: 0.875rem !default; +$submenuHeaderMargin: 0 !default; +$submenuHeaderPadding: 1rem !default; +$submenuHeaderBg: #ffffff !default; +$submenuHeaderTextColor: $textSecondaryColor !default; +$submenuHeaderBorderRadius: 0 !default; +$submenuHeaderFontWeight: 400 !default; +$overlayMenuBg: $menuBg !default; +$overlayMenuBorder: 0 none !default; +$overlayMenuShadow: 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) !default; +$verticalMenuPadding: 0.5rem 0 !default; +$verticalMenuitemMargin: 0 !default; +$menuSeparatorMargin: 0.5rem 0 !default; + +$breadcrumbPadding: 1rem !default; +$breadcrumbBg: #ffffff !default; +$breadcrumbBorder: 1px solid #e5e5e5 !default; +$breadcrumbItemTextColor: $textColor !default; +$breadcrumbItemIconColor: $textSecondaryColor !default; +$breadcrumbLastItemTextColor: $textColor !default; +$breadcrumbLastItemIconColor: $textSecondaryColor !default; +$breadcrumbSeparatorColor: $textSecondaryColor !default; + +$horizontalMenuPadding: 1rem !default; +$horizontalMenuBg: transparent !default; +$horizontalMenuBorder: 1px solid #e5e5e5 !default; +$horizontalMenuTextColor: $textColor !default; +$horizontalMenuRootMenuitemPadding: 1rem !default; +$horizontalMenuRootMenuitemBorderRadius: $borderRadius !default; +$horizontalMenuRootMenuitemTextColor: $textColor !default; +$horizontalMenuRootMenuitemIconColor: $textSecondaryColor !default; +$horizontalMenuRootMenuitemTextHoverColor: $textColor !default; +$horizontalMenuRootMenuitemIconHoverColor: $textSecondaryColor !default; +$horizontalMenuRootMenuitemHoverBg: rgba(0, 0, 0, 0.04) !default; +$horizontalMenuRootMenuitemTextActiveColor: $textColor !default; +$horizontalMenuRootMenuitemIconActiveColor: $textSecondaryColor !default; +$horizontalMenuRootMenuitemActiveBg: rgba(0, 0, 0, 0.04) !default; + +//badge and tag +$badgeBg: $primaryColor !default; +$badgeTextColor: $primaryTextColor !default; +$badgeMinWidth: 1.5rem !default; +$badgeHeight: 1.5rem !default; +$badgeFontWeight: 700 !default; +$badgeFontSize: 0.75rem !default; + +$tagPadding: 0.25rem 0.4rem !default; + +//carousel +$carouselIndicatorsPadding: 1rem !default; +$carouselIndicatorBg: #dcdcdc !default; +$carouselIndicatorHoverBg: #ececec !default; +$carouselIndicatorBorderRadius: 0 !default; +$carouselIndicatorWidth: 2rem !default; +$carouselIndicatorHeight: 0.5rem !default; + +//galleria +$galleriaMaskBg: rgba(0, 0, 0, 0.9) !default; +$galleriaCloseIconMargin: 0.5rem !default; +$galleriaCloseIconFontSize: 2rem !default; +$galleriaCloseIconBg: transparent !default; +$galleriaCloseIconColor: rgba(255, 255, 255, 0.87) !default; +$galleriaCloseIconHoverBg: rgba(255, 255, 255, 0.1) !default; +$galleriaCloseIconHoverColor: rgba(255, 255, 255, 0.87) !default; +$galleriaCloseIconWidth: 4rem !default; +$galleriaCloseIconHeight: 4rem !default; +$galleriaCloseIconBorderRadius: 50% !default; + +$galleriaItemNavigatorBg: transparent !default; +$galleriaItemNavigatorColor: #f6f6f6 !default; +$galleriaItemNavigatorMargin: 0 0.5rem !default; +$galleriaItemNavigatorFontSize: 2rem !default; +$galleriaItemNavigatorHoverBg: rgba(255, 255, 255, 0.1) !default; +$galleriaItemNavigatorHoverColor: rgba(255, 255, 255, 0.87) !default; +$galleriaItemNavigatorWidth: 4rem !default; +$galleriaItemNavigatorHeight: 4rem !default; +$galleriaItemNavigatorBorderRadius: 50% !default; + +$galleriaCaptionBg: rgba(0, 0, 0, 0.5) !default; +$galleriaCaptionTextColor: rgba(255, 255, 255, 0.87) !default; +$galleriaCaptionPadding: 1rem !default; + +$galleriaIndicatorsPadding: 1rem !default; +$galleriaIndicatorBg: #dcdcdc !default; +$galleriaIndicatorHoverBg: #ececec !default; +$galleriaIndicatorBorderRadius: 50% !default; +$galleriaIndicatorWidth: 1.25rem !default; +$galleriaIndicatorHeight: 1.25rem !default; +$galleriaIndicatorsBgOnItem: rgba(0, 0, 0, 0.5) !default; +$galleriaIndicatorBgOnItem: rgba(255, 255, 255, 0.4) !default; +$galleriaIndicatorHoverBgOnItem: rgba(255, 255, 255, 0.6) !default; + +$galleriaThumbnailContainerBg: rgba(0, 0, 0, 0.9) !default; +$galleriaThumbnailContainerPadding: 1rem 0.25rem !default; +$galleriaThumbnailNavigatorBg: transparent !default; +$galleriaThumbnailNavigatorColor: rgba(255, 255, 255, 0.87) !default; +$galleriaThumbnailNavigatorHoverBg: rgba(255, 255, 255, 0.1) !default; +$galleriaThumbnailNavigatorHoverColor: rgba(255, 255, 255, 0.87) !default; +$galleriaThumbnailNavigatorBorderRadius: 50% !default; +$galleriaThumbnailNavigatorWidth: 2rem !default; +$galleriaThumbnailNavigatorHeight: 2rem !default; + +//divider +$dividerHorizontalMargin: 1.25rem 0 !default; +$dividerHorizontalPadding: 0 1.25rem !default; +$dividerVerticalMargin: 0 1.25rem !default; +$dividerVerticalPadding: 1.25rem 0 !default; +$dividerSize: 1px !default; +$dividerColor: rgba(0, 0, 0, 0.12) !default; + +//avatar +$avatarBg: rgba(0, 0, 0, 0.12) !default; +$avatarTextColor: $textColor !default; + +//chip +$chipBg: rgba(0, 0, 0, 0.12) !default; +$chipTextColor: $textColor !default; +$chipBorderRadius: 16px !default; +$chipFocusBg: rgba(0, 0, 0, 0.24) !default; +$chipFocusTextColor: $textColor !default; + +//scrollTop +$scrollTopBg: $accentColor !default; +$scrollTopHoverBg: rgba($accentColor, 0.92) !default; +$scrollTopWidth: 3rem !default; +$scrollTopHeight: 3rem !default; +$scrollTopBorderRadius: 50% !default; +$scrollTopFontSize: 1.5rem !default; +$scrollTopTextColor: $accentTextColor !default; + +//skeleton +$skeletonBg: rgba(0, 0, 0, 0.08) !default; +$skeletonAnimationBg: rgba(255, 255, 255, 0.4) !default; + +//splitter +$splitterGutterBg: rgba(0, 0, 0, 0.04) !default; +$splitterGutterHandleBg: rgba(0, 0, 0, 0.12) !default; + +//speeddial +$speedDialButtonWidth: 4rem !default; +$speedDialButtonHeight: 4rem !default; +$speedDialButtonIconFontSize: 2rem !default; +$speedDialActionWidth: 3rem !default; +$speedDialActionHeight: 3rem !default; +$speedDialActionBg: $accentColor !default; +$speedDialActionHoverBg: rgba($accentColor, 0.92) !default; +$speedDialActionTextColor: #fff !default; +$speedDialActionTextHoverColor: #fff !default; + +//dock +$dockActionWidth: 4rem !default; +$dockActionHeight: 4rem !default; +$dockItemPadding: 0.5rem !default; +$dockItemBorderRadius: $borderRadius !default; +$dockCurrentItemMargin: 1.5rem !default; +$dockFirstItemsMargin: 1.3rem !default; +$dockSecondItemsMargin: 0.9rem !default; +$dockBg: rgba(255, 255, 255, 0.1) !default; +$dockBorder: 1px solid rgba(255, 255, 255, 0.2) !default; +$dockPadding: 0.5rem 0.5rem !default; +$dockBorderRadius: 0.5rem !default; + +//image +$imageMaskBg: rgba(0, 0, 0, 0.9) !default; +$imagePreviewToolbarPadding: 1rem !default; +$imagePreviewIndicatorColor: #f8f9fa !default; +$imagePreviewIndicatorBg: rgba(0, 0, 0, 0.5) !default; +$imagePreviewActionIconBg: transparent !default; +$imagePreviewActionIconColor: #f8f9fa !default; +$imagePreviewActionIconHoverBg: rgba(255, 255, 255, 0.1) !default; +$imagePreviewActionIconHoverColor: #f8f9fa !default; +$imagePreviewActionIconWidth: 3rem !default; +$imagePreviewActionIconHeight: 3rem !default; +$imagePreviewActionIconFontSize: 1.5rem !default; +$imagePreviewActionIconBorderRadius: 50% !default; + +:root { + font-family: Roboto, "Helvetica Neue Light", "Helvetica Neue", Helvetica, + Arial, "Lucida Grande", sans-serif; + --font-family: Roboto, "Helvetica Neue Light", "Helvetica Neue", Helvetica, + Arial, "Lucida Grande", sans-serif; + --surface-a: #ffffff; + --surface-b: #fafafa; + --surface-c: rgba(0, 0, 0, 0.04); + --surface-d: rgba(0, 0, 0, 0.12); + --surface-e: #ffffff; + --surface-f: #ffffff; + --text-color: #{$textColor}; + --text-color-secondary: #{$textSecondaryColor}; + --primary-color: #{$primaryColor}; + --primary-color-text: #{$primaryTextColor}; + --surface-0: #ffffff; + --surface-50: #fafafa; + --surface-100: #f5f5f5; + --surface-200: #eeeeee; + --surface-300: #e0e0e0; + --surface-400: #bdbdbd; + --surface-500: #9e9e9e; + --surface-600: #757575; + --surface-700: #616161; + --surface-800: #424242; + --surface-900: #212121; + --gray-50: #fafafa; + --gray-100: #f5f5f5; + --gray-200: #eeeeee; + --gray-300: #e0e0e0; + --gray-400: #bdbdbd; + --gray-500: #9e9e9e; + --gray-600: #757575; + --gray-700: #616161; + --gray-800: #424242; + --gray-900: #212121; + --content-padding: #{$panelContentPadding}; + --inline-spacing: #{$inlineSpacing}; + --border-radius: #{$borderRadius}; + --surface-ground: #fafafa; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: rgba(0, 0, 0, 0.12); + --surface-hover: rgba(0, 0, 0, 0.04); + --maskbg: #{$maskBg}; + --highlight-bg: #{$highlightBg}; + --highlight-text-color: #{$highlightTextColor}; + --focus-ring: #{$focusShadow}; + color-scheme: light; +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/compact/deeppurple/_extensions.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/compact/deeppurple/_extensions.scss new file mode 100644 index 000000000..f5dbaa43b --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/compact/deeppurple/_extensions.scss @@ -0,0 +1 @@ +/* Customizations to the designer theme should be defined here */ \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/compact/deeppurple/_fonts.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/compact/deeppurple/_fonts.scss new file mode 100644 index 000000000..ba86be94d --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/compact/deeppurple/_fonts.scss @@ -0,0 +1,27 @@ +/* roboto-regular - latin-ext_latin */ +@font-face { + font-family: 'Roboto'; + font-style: normal; + font-weight: 400; + src: local('Roboto'), local('Roboto-Regular'), + url('./fonts/roboto-v20-latin-ext_latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('./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('./fonts/roboto-v20-latin-ext_latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('./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('./fonts/roboto-v20-latin-ext_latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('./fonts/roboto-v20-latin-ext_latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + } \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/compact/deeppurple/_variables.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/compact/deeppurple/_variables.scss new file mode 100644 index 000000000..a5010221a --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/compact/deeppurple/_variables.scss @@ -0,0 +1,7 @@ +$primaryColor:#673AB7 !default; +$primaryTextColor:#ffffff !default; +$accentColor:#4CAF50 !default; +$accentTextColor:#ffffff !default; + +@import '../../variables'; +@import '../../../_compact'; \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/compact/deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/compact/deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff new file mode 100644 index 000000000..fb70b7e91 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/compact/deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/compact/deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2 b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/compact/deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2 new file mode 100644 index 000000000..96981bc87 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/compact/deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2 differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/compact/deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/compact/deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff new file mode 100644 index 000000000..d023f3de3 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/compact/deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/compact/deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2 b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/compact/deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2 new file mode 100644 index 000000000..fd4921035 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/compact/deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2 differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/compact/deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/compact/deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff new file mode 100644 index 000000000..f9849dfbe Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/compact/deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/compact/deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2 b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/compact/deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2 new file mode 100644 index 000000000..1f7dd5b89 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/compact/deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2 differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/compact/deeppurple/theme.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/compact/deeppurple/theme.scss new file mode 100644 index 000000000..3489b7eca --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/compact/deeppurple/theme.scss @@ -0,0 +1,5 @@ +@import './variables'; +@import './_fonts'; +@import '../../../../../theme-base/_components'; +@import '../../../extensions/vendor_extensions'; +@import './_extensions'; diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/compact/indigo/_extensions.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/compact/indigo/_extensions.scss new file mode 100644 index 000000000..f5dbaa43b --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/compact/indigo/_extensions.scss @@ -0,0 +1 @@ +/* Customizations to the designer theme should be defined here */ \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/compact/indigo/_fonts.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/compact/indigo/_fonts.scss new file mode 100644 index 000000000..ba86be94d --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/compact/indigo/_fonts.scss @@ -0,0 +1,27 @@ +/* roboto-regular - latin-ext_latin */ +@font-face { + font-family: 'Roboto'; + font-style: normal; + font-weight: 400; + src: local('Roboto'), local('Roboto-Regular'), + url('./fonts/roboto-v20-latin-ext_latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('./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('./fonts/roboto-v20-latin-ext_latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('./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('./fonts/roboto-v20-latin-ext_latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('./fonts/roboto-v20-latin-ext_latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + } \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/compact/indigo/_variables.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/compact/indigo/_variables.scss new file mode 100644 index 000000000..48caae1ea --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/compact/indigo/_variables.scss @@ -0,0 +1,7 @@ +$primaryColor:#3F51B5 !default; +$primaryTextColor:#ffffff !default; +$accentColor:#ff4081 !default; +$accentTextColor:#ffffff !default; + +@import '../../variables'; +@import '../../../_compact'; \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/compact/indigo/fonts/roboto-v20-latin-ext_latin-500.woff b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/compact/indigo/fonts/roboto-v20-latin-ext_latin-500.woff new file mode 100644 index 000000000..fb70b7e91 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/compact/indigo/fonts/roboto-v20-latin-ext_latin-500.woff differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/compact/indigo/fonts/roboto-v20-latin-ext_latin-500.woff2 b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/compact/indigo/fonts/roboto-v20-latin-ext_latin-500.woff2 new file mode 100644 index 000000000..96981bc87 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/compact/indigo/fonts/roboto-v20-latin-ext_latin-500.woff2 differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/compact/indigo/fonts/roboto-v20-latin-ext_latin-700.woff b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/compact/indigo/fonts/roboto-v20-latin-ext_latin-700.woff new file mode 100644 index 000000000..d023f3de3 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/compact/indigo/fonts/roboto-v20-latin-ext_latin-700.woff differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/compact/indigo/fonts/roboto-v20-latin-ext_latin-700.woff2 b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/compact/indigo/fonts/roboto-v20-latin-ext_latin-700.woff2 new file mode 100644 index 000000000..fd4921035 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/compact/indigo/fonts/roboto-v20-latin-ext_latin-700.woff2 differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/compact/indigo/fonts/roboto-v20-latin-ext_latin-regular.woff b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/compact/indigo/fonts/roboto-v20-latin-ext_latin-regular.woff new file mode 100644 index 000000000..f9849dfbe Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/compact/indigo/fonts/roboto-v20-latin-ext_latin-regular.woff differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/compact/indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2 b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/compact/indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2 new file mode 100644 index 000000000..1f7dd5b89 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/compact/indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2 differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/compact/indigo/theme.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/compact/indigo/theme.scss new file mode 100644 index 000000000..3489b7eca --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/compact/indigo/theme.scss @@ -0,0 +1,5 @@ +@import './variables'; +@import './_fonts'; +@import '../../../../../theme-base/_components'; +@import '../../../extensions/vendor_extensions'; +@import './_extensions'; diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/standard/deeppurple/_extensions.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/standard/deeppurple/_extensions.scss new file mode 100644 index 000000000..f5dbaa43b --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/standard/deeppurple/_extensions.scss @@ -0,0 +1 @@ +/* Customizations to the designer theme should be defined here */ \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/standard/deeppurple/_fonts.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/standard/deeppurple/_fonts.scss new file mode 100644 index 000000000..ba86be94d --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/standard/deeppurple/_fonts.scss @@ -0,0 +1,27 @@ +/* roboto-regular - latin-ext_latin */ +@font-face { + font-family: 'Roboto'; + font-style: normal; + font-weight: 400; + src: local('Roboto'), local('Roboto-Regular'), + url('./fonts/roboto-v20-latin-ext_latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('./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('./fonts/roboto-v20-latin-ext_latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('./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('./fonts/roboto-v20-latin-ext_latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('./fonts/roboto-v20-latin-ext_latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + } \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/standard/deeppurple/_variables.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/standard/deeppurple/_variables.scss new file mode 100644 index 000000000..4ff4c894e --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/standard/deeppurple/_variables.scss @@ -0,0 +1,6 @@ +$primaryColor:#673AB7 !default; +$primaryTextColor:#ffffff !default; +$accentColor:#4CAF50 !default; +$accentTextColor:#ffffff !default; + +@import '../../variables'; \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/standard/deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/standard/deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff new file mode 100644 index 000000000..fb70b7e91 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/standard/deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/standard/deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2 b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/standard/deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2 new file mode 100644 index 000000000..96981bc87 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/standard/deeppurple/fonts/roboto-v20-latin-ext_latin-500.woff2 differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/standard/deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/standard/deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff new file mode 100644 index 000000000..d023f3de3 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/standard/deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/standard/deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2 b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/standard/deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2 new file mode 100644 index 000000000..fd4921035 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/standard/deeppurple/fonts/roboto-v20-latin-ext_latin-700.woff2 differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/standard/deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/standard/deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff new file mode 100644 index 000000000..f9849dfbe Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/standard/deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/standard/deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2 b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/standard/deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2 new file mode 100644 index 000000000..1f7dd5b89 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/standard/deeppurple/fonts/roboto-v20-latin-ext_latin-regular.woff2 differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/standard/deeppurple/theme.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/standard/deeppurple/theme.scss new file mode 100644 index 000000000..3489b7eca --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/standard/deeppurple/theme.scss @@ -0,0 +1,5 @@ +@import './variables'; +@import './_fonts'; +@import '../../../../../theme-base/_components'; +@import '../../../extensions/vendor_extensions'; +@import './_extensions'; diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/standard/indigo/_extensions.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/standard/indigo/_extensions.scss new file mode 100644 index 000000000..f5dbaa43b --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/standard/indigo/_extensions.scss @@ -0,0 +1 @@ +/* Customizations to the designer theme should be defined here */ \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/standard/indigo/_fonts.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/standard/indigo/_fonts.scss new file mode 100644 index 000000000..ba86be94d --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/standard/indigo/_fonts.scss @@ -0,0 +1,27 @@ +/* roboto-regular - latin-ext_latin */ +@font-face { + font-family: 'Roboto'; + font-style: normal; + font-weight: 400; + src: local('Roboto'), local('Roboto-Regular'), + url('./fonts/roboto-v20-latin-ext_latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('./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('./fonts/roboto-v20-latin-ext_latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('./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('./fonts/roboto-v20-latin-ext_latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('./fonts/roboto-v20-latin-ext_latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + } \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/standard/indigo/_variables.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/standard/indigo/_variables.scss new file mode 100644 index 000000000..11979ccc7 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/standard/indigo/_variables.scss @@ -0,0 +1,6 @@ +$primaryColor:#3F51B5 !default; +$primaryTextColor:#ffffff !default; +$accentColor:#ff4081 !default; +$accentTextColor:#ffffff !default; + +@import '../../variables'; \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/standard/indigo/fonts/roboto-v20-latin-ext_latin-500.woff b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/standard/indigo/fonts/roboto-v20-latin-ext_latin-500.woff new file mode 100644 index 000000000..fb70b7e91 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/standard/indigo/fonts/roboto-v20-latin-ext_latin-500.woff differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/standard/indigo/fonts/roboto-v20-latin-ext_latin-500.woff2 b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/standard/indigo/fonts/roboto-v20-latin-ext_latin-500.woff2 new file mode 100644 index 000000000..96981bc87 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/standard/indigo/fonts/roboto-v20-latin-ext_latin-500.woff2 differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/standard/indigo/fonts/roboto-v20-latin-ext_latin-700.woff b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/standard/indigo/fonts/roboto-v20-latin-ext_latin-700.woff new file mode 100644 index 000000000..d023f3de3 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/standard/indigo/fonts/roboto-v20-latin-ext_latin-700.woff differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/standard/indigo/fonts/roboto-v20-latin-ext_latin-700.woff2 b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/standard/indigo/fonts/roboto-v20-latin-ext_latin-700.woff2 new file mode 100644 index 000000000..fd4921035 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/standard/indigo/fonts/roboto-v20-latin-ext_latin-700.woff2 differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/standard/indigo/fonts/roboto-v20-latin-ext_latin-regular.woff b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/standard/indigo/fonts/roboto-v20-latin-ext_latin-regular.woff new file mode 100644 index 000000000..f9849dfbe Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/standard/indigo/fonts/roboto-v20-latin-ext_latin-regular.woff differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/standard/indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2 b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/standard/indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2 new file mode 100644 index 000000000..1f7dd5b89 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/standard/indigo/fonts/roboto-v20-latin-ext_latin-regular.woff2 differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/standard/indigo/theme.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/standard/indigo/theme.scss new file mode 100644 index 000000000..3489b7eca --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/material/material-light/standard/indigo/theme.scss @@ -0,0 +1,5 @@ +@import './variables'; +@import './_fonts'; +@import '../../../../../theme-base/_components'; +@import '../../../extensions/vendor_extensions'; +@import './_extensions'; diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/mira/_extensions.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/mira/_extensions.scss new file mode 100644 index 000000000..e3658a3d1 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/mira/_extensions.scss @@ -0,0 +1,444 @@ +/* Customizations to the designer theme should be defined here */ + +@mixin list-item-hover() { + box-shadow: inset 0 0 0 .1rem $primaryColorAlt; +} + +@layer primeng { + //inputtext + .p-inputtext { + &:enabled:hover { + background-color: $white100; + } + + &:enabled:focus { + background-color: $white; + } + } + + //chips + .p-chips { + .p-chips-multiple-container { + &:not(.p-disabled):hover { + background-color: $white100; + } + + &:not(.p-disabled).p-focus { + background-color: $white; + } + } + } + + //autocomplete + .p-autocomplete { + .p-autocomplete-panel { + .p-autocomplete-item{ + &:not(.p-disabled):hover { + @include list-item-hover(); + } + } + } + + &.p-autocomplete-multiple { + .p-autocomplete-multiple-container { + &:not(.p-disabled):hover { + background-color: $white100; + } + } + } + } + + //dropdown + .p-dropdown { + &:not(.p-disabled):hover { + background-color: $white100; + } + } + + .p-dropdown-panel { + .p-dropdown-items { + .p-dropdown-item { + &:not(.p-highlight):not(.p-disabled):hover { + @include list-item-hover(); + } + } + } + } + + //listbox + .p-listbox { + &:not(.p-disabled) { + .p-listbox-item { + &:not(.p-disabled):hover { + @include list-item-hover(); + } + } + } + } + + //multiselect + .p-multiselect-panel { + .p-multiselect-items { + .p-multiselect-item { + &:not(.p-highlight):not(.p-disabled):hover { + @include list-item-hover(); + } + } + } + } + + .p-multiselect { + &:not(.p-disabled):hover { + background-color: $white100; + } + } + + //button + .p-button { + font-weight: 500; + } + + //radio + .p-radiobutton { + .p-radiobutton-box { + &:not(.p-disabled):not(.p-highlight):hover { + background-color: $white300;; + } + + &:not(.p-disabled).p-focus { + border-color: transparent; + } + } + } + + //checkbox + .p-checkbox { + &:not(.p-checkbox-disabled) { + .p-checkbox-box { + &:hover { + background-color: $white300; + } + + &.p-focus { + border-color: transparent; + } + } + } + } + + //accordion + .p-accordion { + .p-accordion-header { + &:not(.p-highlight):not(.p-disabled):hover { + &:not(.p-disabled) { + .p-accordion-header-link { + &:focus { + @include list-item-hover(); + } + } + } + + .p-accordion-header-link { + @include list-item-hover(); + } + } + + &:not(.p-disabled).p-highlight { + &:hover { + .p-accordion-header-link { + @include list-item-hover(); + } + } + } + } + } + + //calendar + .p-datepicker { + table { + td { + > span { + &.p-highlight { + color: $white; + background: $primaryColor; + &:hover { + background-color: $primaryColorAlt; + border:2px solid $primaryColor; + } + } + } + &.p-datepicker-today { + > span { + &.p-highlight { + color: $white; + background: $primaryColor; + } + } + } + } + } + } + + //fieldset + .p-fieldset { + &.p-fieldset-toggleable { + .p-fieldset-legend { + &:hover { + @include list-item-hover(); + } + } + } + } + + //menubar + .p-menubar { + .p-menuitem-link { + &:not(.p-disabled):hover { + @include list-item-hover(); + } + } + + .p-menubar-root-list { + > .p-menuitem { + > .p-menuitem-link { + &:not(.p-disabled):hover { + @include list-item-hover(); + } + } + } + } + } + + //tieredmenu + .p-tieredmenu { + .p-menuitem-link { + &:not(.p-disabled):hover { + @include list-item-hover(); + } + } + } + + //menu + .p-menu { + .p-menuitem-link { + &:not(.p-disabled):hover { + @include list-item-hover(); + } + } + } + + //contextmenu + .p-contextmenu { + .p-menuitem-link { + &:not(.p-disabled):hover { + @include list-item-hover(); + } + } + } + + //paginator + .p-paginator { + .p-paginator-first, + .p-paginator-prev, + .p-paginator-next, + .p-paginator-last { + &:not(.p-disabled):not(.p-highlight):hover { + border: 1px solid $primaryColor; + } + } + + .p-paginator-pages { + .p-paginator-page { + &:not(.p-highlight):hover { + border: 1px solid $primaryColor; + } + } + } + } + + //table + .p-datatable { + .p-sortable-column { + &:not(.p-highlight):hover { + @include list-item-hover(); + } + &.p-highlight { + background-color: $white300; + &:hover { + @include list-item-hover(); + } + } + } + + &.p-datatable-hoverable-rows { + .p-datatable-tbody > tr:not(.p-highlight):hover { + outline: 1px solid $primaryColorAlt; + } + } + } + + //overlaypanel + .p-overlaypanel { + .p-overlaypanel-close { + &:enabled:hover { + background: $buttonHoverBg; + color: $buttonTextHoverColor; + border: 2px solid $buttonHoverBorderColor; + } + } + } + + //picklist + .p-picklist { + .p-picklist-list { + .p-picklist-item { + &:not(.p-highlight):hover { + @include list-item-hover(); + } + } + } + } + + //tree + .p-tree { + &.p-tree-horizontal { + .p-treenode { + .p-treenode-content { + &.p-treenode-selectable:not(.p-highlight):hover { + background: $white; + @include list-item-hover(); + } + } + } + } + } + + //treetable + .p-treetable { + .p-sortable-column { + &:not(.p-highlight):hover { + @include list-item-hover(); + } + + &.p-highlight { + background-color: $white300; + &:hover { + background-color: $white; + @include list-item-hover(); + } + } + + &:focus { + box-shadow: inset $focusShadow; + outline: 0 none; + } + } + + &.p-treetable-hoverable-rows { + .p-treetable-tbody > tr:not(.p-highlight):hover { + outline: 1px solid $primaryColorAlt; + } + } + } + + //megamenu + .p-megamenu { + .p-megamenu-root-list { + > .p-menuitem { + > .p-menuitem-link { + &:not(.p-disabled):hover { + @include list-item-hover(); + } + } + } + } + + .p-menuitem-link { + &:not(.p-disabled):hover { + @include list-item-hover(); + } + } + } + + //panelmenu + .p-panelmenu { + .p-panelmenu-header { + &:not(.p-highlight):not(.p-disabled) { + > a:hover { + @include list-item-hover(); + } + } + + &.p-highlight { + &:not(.p-disabled) { + > a { + &:hover { + @include list-item-hover(); + } + } + } + } + } + + .p-panelmenu-content { + .p-menuitem { + .p-menuitem-link { + &:not(.p-disabled):hover { + @include list-item-hover(); + } + } + } + } + } + + //slidemenu + .p-slidemenu { + .p-menuitem-link { + &:not(.p-disabled):hover { + @include list-item-hover(); + } + } + } + + //carousel + .p-carousel { + .p-carousel-indicators { + .p-carousel-indicator { + &.p-highlight { + button { + background: $primaryColor; + color: $white; + } + } + } + } + } + + //galleria + .p-galleria { + .p-galleria-indicators { + .p-galleria-indicator { + &.p-highlight { + button { + background: $primaryColor; + color: $white; + } + } + } + } + } + + .p-datatable { + .p-datatable-tbody { + > tr { + &.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 $primaryColor; + } + + &.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 $primaryColor; + } + } + } + } +} \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/mira/_fonts.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/mira/_fonts.scss new file mode 100644 index 000000000..fbc38873c --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/mira/_fonts.scss @@ -0,0 +1,33 @@ +// Configuration for the font-face of the theme, defaults to the system font so left as blank + @font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 400; + src: local('Inter'), local('Inter-Regular'), + url('./fonts/Inter-Regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('./fonts/Inter-Regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + } + @font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 500; + src: local('Inter Medium'), local('Inter-Medium'), + url('./fonts/Inter-Medium.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('./fonts/Inter-Medium.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + } + @font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 600; + src: local('Inter SemiBold'), local('Inter-SemiBold'), + url('./fonts/Inter-SemiBold.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('./fonts/Inter-SemiBold.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + } + @font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 700; + src: local('Inter Bold'), local('Inter-Bold'), + url('./fonts/Inter-Bold.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('./fonts/Inter-Bold.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + } \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/mira/_variables.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/mira/_variables.scss new file mode 100644 index 000000000..d62bb358a --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/mira/_variables.scss @@ -0,0 +1,936 @@ +$primaryColor: #5e81ac !default; +$primaryColorAlt: #81a1c1 !default; +$primaryLightColor: #c0d0e0 !default; +$primaryDarkColor: scale-color($primaryColor, $lightness: -10%) !default; +$primaryDarkerColor: scale-color($primaryColor, $lightness: -20%) !default; +$primaryTextColor: #ffffff !default; + +$colors: ( + "blue": #5e81ac, + "green": #7fa366, + "yellow": #dac57a, + "cyan": #71abc2, + "pink": #bf6185, + "indigo": #4e6aa4, + "teal": #5eac90, + "orange": #d08770, + "bluegray": #7e8d9f, + "purple": #9a6796, + "red": #bf616a, + "primary": $primaryColor, +) !default; + +$infoColor: #639bb2 !default; +$infoLightColor: #88c0d0 !default; +$successColor: #7fa366 !default; +$successLightColor: #a3be8c !default; +$warningColor: #d08770 !default; +$warningLightColor: #e2ac94 !default; +$helpColor: #9a6796 !default; +$helpLightColor: #b48ead !default; +$dangerColor: #bf616a !default; +$dangerLightColor: #d88889 !default; +$yellowColor: #ebcb8b !default; + +$black50: #707888 !default; +$black100: #4c566a !default; +$black200: #434c5e !default; +$black300: #3b4252 !default; +$black400: #2e3440 !default; + +$white: #ffffff !default; +$white100: #eceff4 !default; +$white200: #e5e9f0 !default; +$white300: #d8dee9 !default; + +//global +$fontFamily: "Inter", sans-serif !default; +$fontSize: 1rem !default; +$fontWeight: normal !default; +$textColor: $black100 !default; +$textSecondaryColor: $primaryColorAlt !default; +$borderRadius: 4px !default; +$transitionDuration: 0.2s !default; +$formElementTransition: background-color $transitionDuration, + color $transitionDuration, border-color $transitionDuration, + box-shadow $transitionDuration !default; +$actionIconTransition: background-color $transitionDuration, + color $transitionDuration, box-shadow $transitionDuration !default; +$listItemTransition: none !default; +$primeIconFontSize: 1rem !default; +$divider: 1px solid $white200 !default; +$inlineSpacing: 0.5rem !default; +$disabledOpacity: 0.6 !default; +$maskBg: rgba(112, 120, 136, 0.5) !default; +$loadingIconFontSize: 2rem !default; +$errorColor: #bf616a !default; + +//highlight +$highlightBg: $white300 !default; +$highlightTextColor: $black400 !default; +$highlightFocusBg: darken($highlightBg, 8%) !default; + +//scale +$scaleSM: 0.875 !default; +$scaleLG: 1.25 !default; + +//focus +$focusOutlineColor: $primaryLightColor !default; +$focusOutline: 0 none !default; +$focusOutlineOffset: 0 !default; +$focusShadow: 0 0 0 0.2rem $focusOutlineColor !default; + +//action icons +$actionIconWidth: 2rem !default; +$actionIconHeight: 2rem !default; +$actionIconBg: transparent !default; +$actionIconBorder: 2px solid transparent !default; +$actionIconColor: $primaryColorAlt !default; +$actionIconHoverBg: $white !default; +$actionIconHoverBorderColor: $primaryColor !default; +$actionIconHoverColor: $black100 !default; +$actionIconBorderRadius: 50% !default; + +//input field (e.g. inputtext, spinner, inputmask) +$inputPadding: 0.5rem 0.5rem !default; +$inputTextFontSize: 1rem !default; + +$inputBg: $white !default; +$inputTextColor: $black100 !default; +$inputIconColor: $primaryColorAlt !default; +$inputBorder: 1px solid $white300 !default; +$inputHoverBorderColor: $primaryColorAlt !default; +$inputFocusBorderColor: $primaryColorAlt !default; +$inputErrorBorderColor: $errorColor !default; +$inputPlaceholderTextColor: $black100 !default; +$inputFilledBg: $white100 !default; +$inputFilledHoverBg: $inputFilledBg !default; +$inputFilledFocusBg: $white !default; + +//input groups +$inputGroupBg: $white !default; +$inputGroupTextColor: $primaryColorAlt !default; +$inputGroupAddOnMinWidth: 2.357rem !default; + +//input lists (e.g. dropdown, autocomplete, multiselect, orderlist) +$inputListBg: $white !default; +$inputListTextColor: $black100 !default; +$inputListBorder: $inputBorder !default; +$inputListPadding: 0.5rem 0 !default; +$inputListItemPadding: 0.5rem 1rem !default; +$inputListItemBg: transparent !default; +$inputListItemTextColor: $black100 !default; +$inputListItemHoverBg: transparent !default; +$inputListItemTextHoverColor: $black100 !default; +$inputListItemFocusBg: $white200 !default; +$inputListItemTextFocusColor: $black100 !default; +$inputListItemBorder: 0 none !default; +$inputListItemBorderRadius: 0 !default; +$inputListItemMargin: 0 !default; +$inputListItemFocusShadow: inset 0 0 0 0.15rem $focusOutlineColor !default; +$inputListHeaderPadding: 0.5rem 1rem !default; +$inputListHeaderMargin: 0 !default; +$inputListHeaderBg: $white100 !default; +$inputListHeaderTextColor: $black100 !default; +$inputListHeaderBorder: 0 none !default; + +//inputs with overlays (e.g. autocomplete, dropdown, multiselect) +$inputOverlayBg: $inputListBg !default; +$inputOverlayHeaderBg: $inputListHeaderBg !default; +$inputOverlayBorder: 0 none !default; +$inputOverlayShadow: 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) !default; + +//password +$passwordMeterBg: $white200 !default; +$passwordWeakBg: $dangerColor !default; +$passwordMediumBg: $warningColor !default; +$passwordStrongBg: $successColor !default; + +//button +$buttonPadding: 0.5rem 1rem !default; +$buttonIconOnlyWidth: 2.357rem !default; +$buttonIconOnlyPadding: 0.5rem 0 !default; +$buttonBg: $primaryColor !default; +$buttonTextColor: $primaryTextColor !default; +$buttonBorder: 2px solid $primaryColor !default; +$buttonHoverBg: $primaryColorAlt !default; +$buttonTextHoverColor: $primaryTextColor !default; +$buttonHoverBorderColor: $primaryDarkColor !default; +$buttonActiveBg: $primaryDarkerColor !default; +$buttonTextActiveColor: $primaryTextColor !default; +$buttonActiveBorderColor: $primaryDarkerColor !default; +$raisedButtonShadow: 0 4px 4px 0px rgba(0, 0, 0, 0.2), + 0 12px 10px 0 rgba(0, 0, 0, 0.06) !default; +$roundedButtonBorderRadius: 2rem !default; + +$textButtonHoverBgOpacity: 0.12 !default; +$textButtonActiveBgOpacity: 0.24 !default; +$outlinedButtonBorder: 2px solid !default; +$plainButtonTextColor: $textSecondaryColor !default; +$plainButtonHoverBgColor: $white !default; +$plainButtonActiveBgColor: $white200 !default; + +$secondaryButtonBg: $black100 !default; +$secondaryButtonTextColor: #ffffff !default; +$secondaryButtonBorder: 2px solid $black100 !default; +$secondaryButtonHoverBg: $black50 !default; +$secondaryButtonTextHoverColor: #ffffff !default; +$secondaryButtonHoverBorderColor: $black100 !default; +$secondaryButtonActiveBg: $black400 !default; +$secondaryButtonTextActiveColor: #ffffff !default; +$secondaryButtonActiveBorderColor: $black400 !default; +$secondaryButtonFocusShadow: 0 0 0 0.2rem + scale-color($secondaryButtonBg, $lightness: 60%) !default; + +$infoButtonBg: $infoColor !default; +$infoButtonTextColor: #ffffff !default; +$infoButtonBorder: 2px solid $infoButtonBg !default; +$infoButtonHoverBg: $infoLightColor !default; +$infoButtonTextHoverColor: $infoButtonTextColor !default; +$infoButtonHoverBorderColor: $infoColor !default; +$infoButtonActiveBg: scale-color($infoButtonBg, $lightness: -20%) !default; +$infoButtonTextActiveColor: $infoButtonTextColor !default; +$infoButtonActiveBorderColor: scale-color( + $infoButtonBg, + $lightness: -20% +) !default; +$infoButtonFocusShadow: 0 0 0 0.2rem scale-color($infoButtonBg, $lightness: 60%) !default; + +$successButtonBg: $successColor !default; +$successButtonTextColor: #ffffff !default; +$successButtonBorder: 2px solid $successButtonBg !default; +$successButtonHoverBg: $successLightColor !default; +$successButtonTextHoverColor: $successButtonTextColor !default; +$successButtonHoverBorderColor: #7fa366 !default; +$successButtonActiveBg: scale-color( + $successButtonBg, + $lightness: -20% +) !default; +$successButtonTextActiveColor: $successButtonTextColor !default; +$successButtonActiveBorderColor: scale-color( + $successButtonBg, + $lightness: -20% +) !default; +$successButtonFocusShadow: 0 0 0 0.2rem + scale-color($successButtonBg, $lightness: 60%) !default; + +$warningButtonBg: $warningColor !default; +$warningButtonTextColor: #ffffff !default; +$warningButtonBorder: 2px solid $warningButtonBg !default; +$warningButtonHoverBg: $warningLightColor !default; +$warningButtonTextHoverColor: $warningButtonTextColor !default; +$warningButtonHoverBorderColor: $warningColor !default; +$warningButtonActiveBg: scale-color( + $warningButtonBg, + $lightness: -20% +) !default; +$warningButtonTextActiveColor: $warningButtonTextColor !default; +$warningButtonActiveBorderColor: scale-color( + $warningButtonBg, + $lightness: -20% +) !default; +$warningButtonFocusShadow: 0 0 0 0.2rem + scale-color($warningButtonBg, $lightness: 60%) !default; + +$helpButtonBg: $helpColor !default; +$helpButtonTextColor: #ffffff !default; +$helpButtonBorder: 2px solid $helpButtonBg !default; +$helpButtonHoverBg: $helpLightColor !default; +$helpButtonTextHoverColor: $helpButtonTextColor !default; +$helpButtonHoverBorderColor: $helpColor !default; +$helpButtonActiveBg: scale-color($helpButtonBg, $lightness: -20%) !default; +$helpButtonTextActiveColor: $helpButtonTextColor !default; +$helpButtonActiveBorderColor: scale-color( + $helpButtonBg, + $lightness: -20% +) !default; +$helpButtonFocusShadow: 0 0 0 0.2rem scale-color($helpButtonBg, $lightness: 60%) !default; + +$dangerButtonBg: $dangerColor !default; +$dangerButtonTextColor: #ffffff !default; +$dangerButtonBorder: 2px solid $dangerButtonBg !default; +$dangerButtonHoverBg: $dangerLightColor !default; +$dangerButtonTextHoverColor: $dangerButtonTextColor !default; +$dangerButtonHoverBorderColor: $dangerColor !default; +$dangerButtonActiveBg: scale-color($dangerButtonBg, $lightness: -20%) !default; +$dangerButtonTextActiveColor: $dangerButtonTextColor !default; +$dangerButtonActiveBorderColor: scale-color( + $dangerButtonBg, + $lightness: -20% +) !default; +$dangerButtonFocusShadow: 0 0 0 0.2rem + scale-color($dangerButtonBg, $lightness: 60%) !default; + +$linkButtonColor: $primaryDarkerColor !default; +$linkButtonHoverColor: $primaryDarkerColor !default; +$linkButtonTextHoverDecoration: underline !default; +$linkButtonFocusShadow: 0 0 0 0.2rem $focusOutlineColor !default; + +//checkbox +$checkboxWidth: 20px !default; +$checkboxHeight: 20px !default; +$checkboxBorder: 2px solid $white300 !default; +$checkboxIconFontSize: 14px !default; +$checkboxActiveBorderColor: $primaryColor !default; +$checkboxActiveBg: $primaryColor !default; +$checkboxIconActiveColor: $primaryTextColor !default; +$checkboxActiveHoverBg: $primaryColorAlt !default; +$checkboxIconActiveHoverColor: $primaryTextColor !default; +$checkboxActiveHoverBorderColor: $primaryDarkerColor !default; + +//radiobutton +$radiobuttonWidth: 20px !default; +$radiobuttonHeight: 20px !default; +$radiobuttonBorder: 2px solid $white300 !default; +$radiobuttonIconSize: 10px !default; +$radiobuttonActiveBorderColor: $primaryColor !default; +$radiobuttonActiveBg: $primaryColor !default; +$radiobuttonIconActiveColor: $primaryTextColor !default; +$radiobuttonActiveHoverBg: $primaryColorAlt !default; +$radiobuttonIconActiveHoverColor: $primaryTextColor !default; +$radiobuttonActiveHoverBorderColor: $primaryColor !default; + +//colorpicker +$colorPickerPreviewWidth: 2rem !default; +$colorPickerPreviewHeight: 2rem !default; +$colorPickerBg: #323232 !default; +$colorPickerBorder: 1px solid #191919 !default; +$colorPickerHandleColor: $white !default; + +//togglebutton +$toggleButtonBg: $inputBg !default; +$toggleButtonBorder: 2px solid $white300 !default; +$toggleButtonTextColor: $black100 !default; +$toggleButtonIconColor: $primaryColorAlt !default; +$toggleButtonHoverBg: $white100 !default; +$toggleButtonHoverBorderColor: $primaryColorAlt !default; +$toggleButtonTextHoverColor: $black100 !default; +$toggleButtonIconHoverColor: $primaryColorAlt !default; +$toggleButtonActiveBg: $primaryColor !default; +$toggleButtonActiveBorderColor: $primaryColor !default; +$toggleButtonTextActiveColor: $primaryTextColor !default; +$toggleButtonIconActiveColor: $primaryTextColor !default; +$toggleButtonActiveHoverBg: $primaryColorAlt !default; +$toggleButtonActiveHoverBorderColor: $primaryColor !default; +$toggleButtonTextActiveHoverColor: $primaryTextColor !default; +$toggleButtonIconActiveHoverColor: $primaryTextColor !default; + +//inplace +$inplacePadding: $inputPadding !default; +$inplaceHoverBg: $white !default; +$inplaceTextHoverColor: $black100 !default; + +//rating +$ratingIconFontSize: 1.143rem !default; +$ratingCancelIconColor: $dangerColor !default; +$ratingCancelIconHoverColor: $dangerLightColor !default; +$ratingStarIconOffColor: $black100 !default; +$ratingStarIconOnColor: $primaryColor !default; +$ratingStarIconHoverColor: $primaryColor !default; + +//slider +$sliderBg: $white200 !default; +$sliderBorder: 0 none !default; +$sliderHorizontalHeight: 0.286rem !default; +$sliderVerticalWidth: 0.286rem !default; +$sliderHandleWidth: 1.143rem !default; +$sliderHandleHeight: 1.143rem !default; +$sliderHandleBg: $white !default; +$sliderHandleBorder: 2px solid $primaryColor !default; +$sliderHandleBorderRadius: 50% !default; +$sliderHandleHoverBorderColor: $primaryColor !default; +$sliderHandleHoverBg: $primaryColor !default; +$sliderRangeBg: $primaryColor !default; + +//calendar +$calendarTableMargin: 0.5rem 0 !default; +$calendarPadding: 0.5rem !default; +$calendarBg: $white !default; +$calendarInlineBg: $calendarBg !default; +$calendarTextColor: $black100 !default; +$calendarBorder: $inputListBorder !default; +$calendarOverlayBorder: $inputOverlayBorder !default; + +$calendarHeaderPadding: 0.5rem !default; +$calendarHeaderBg: $white !default; +$calendarInlineHeaderBg: $calendarBg !default; +$calendarHeaderBorder: 1px solid $white200 !default; +$calendarHeaderTextColor: $black100 !default; +$calendarHeaderFontWeight: 600 !default; +$calendarHeaderCellPadding: 0.5rem !default; +$calendarMonthYearHeaderHoverTextColor: $primaryColor !default; + +$calendarCellDatePadding: 0.5rem !default; +$calendarCellDateWidth: 2.5rem !default; +$calendarCellDateHeight: 2.5rem !default; +$calendarCellDateBorderRadius: 4px !default; +$calendarCellDateBorder: 1px solid transparent !default; +$calendarCellDateHoverBg: $white300 !default; +$calendarCellDateTodayBg: $yellowColor !default; +$calendarCellDateTodayBorderColor: transparent !default; +$calendarCellDateTodayTextColor: $black400 !default; + +$calendarButtonBarPadding: 1rem 0 !default; +$calendarTimePickerPadding: 0.5rem !default; +$calendarTimePickerElementPadding: 0 0.5rem !default; +$calendarTimePickerTimeFontSize: 1.25rem !default; + +$calendarBreakpoint: 769px !default; +$calendarCellDatePaddingSM: 0 !default; + +//input switch +$inputSwitchWidth: 3rem !default; +$inputSwitchHeight: 1.75rem !default; +$inputSwitchBorderRadius: 30px !default; +$inputSwitchHandleWidth: 1.25rem !default; +$inputSwitchHandleHeight: 1.25rem !default; +$inputSwitchHandleBorderRadius: 50% !default; +$inputSwitchSliderPadding: 0.25rem !default; +$inputSwitchSliderOffBg: $white300 !default; +$inputSwitchHandleOffBg: $primaryColor !default; +$inputSwitchSliderOffHoverBg: $white100 !default; +$inputSwitchSliderOnBg: $primaryColor !default; +$inputSwitchSliderOnHoverBg: $primaryColorAlt !default; +$inputSwitchHandleOnBg: $white !default; + +//panel +$panelHeaderBorderColor: $white200 !default; +$panelHeaderBorder: 1px solid $white200 !default; +$panelHeaderBg: $white !default; +$panelHeaderTextColor: $black100 !default; +$panelHeaderFontWeight: 600 !default; +$panelHeaderPadding: 1rem !default; +$panelToggleableHeaderPadding: 0.5rem 1rem !default; + +$panelHeaderHoverBg: $white !default; +$panelHeaderHoverBorderColor: $white200 !default; +$panelHeaderTextHoverColor: $black100 !default; + +$panelContentBorderColor: $white200 !default; +$panelContentBorder: 1px solid $white200 !default; +$panelContentBg: $white !default; +$panelContentEvenRowBg: scale-color($white100, $lightness: 50%) !default; +$panelContentTextColor: $black100 !default; +$panelContentPadding: 1rem !default; + +$panelFooterBorder: 1px solid $white200 !default; +$panelFooterBg: $white !default; +$panelFooterTextColor: $black100 !default; +$panelFooterPadding: 0.5rem 1rem !default; + +//accordion +$accordionSpacing: 0 !default; +$accordionHeaderBorder: $panelHeaderBorder !default; +$accordionHeaderBg: $panelHeaderBg !default; +$accordionHeaderTextColor: $panelHeaderTextColor !default; +$accordionHeaderFontWeight: $panelHeaderFontWeight !default; +$accordionHeaderPadding: $panelHeaderPadding !default; + +$accordionHeaderHoverBg: $white !default; +$accordionHeaderHoverBorderColor: $white200 !default; +$accordionHeaderTextHoverColor: $black100 !default; + +$accordionHeaderActiveBg: $panelHeaderBg !default; +$accordionHeaderActiveBorderColor: $white200 !default; +$accordionHeaderTextActiveColor: $black100 !default; + +$accordionHeaderActiveHoverBg: $white !default; +$accordionHeaderActiveHoverBorderColor: $white200 !default; +$accordionHeaderTextActiveHoverColor: $black100 !default; + +$accordionContentBorder: $panelContentBorder !default; +$accordionContentBg: $panelContentBg !default; +$accordionContentTextColor: $panelContentTextColor !default; +$accordionContentPadding: $panelContentPadding !default; + +//tabview +$tabviewNavBorder: 2px solid $white200 !default; +$tabviewNavBorderWidth: 0 0 2px 0 !default; +$tabviewNavBg: $white !default; + +$tabviewHeaderSpacing: 0 !default; +$tabviewHeaderBorder: solid $white200 !default; +$tabviewHeaderBorderWidth: 0 0 2px 0 !default; +$tabviewHeaderBorderColor: transparent transparent $white200 transparent !default; +$tabviewHeaderBg: $white !default; +$tabviewHeaderTextColor: $black100 !default; +$tabviewHeaderFontWeight: $panelHeaderFontWeight !default; +$tabviewHeaderPadding: $panelHeaderPadding !default; +$tabviewHeaderMargin: 0 0 -2px 0 !default; + +$tabviewHeaderHoverBg: $white !default; +$tabviewHeaderHoverBorderColor: $primaryColorAlt !default; +$tabviewHeaderTextHoverColor: $black100 !default; + +$tabviewHeaderActiveBg: $white !default; +$tabviewHeaderActiveBorderColor: $primaryColor !default; +$tabviewHeaderTextActiveColor: $black100 !default; + +$tabviewContentBorder: 0 none !default; +$tabviewContentBg: $panelContentBg !default; +$tabviewContentTextColor: $panelContentTextColor !default; +$tabviewContentPadding: $panelContentPadding !default; + +//upload +$fileUploadProgressBarHeight: 0.25rem !default; +$fileUploadContentPadding: 2rem 1rem !default; +$fileUploadContentHoverBorder: 1px dashed $primaryColor !default; + +//scrollpanel +$scrollPanelTrackBorder: 0 none !default; +$scrollPanelTrackBg: $white100 !default; + +//card +$cardBodyPadding: 1rem !default; +$cardTitleFontSize: 1.5rem !default; +$cardTitleFontWeight: 700 !default; +$cardSubTitleFontWeight: 400 !default; +$cardSubTitleColor: $primaryColorAlt !default; +$cardContentPadding: 1rem 0 !default; +$cardFooterPadding: 1rem 0 0 0 !default; +$cardShadow: 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) !default; + +//editor +$editorToolbarBg: $panelHeaderBg !default; +$editorToolbarBorder: $panelHeaderBorder !default; +$editorToolbarPadding: $panelHeaderPadding !default; +$editorToolbarIconColor: $textSecondaryColor !default; +$editorToolbarIconHoverColor: $textColor !default; +$editorIconActiveColor: $primaryColor !default; +$editorContentBorder: $panelContentBorder !default; +$editorContentBg: $panelContentBg !default; + +//paginator +$paginatorBg: $white !default; +$paginatorTextColor: $black100 !default; +$paginatorBorder: solid $white !default; +$paginatorBorderWidth: 0 !default; +$paginatorPadding: 0.5rem 1rem !default; +$paginatorElementWidth: $buttonIconOnlyWidth !default; +$paginatorElementHeight: $buttonIconOnlyWidth !default; +$paginatorElementBg: transparent !default; +$paginatorElementBorder: 0 none !default; +$paginatorElementIconColor: $black100 !default; +$paginatorElementHoverBg: $white100 !default; +$paginatorElementHoverBorderColor: $primaryColor !default; +$paginatorElementIconHoverColor: $black100 !default; +$paginatorElementBorderRadius: $borderRadius !default; +$paginatorElementMargin: 0.143rem !default; +$paginatorElementPadding: 0 !default; + +//table +$tableHeaderBorder: 1px solid $white !default; +$tableHeaderBorderWidth: 1px 0 1px 0 !default; +$tableHeaderBg: $white !default; +$tableHeaderTextColor: $black100 !default; +$tableHeaderFontWeight: 600 !default; +$tableHeaderPadding: 1rem 1rem !default; + +$tableHeaderCellPadding: 1rem 1rem !default; +$tableHeaderCellBg: $white100 !default; +$tableHeaderCellTextColor: $black100 !default; +$tableHeaderCellFontWeight: 600 !default; +$tableHeaderCellBorder: 1px solid $white !default; +$tableHeaderCellBorderWidth: 0 0 1px 0 !default; +$tableHeaderCellHoverBg: $white !default; +$tableHeaderCellTextHoverColor: $black100 !default; +$tableHeaderCellIconColor: $primaryColorAlt !default; +$tableHeaderCellIconHoverColor: $primaryColorAlt !default; +$tableHeaderCellHighlightBg: $white100 !default; +$tableHeaderCellHighlightTextColor: $black100 !default; +$tableHeaderCellHighlightHoverBg: $white !default; +$tableHeaderCellHighlightTextHoverColor: $primaryColor !default; +$tableSortableColumnBadgeSize: 1.143rem !default; + +$tableBodyRowBg: $white !default; +$tableBodyRowTextColor: $black100 !default; +$tableBodyRowEvenBg: scale-color($white100, $lightness: 50%) !default; +$tableBodyRowHoverBg: $white !default; +$tableBodyRowTextHoverColor: $black100 !default; +$tableBodyCellBorder: 1px solid $white100 !default; +$tableBodyCellBorderWidth: 0 0 1px 0 !default; +$tableBodyCellPadding: 1rem 1rem !default; + +$tableFooterCellPadding: 1rem 1rem !default; +$tableFooterCellBg: $white100 !default; +$tableFooterCellTextColor: $black100 !default; +$tableFooterCellFontWeight: 600 !default; +$tableFooterCellBorder: 1px solid $white !default; +$tableFooterCellBorderWidth: 0 0 1px 0 !default; +$tableResizerHelperBg: $primaryColor !default; + +$tableFooterBorder: 1px solid $white !default; +$tableFooterBorderWidth: 0 0 1px 0 !default; +$tableFooterBg: $white100 !default; +$tableFooterTextColor: $black100 !default; +$tableFooterFontWeight: 600 !default; +$tableFooterPadding: 1rem 1rem !default; + +$tableCellContentAlignment: left !default; +$tableTopPaginatorBorderWidth: 0 0 1px 0 !default; +$tableBottomPaginatorBorderWidth: 0 0 1px 0 !default; + +$tableScaleSM: 0.5 !default; +$tableScaleLG: 1.25 !default; + +//dataview +$dataViewContentPadding: 0 !default; +$dataViewContentBorder: 0 none !default; + +//tree +$treeContainerPadding: 0.286rem !default; +$treeNodePadding: 0.143rem !default; +$treeNodeContentPadding: 0 !default; +$treeNodeChildrenPadding: 0 0 0 1rem !default; +$treeNodeIconColor: $primaryColorAlt !default; + +//timeline +$timelineVerticalEventContentPadding: 0 1rem !default; +$timelineHorizontalEventContentPadding: 1rem 0 !default; +$timelineEventMarkerWidth: 1rem !default; +$timelineEventMarkerHeight: 1rem !default; +$timelineEventMarkerBorderRadius: 50% !default; +$timelineEventMarkerBorder: 0 none !default; +$timelineEventMarkerBackground: $primaryColor !default; +$timelineEventConnectorSize: 2px !default; +$timelineEventColor: $white200 !default; + +//org chart +$organizationChartConnectorColor: $white200 !default; + +//message +$messageMargin: 1rem 0 !default; +$messagePadding: 1rem 1.5rem !default; +$messageBorderWidth: 0 0 0 6px !default; +$messageIconFontSize: 1.5rem !default; +$messageTextFontSize: 1rem !default; +$messageTextFontWeight: 500 !default; + +//inline message +$inlineMessagePadding: $inputPadding !default; +$inlineMessageMargin: 0 !default; +$inlineMessageIconFontSize: 1rem !default; +$inlineMessageTextFontSize: 1rem !default; +$inlineMessageBorderWidth: 0px !default; + +//toast +$toastIconFontSize: 2rem !default; +$toastMessageTextMargin: 0 0 0 1rem !default; +$toastMargin: 0 0 1rem 0 !default; +$toastPadding: 1rem !default; +$toastBorderWidth: 0 0 0 6px !default; +$toastShadow: 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) !default; +$toastOpacity: 0.9 !default; +$toastTitleFontWeight: 700 !default; +$toastDetailMargin: $inlineSpacing 0 0 0 !default; + +//severities +$infoMessageBg: scale-color($infoLightColor, $lightness: +40%) !default; +$infoMessageBorder: solid scale-color($infoColor, $lightness: -50%) !default; +$infoMessageTextColor: scale-color($infoColor, $lightness: -50%) !default; +$infoMessageIconColor: scale-color($infoColor, $lightness: -75%) !default; +$successMessageBg: scale-color($successLightColor, $lightness: +40%) !default; +$successMessageBorder: solid scale-color($successColor, $lightness: -50%) !default; +$successMessageTextColor: scale-color($successColor, $lightness: -75%) !default; +$successMessageIconColor: scale-color($successColor, $lightness: -75%) !default; +$warningMessageBg: scale-color($warningLightColor, $lightness: +50%) !default; +$warningMessageBorder: solid scale-color($warningColor, $lightness: -50%) !default; +$warningMessageTextColor: scale-color($warningColor, $lightness: -75%) !default; +$warningMessageIconColor: scale-color($warningColor, $lightness: -75%) !default; +$errorMessageBg: scale-color($dangerLightColor, $lightness: +40%) !default; +$errorMessageBorder: solid scale-color($dangerColor, $lightness: -50%) !default; +$errorMessageTextColor: scale-color($dangerColor, $lightness: -75%) !default; +$errorMessageIconColor: scale-color($dangerColor, $lightness: -75%) !default; + +//overlays +$overlayContentBorder: 0 none !default; +$overlayContentBg: $panelContentBg !default; +$overlayContainerShadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), + 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12) !default; + +//dialog +$dialogHeaderBg: $white !default; +$dialogHeaderBorder: 0 none !default; +$dialogHeaderTextColor: $black100 !default; +$dialogHeaderFontWeight: 600 !default; +$dialogHeaderFontSize: 1.25rem !default; +$dialogHeaderPadding: 1.5rem !default; +$dialogContentPadding: 0 1.5rem 2rem 1.5rem !default; +$dialogFooterBorder: 0 none !default; +$dialogFooterPadding: 0 1.5rem 1.5rem 1.5rem !default; + +//confirmpopup +$confirmPopupContentPadding: $panelContentPadding !default; +$confirmPopupFooterPadding: 0 1rem 1rem 1rem !default; + +//tooltip +$tooltipBg: $black100 !default; +$tooltipTextColor: $white !default; +$tooltipPadding: $inputPadding !default; + +//steps +$stepsItemBg: $white !default; +$stepsItemBorder: 1px solid $white !default; +$stepsItemTextColor: $primaryColorAlt !default; +$stepsItemNumberWidth: 2rem !default; +$stepsItemNumberHeight: 2rem !default; +$stepsItemNumberFontSize: 1.143rem !default; +$stepsItemNumberColor: $black100 !default; +$stepsItemNumberBorderRadius: 50% !default; +$stepsItemActiveFontWeight: 600 !default; + +//progressbar +$progressBarHeight: 1.5rem !default; +$progressBarBorder: 0 none !default; +$progressBarBg: $white200 !default; +$progressBarValueBg: $primaryColor !default; +$progressBarValueTextColor: $primaryTextColor !default; + +//menu (e.g. menu, menubar, tieredmenu) +$menuWidth: 12.5rem !default; +$menuBg: $white !default; +$menuBorder: 1px solid $white200 !default; +$menuTextColor: $black100 !default; +$menuitemPadding: 0.75rem 1rem !default; +$menuitemBorderRadius: 0 !default; +$menuitemTextColor: $black100 !default; +$menuitemIconColor: $primaryColorAlt !default; +$menuitemTextHoverColor: $black100 !default; +$menuitemIconHoverColor: $primaryColorAlt !default; +$menuitemHoverBg: $white !default; +$menuitemTextFocusColor: $black100 !default; +$menuitemIconFocusColor: $black100 !default; +$menuitemFocusBg: $white200 !default; +$menuitemTextActiveColor: $black100 !default; +$menuitemIconActiveColor: $primaryColorAlt !default; +$menuitemActiveBg: $white !default; +$menuitemActiveFocusBg: $white !default; +$menuitemSubmenuIconFontSize: 0.875rem !default; +$submenuHeaderMargin: 0 !default; +$submenuHeaderPadding: 0.75rem 1rem !default; +$submenuHeaderBg: $white !default; +$submenuHeaderTextColor: $black100 !default; +$submenuHeaderBorderRadius: 0 !default; +$submenuHeaderFontWeight: 600 !default; +$overlayMenuBg: $menuBg !default; +$overlayMenuBorder: 0 none !default; +$overlayMenuShadow: 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) !default; +$verticalMenuPadding: 0.25rem 0 !default; +$verticalMenuitemMargin: 0 !default; +$menuSeparatorMargin: 0.25rem 0 !default; + +$breadcrumbPadding: 1rem !default; +$breadcrumbBg: $menuBg !default; +$breadcrumbBorder: $menuBorder !default; +$breadcrumbItemTextColor: $menuitemTextColor !default; +$breadcrumbItemIconColor: $menuitemIconColor !default; +$breadcrumbLastItemTextColor: $menuitemTextColor !default; +$breadcrumbLastItemIconColor: $menuitemIconColor !default; +$breadcrumbSeparatorColor: $menuitemTextColor !default; + +$horizontalMenuPadding: 0.5rem !default; +$horizontalMenuBg: $white100 !default; +$horizontalMenuBorder: $menuBorder !default; +$horizontalMenuTextColor: $menuTextColor !default; +$horizontalMenuRootMenuitemPadding: $menuitemPadding !default; +$horizontalMenuRootMenuitemBorderRadius: $borderRadius !default; +$horizontalMenuRootMenuitemTextColor: $menuitemTextColor !default; +$horizontalMenuRootMenuitemIconColor: $menuitemIconColor !default; +$horizontalMenuRootMenuitemTextHoverColor: $menuitemTextHoverColor !default; +$horizontalMenuRootMenuitemIconHoverColor: $menuitemIconHoverColor !default; +$horizontalMenuRootMenuitemHoverBg: $menuitemHoverBg !default; +$horizontalMenuRootMenuitemTextActiveColor: $menuitemTextActiveColor !default; +$horizontalMenuRootMenuitemIconActiveColor: $menuitemIconActiveColor !default; +$horizontalMenuRootMenuitemActiveBg: $menuitemActiveBg !default; + +//badge and tag +$badgeBg: $primaryColor !default; +$badgeTextColor: $primaryTextColor !default; +$badgeMinWidth: 1.5rem !default; +$badgeHeight: 1.5rem !default; +$badgeFontWeight: 700 !default; +$badgeFontSize: 0.75rem !default; + +$tagPadding: 0.25rem 0.4rem !default; + +//carousel +$carouselIndicatorsPadding: 1rem !default; +$carouselIndicatorBg: $white200 !default; +$carouselIndicatorHoverBg: $primaryColorAlt !default; +$carouselIndicatorBorderRadius: 0 !default; +$carouselIndicatorWidth: 2rem !default; +$carouselIndicatorHeight: 0.5rem !default; + +//galleria +$galleriaMaskBg: rgba(0, 0, 0, 0.9) !default; +$galleriaCloseIconMargin: 0.5rem !default; +$galleriaCloseIconFontSize: 2rem !default; +$galleriaCloseIconBg: transparent !default; +$galleriaCloseIconColor: $white100 !default; +$galleriaCloseIconHoverBg: rgba(255, 255, 255, 0.1) !default; +$galleriaCloseIconHoverColor: $white100 !default; +$galleriaCloseIconWidth: 4rem !default; +$galleriaCloseIconHeight: 4rem !default; +$galleriaCloseIconBorderRadius: 50% !default; + +$galleriaItemNavigatorBg: transparent !default; +$galleriaItemNavigatorColor: $white100 !default; +$galleriaItemNavigatorMargin: 0 0.5rem !default; +$galleriaItemNavigatorFontSize: 2rem !default; +$galleriaItemNavigatorHoverBg: rgba(255, 255, 255, 0.1) !default; +$galleriaItemNavigatorHoverColor: $white100 !default; +$galleriaItemNavigatorWidth: 4rem !default; +$galleriaItemNavigatorHeight: 4rem !default; +$galleriaItemNavigatorBorderRadius: $borderRadius !default; + +$galleriaCaptionBg: rgba(0, 0, 0, 0.5) !default; +$galleriaCaptionTextColor: $white100 !default; +$galleriaCaptionPadding: 1rem !default; + +$galleriaIndicatorsPadding: 1rem !default; +$galleriaIndicatorBg: $white300 !default; +$galleriaIndicatorHoverBg: $primaryColorAlt !default; +$galleriaIndicatorBorderRadius: 50% !default; +$galleriaIndicatorWidth: 1rem !default; +$galleriaIndicatorHeight: 1rem !default; +$galleriaIndicatorsBgOnItem: rgba(0, 0, 0, 0.5) !default; +$galleriaIndicatorBgOnItem: rgba(255, 255, 255, 0.4) !default; +$galleriaIndicatorHoverBgOnItem: rgba(255, 255, 255, 0.6) !default; + +$galleriaThumbnailContainerBg: rgba(0, 0, 0, 0.9) !default; +$galleriaThumbnailContainerPadding: 1rem 0.25rem !default; +$galleriaThumbnailNavigatorBg: transparent !default; +$galleriaThumbnailNavigatorColor: $white100 !default; +$galleriaThumbnailNavigatorHoverBg: rgba(255, 255, 255, 0.1) !default; +$galleriaThumbnailNavigatorHoverColor: $white100 !default; +$galleriaThumbnailNavigatorBorderRadius: 50% !default; +$galleriaThumbnailNavigatorWidth: 2rem !default; +$galleriaThumbnailNavigatorHeight: 2rem !default; + +//divider +$dividerHorizontalMargin: 1rem 0 !default; +$dividerHorizontalPadding: 0 1rem !default; +$dividerVerticalMargin: 0 1rem !default; +$dividerVerticalPadding: 1rem 0 !default; +$dividerSize: 1px !default; +$dividerColor: $white200 !default; + +//avatar +$avatarBg: $white200 !default; +$avatarTextColor: $textColor !default; + +//avatar +$chipBg: $white200 !default; +$chipTextColor: $textColor !default; +$chipBorderRadius: 16px !default; +$chipFocusBg: $white300 !default; +$chipFocusTextColor: $textColor !default; + +//scrollTop +$scrollTopBg: rgba(0, 0, 0, 0.7) !default; +$scrollTopHoverBg: rgba(0, 0, 0, 0.8) !default; +$scrollTopWidth: 3rem !default; +$scrollTopHeight: 3rem !default; +$scrollTopBorderRadius: 50% !default; +$scrollTopFontSize: 1.5rem !default; +$scrollTopTextColor: $white100 !default; + +//skeleton +$skeletonBg: $white200 !default; +$skeletonAnimationBg: rgba(255, 255, 255, 0.4) !default; + +//splitter +$splitterGutterBg: $white100 !default; +$splitterGutterHandleBg: #c2c7d1 !default; + +//speeddial +$speedDialButtonWidth: 4rem !default; +$speedDialButtonHeight: 4rem !default; +$speedDialButtonIconFontSize: 2rem !default; +$speedDialActionWidth: 3rem !default; +$speedDialActionHeight: 3rem !default; +$speedDialActionBg: $black100 !default; +$speedDialActionHoverBg: $black300 !default; +$speedDialActionTextColor: #fff !default; +$speedDialActionTextHoverColor: #fff !default; + +//dock +$dockActionWidth: 4rem !default; +$dockActionHeight: 4rem !default; +$dockItemPadding: 0.5rem !default; +$dockItemBorderRadius: $borderRadius !default; +$dockCurrentItemMargin: 1.5rem !default; +$dockFirstItemsMargin: 1.3rem !default; +$dockSecondItemsMargin: 0.9rem !default; +$dockBg: rgba(255, 255, 255, 0.1) !default; +$dockBorder: 1px solid rgba(255, 255, 255, 0.2) !default; +$dockPadding: 0.5rem 0.5rem !default; +$dockBorderRadius: 0.5rem !default; + +//image +$imageMaskBg: rgba(0, 0, 0, 0.9) !default; +$imagePreviewToolbarPadding: 1rem !default; +$imagePreviewIndicatorColor: #f8f9fa !default; +$imagePreviewIndicatorBg: rgba(0, 0, 0, 0.5) !default; +$imagePreviewActionIconBg: transparent !default; +$imagePreviewActionIconColor: #f8f9fa !default; +$imagePreviewActionIconHoverBg: rgba(255, 255, 255, 0.1) !default; +$imagePreviewActionIconHoverColor: #f8f9fa !default; +$imagePreviewActionIconWidth: 3rem !default; +$imagePreviewActionIconHeight: 3rem !default; +$imagePreviewActionIconFontSize: 1.5rem !default; +$imagePreviewActionIconBorderRadius: 50% !default; + +:root { + font-family: "Inter", sans-serif; + --font-family: "Inter", sans-serif; + --surface-a: #{$white}; + --surface-b: #{$white100}; + --surface-c: #{$white300}; + --surface-d: #{$white200}; + --surface-e: #{$white}; + --surface-f: #{$white}; + --text-color: #{$black100}; + --text-color-secondary: #{$primaryColorAlt}; + --primary-color: #{$primaryColor}; + --primary-color-text: #{$primaryTextColor}; + --surface-0: #ffffff; + --surface-50: #edeef0; + --surface-100: #dbdde1; + --surface-200: #b7bbc3; + --surface-300: #949aa6; + --surface-400: #707888; + --surface-500: #4c566a; + --surface-600: #3d4555; + --surface-700: #2e3440; + --surface-800: #1e222a; + --surface-900: #0f1115; + --gray-50: #edeef0; + --gray-100: #dbdde1; + --gray-200: #b7bbc3; + --gray-300: #949aa6; + --gray-400: #707888; + --gray-500: #4c566a; + --gray-600: #3d4555; + --gray-700: #2e3440; + --gray-800: #1e222a; + --gray-900: #0f1115; + --content-padding: #{$panelContentPadding}; + --inline-spacing: #{$inlineSpacing}; + --border-radius: #{$borderRadius}; + --surface-ground: #eceff4; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #e5e9f0; + --surface-hover: #d8dee9; + --maskbg: #{$maskBg}; + --highlight-bg: #{$highlightBg}; + --highlight-text-color: #{$highlightTextColor}; + --focus-ring: #{$focusShadow}; + color-scheme: light; +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/mira/fonts/Inter-Bold.woff b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/mira/fonts/Inter-Bold.woff new file mode 100644 index 000000000..110bb66ce Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/mira/fonts/Inter-Bold.woff differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/mira/fonts/Inter-Bold.woff2 b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/mira/fonts/Inter-Bold.woff2 new file mode 100644 index 000000000..2532ddd06 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/mira/fonts/Inter-Bold.woff2 differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/mira/fonts/Inter-Medium.woff b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/mira/fonts/Inter-Medium.woff new file mode 100644 index 000000000..118018462 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/mira/fonts/Inter-Medium.woff differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/mira/fonts/Inter-Medium.woff2 b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/mira/fonts/Inter-Medium.woff2 new file mode 100644 index 000000000..12454556b Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/mira/fonts/Inter-Medium.woff2 differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/mira/fonts/Inter-Regular.woff b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/mira/fonts/Inter-Regular.woff new file mode 100644 index 000000000..5785a99c4 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/mira/fonts/Inter-Regular.woff differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/mira/fonts/Inter-Regular.woff2 b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/mira/fonts/Inter-Regular.woff2 new file mode 100644 index 000000000..52c1e3b3c Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/mira/fonts/Inter-Regular.woff2 differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/mira/fonts/Inter-SemiBold.woff b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/mira/fonts/Inter-SemiBold.woff new file mode 100644 index 000000000..6ddf47ec3 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/mira/fonts/Inter-SemiBold.woff differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/mira/fonts/Inter-SemiBold.woff2 b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/mira/fonts/Inter-SemiBold.woff2 new file mode 100644 index 000000000..3ba0884fa Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/mira/fonts/Inter-SemiBold.woff2 differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/mira/theme.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/mira/theme.scss new file mode 100644 index 000000000..8a46d3650 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/mira/theme.scss @@ -0,0 +1,5 @@ +@import './variables'; +@import './_fonts'; +@import '../../theme-base/_components'; +@import './_extensions'; + diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/mytheme/_extensions.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/mytheme/_extensions.scss new file mode 100644 index 000000000..f5dbaa43b --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/mytheme/_extensions.scss @@ -0,0 +1 @@ +/* Customizations to the designer theme should be defined here */ \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/mytheme/_fonts.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/mytheme/_fonts.scss new file mode 100644 index 000000000..e69de29bb diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/mytheme/_variables.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/mytheme/_variables.scss new file mode 100644 index 000000000..60178c16d --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/mytheme/_variables.scss @@ -0,0 +1,39 @@ +// Theme Specific Variables +$primaryColor: #2CC978; +$primaryDarkColor: #0F9A70; +$primaryDarkerColor: #0A715A; +$primaryTextColor: #FDFDD8; + +$colors: ( + "blue": #2196F3, + "green": #4caf50, + "yellow": #FBC02D, + "cyan": #00BCD4, + "pink": #E91E63, + "indigo": #3F51B5, + "teal": #009688, + "orange": #F57C00, + "bluegray": #607D8B, + "purple": #9C27B0, + "red": #FF4032, + "primary": $primaryColor +); + +// Mandatory Designer Variables +@import './variables/general'; +@import './variables/form'; +@import './variables/button'; +@import './variables/panel'; +@import './variables/_data'; +@import './variables/_overlay'; +@import './variables/_message'; +@import './variables/_menu'; +@import './variables/_media'; +@import './variables/_misc'; + +$font-weight-light: 400 !default; +$font-weight-normal: 700 !default; +$font-weight-bold: 900 !default; +$font-weight-base: $font-weight-light !default; + +:root{--surface-a:#25935a;--surface-b:#1a7f4b;--surface-c:#4fc488;--surface-d:#1c634e;--surface-e:#25935a;--surface-f:#25935a;--text-color:#fdfdd8;--text-color-secondary:#75d7a4;--primary-color:#2cc978;--primary-color-text:#fdfdd8;--font-family:Alegreya Sans, sans-serif;--surface-0: #ffffff;--surface-50: #FAFAFA;--surface-100: #F5F5F5;--surface-200: #EEEEEE;--surface-300: #E0E0E0;--surface-400: #BDBDBD;--surface-500: #9E9E9E;--surface-600: #757575;--surface-700: #616161;--surface-800: #424242;--surface-900: #212121;--gray-50: #FAFAFA;--gray-100: #F5F5F5;--gray-200: #EEEEEE;--gray-300: #E0E0E0;--gray-400: #BDBDBD;--gray-500: #9E9E9E;--gray-600: #757575;--gray-700: #616161;--gray-800: #424242;--gray-900: #212121;--content-padding:1rem;--inline-spacing:0.5rem;--border-radius:4px;--surface-ground:#f8f9fa;--surface-section:#ffffff;--surface-card:#ffffff;--surface-overlay:#ffffff;--surface-border:#dee2e6;--surface-hover: #e9ecef;--maskbg: rgba(0, 0, 0, 0.4);--focus-ring: 0 0 0 0.2rem #7efdbc;color-scheme:light}*{box-sizing:border-box}body .ui-widget{font-family:"Alegreya Sans",sans-serif;font-size:1rem;text-decoration:none}body .ui-icon{font-size:1rem;display:inline-block;vertical-align:baseline;margin:0;position:static;text-indent:0;overflow:visible;background-repeat:no-repeat}body .pi{font-size:1rem}body .ui-widget-overlay{-webkit-animation-name:modal-in;animation-name:modal-in;animation-duration:.4s;animation-timing-function:cubic-bezier(0.05, 0.74, 0.2, 0.99);animation-fill-mode:forwards}body .ui-helper-reset{line-height:normal}body .ui-state-disabled{opacity:.6}body .ui-widget-overlay{background:rgba(0,0,0,.4)}body .ui-resizable-handle{position:absolute}.ui-resizable{display:flex;flex-direction:column}.ui-resizable .ui-widget-content{flex-grow:1}: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:#f6fbf6;--green-100:#d4ecd5;--green-200:#b2ddb4;--green-300:#90cd93;--green-400:#6ebe71;--green-500:#4caf50;--green-600:#419544;--green-700:#357b38;--green-800:#2a602c;--green-900:#1e4620;--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:#f5f6fb;--indigo-100:#d1d5ed;--indigo-200:#acb4df;--indigo-300:#8893d1;--indigo-400:#6372c3;--indigo-500:#3f51b5;--indigo-600:#36459a;--indigo-700:#2c397f;--indigo-800:#232d64;--indigo-900:#192048;--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:#fff8f2;--orange-100:#fde0c2;--orange-200:#fbc791;--orange-300:#f9ae61;--orange-400:#f79530;--orange-500:#f57c00;--orange-600:#d06900;--orange-700:#ac5700;--orange-800:#874400;--orange-900:#623200;--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;--red-50:#fff5f5;--red-100:#ffd1ce;--red-200:#ffada7;--red-300:#ff8980;--red-400:#ff6459;--red-500:#ff4032;--red-600:#d9362b;--red-700:#b32d23;--red-800:#8c231c;--red-900:#661a14;--primary-50:#f4fcf8;--primary-100:#ccf2df;--primary-200:#a4e8c5;--primary-300:#7cdeab;--primary-400:#54d392;--primary-500:#2cc978;--primary-600:#25ab66;--primary-700:#1f8d54;--primary-800:#186f42;--primary-900:#125030}body .ui-button{background:#2cc978;color:#fdfdd8;border:1px solid #2cc978;margin:0;outline:0 none;border-radius:4px;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s}body .ui-button.ui-state-hover{background:#28b56c;border-color:#28b56c;color:#fdfdd8}body .ui-button.ui-state-focus{outline:0 none;outline-offset:0;box-shadow:0 0 0 .2em #a8ecc9}body .ui-button.ui-state-active,body .ui-button.ui-state-down{background:#23a160;border-color:#23a160;color:#fdfdd8}body .ui-button.ui-button-outlined{background-color:rgba(0,0,0,0);color:#2cc978;border:1px solid}body .ui-button.ui-button-outlined.ui-state-hover{background:rgba(44,201,120,.04);color:#2cc978;border:1px solid}body .ui-button.ui-button-outlined.ui-state-active,body .ui-button.ui-button-outlined.ui-state-down{background:rgba(44,201,120,.16);color:#2cc978;border:1px solid}body .ui-button.ui-button-outlined.ui-button-plain{color:#75d7a4;border-color:#75d7a4}body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover{background:#4fc488;color:#75d7a4}body .ui-button.ui-button-outlined.ui-button-plain.ui-state-active,body .ui-button.ui-button-outlined.ui-button-plain.ui-state-down{background:#1c634e;color:#75d7a4}body .ui-button.ui-button-flat{background-color:rgba(0,0,0,0);color:#2cc978;border-color:rgba(0,0,0,0)}body .ui-button.ui-button-flat.ui-state-hover{background:rgba(44,201,120,.04);color:#2cc978;border-color:rgba(0,0,0,0)}body .ui-button.ui-button-flat.ui-state-active,body .ui-button.ui-button-flat.ui-state-down{background:rgba(44,201,120,.16);color:#2cc978;border-color:rgba(0,0,0,0)}body .ui-button.ui-button-flat.ui-button-plain{color:#75d7a4}body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover{background:#4fc488;color:#75d7a4}body .ui-button.ui-button-flat.ui-button-plain.ui-state-active,body .ui-button.ui-button-flat.ui-button-plain.ui-state-down{background:#1c634e;color:#75d7a4}body .ui-button.ui-button-text-only .ui-button-text{padding:.5rem 1rem}body .ui-button.ui-button-text-icon-left .ui-button-text{padding:.5rem 1rem .5rem 2rem}body .ui-button.ui-button-text-icon-left .ui-icon{position:absolute;top:50%;left:50%;margin-top:-0.5rem;left:.5rem}body .ui-button.ui-button-text-icon-right .ui-button-text{padding:.5rem 2rem .5rem 1rem}body .ui-button.ui-button-text-icon-right .ui-icon{position:absolute;top:50%;right:50%;margin-top:-0.5rem;right:.5rem}body .ui-button.ui-button-icon-only{width:2.357rem}body .ui-button.ui-button-icon-only .ui-button-text{padding:.5rem}body .ui-button.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-0.5rem;margin-left:-0.5rem}body .ui-button.ui-button-raised{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)}body .ui-button.rounded-button{border-radius:2rem}body .ui-button.rounded-button.ui-button-icon-only{border-radius:50%;height:2.357rem}body .ui-button .ui-icon-triangle-1-s{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-button .ui-icon-triangle-1-s:before{content:""}body .ui-selectbooleanbutton,body .ui-selectonebutton>.ui-button,body .ui-selectmanybutton>.ui-button{background:#25935a;color:#fdfdd8;border:1px solid #fdfdd8;outline:0 none;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s}body .ui-selectbooleanbutton .ui-icon,body .ui-selectonebutton>.ui-button .ui-icon,body .ui-selectmanybutton>.ui-button .ui-icon{color:#75d7a4}body .ui-selectbooleanbutton.ui-state-hover,body .ui-selectonebutton>.ui-button.ui-state-hover,body .ui-selectmanybutton>.ui-button.ui-state-hover{background:#4fc488;border-color:#fdfdd8;color:#fdfdd8}body .ui-selectbooleanbutton.ui-state-hover .ui-icon,body .ui-selectonebutton>.ui-button.ui-state-hover .ui-icon,body .ui-selectmanybutton>.ui-button.ui-state-hover .ui-icon{color:#75d7a4}body .ui-selectbooleanbutton.ui-state-active,body .ui-selectonebutton>.ui-button.ui-state-active,body .ui-selectmanybutton>.ui-button.ui-state-active{background:#2cc978;border-color:#2cc978;color:#fdfdd8}body .ui-selectbooleanbutton.ui-state-active .ui-icon,body .ui-selectonebutton>.ui-button.ui-state-active .ui-icon,body .ui-selectmanybutton>.ui-button.ui-state-active .ui-icon{color:#fdfdd8}body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover,body .ui-selectonebutton>.ui-button.ui-state-active:not(.ui-state-disabled):hover,body .ui-selectmanybutton>.ui-button.ui-state-active:not(.ui-state-disabled):hover{background:#28b56c;border-color:#28b56c;color:#fdfdd8}body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover .ui-icon,body .ui-selectonebutton>.ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon,body .ui-selectmanybutton>.ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon{color:#fdfdd8}body .ui-selectonebutton>.ui-button,body .ui-selectmanybutton>.ui-button{border-radius:0}body .ui-selectonebutton>.ui-button:first-child,body .ui-selectmanybutton>.ui-button:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}body .ui-selectonebutton>.ui-button:last-child,body .ui-selectmanybutton>.ui-button:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}body .ui-selectonebutton>.ui-button.ui-state-focus,body .ui-selectmanybutton>.ui-button.ui-state-focus{z-index:1}body .ui-selectonebutton>.ui-button:not(:last-child),body .ui-selectmanybutton>.ui-button:not(:last-child){border-right-width:0}@media(max-width: 640px){body .ui-selectonebutton>div.ui-button:not(:last-child),body .ui-selectmanybutton>div.ui-button:not(:last-child){border-bottom-width:0;border-right-width:1px}body .ui-selectonebutton>div.ui-button:first-child,body .ui-selectmanybutton>div.ui-button:first-child{border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-left-radius:0;border-bottom-right-radius:0}body .ui-selectonebutton>div.ui-button:last-child,body .ui-selectmanybutton>div.ui-button:last-child{border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom-width:1px}}@media(max-width: 640px){body .ui-dataview-layout-options>div.ui-button:not(:last-child){border-bottom-width:1px;border-right-width:0}body .ui-dataview-layout-options>div.ui-button:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px;border-top-right-radius:0;border-bottom-right-radius:0}body .ui-dataview-layout-options>div.ui-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}}body .ui-button-group .ui-button{margin:0;border-radius:0}body .ui-button-group .ui-button:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}body .ui-button-group .ui-button:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}body .ui-button-group .ui-button.ui-state-focus{z-index:1}body .ui-button.ui-button-secondary,body .ui-splitbutton.ui-button-secondary>.ui-button,body .ui-menubutton.ui-button-secondary>.ui-button{background:#fdfdd8;color:#0f9a70;border:1px solid #fdfdd8}body .ui-button.ui-button-secondary.ui-state-hover,body .ui-button.ui-button-secondary:not(:disabled):hover,body .ui-splitbutton.ui-button-secondary>.ui-button.ui-state-hover,body .ui-splitbutton.ui-button-secondary>.ui-button:not(:disabled):hover,body .ui-menubutton.ui-button-secondary>.ui-button.ui-state-hover,body .ui-menubutton.ui-button-secondary>.ui-button:not(:disabled):hover{background:#fbfbab;border-color:#fbfbab;color:#0f9a70}body .ui-button.ui-button-secondary.ui-state-focus,body .ui-splitbutton.ui-button-secondary>.ui-button.ui-state-focus,body .ui-menubutton.ui-button-secondary>.ui-button.ui-state-focus{box-shadow:0 0 0 .2rem #fefeef}body .ui-button.ui-button-secondary.ui-state-active,body .ui-button.ui-button-secondary:active,body .ui-splitbutton.ui-button-secondary>.ui-button.ui-state-active,body .ui-splitbutton.ui-button-secondary>.ui-button:active,body .ui-menubutton.ui-button-secondary>.ui-button.ui-state-active,body .ui-menubutton.ui-button-secondary>.ui-button:active{background:#f8f87f;border-color:#f8f87f;color:#0f9a70}body .ui-button.ui-button-secondary.ui-button-outlined,body .ui-splitbutton.ui-button-secondary>.ui-button.ui-button-outlined,body .ui-menubutton.ui-button-secondary>.ui-button.ui-button-outlined{background-color:rgba(0,0,0,0);color:#fdfdd8;border:1px solid}body .ui-button.ui-button-secondary.ui-button-outlined:enabled:hover,body .ui-splitbutton.ui-button-secondary>.ui-button.ui-button-outlined:enabled:hover,body .ui-menubutton.ui-button-secondary>.ui-button.ui-button-outlined:enabled:hover{background:rgba(253,253,216,.04);color:#fdfdd8;border:1px solid}body .ui-button.ui-button-secondary.ui-button-outlined:enabled:active,body .ui-splitbutton.ui-button-secondary>.ui-button.ui-button-outlined:enabled:active,body .ui-menubutton.ui-button-secondary>.ui-button.ui-button-outlined:enabled:active{background:rgba(253,253,216,.16);color:#fdfdd8;border:1px solid}body .ui-button.ui-button-secondary.ui-button-flat,body .ui-splitbutton.ui-button-secondary>.ui-button.ui-button-flat,body .ui-menubutton.ui-button-secondary>.ui-button.ui-button-flat{background-color:rgba(0,0,0,0);color:#fdfdd8;border-color:rgba(0,0,0,0)}body .ui-button.ui-button-secondary.ui-button-flat:enabled:hover,body .ui-splitbutton.ui-button-secondary>.ui-button.ui-button-flat:enabled:hover,body .ui-menubutton.ui-button-secondary>.ui-button.ui-button-flat:enabled:hover{background:rgba(253,253,216,.04);border-color:rgba(0,0,0,0);color:#fdfdd8}body .ui-button.ui-button-secondary.ui-button-flat:enabled:active,body .ui-splitbutton.ui-button-secondary>.ui-button.ui-button-flat:enabled:active,body .ui-menubutton.ui-button-secondary>.ui-button.ui-button-flat:enabled:active{background:rgba(253,253,216,.16);border-color:rgba(0,0,0,0);color:#fdfdd8}body .ui-button.ui-button-success,body .ui-splitbutton.ui-button-success>.ui-button,body .ui-menubutton.ui-button-success>.ui-button{background:#0f9a70;color:#fdfdd8;border:1px solid #0f9a70}body .ui-button.ui-button-success.ui-state-hover,body .ui-splitbutton.ui-button-success>.ui-button.ui-state-hover,body .ui-menubutton.ui-button-success>.ui-button.ui-state-hover{background:#0e8b65;color:#fdfdd8;border-color:#0e8b65}body .ui-button.ui-button-success.ui-state-focus,body .ui-splitbutton.ui-button-success>.ui-button.ui-state-focus,body .ui-menubutton.ui-button-success>.ui-button.ui-state-focus{box-shadow:0 0 0 .2rem #83f3d1}body .ui-button.ui-button-success.ui-state-active,body .ui-splitbutton.ui-button-success>.ui-button.ui-state-active,body .ui-menubutton.ui-button-success>.ui-button.ui-state-active{background:#0c7b5a;color:#fdfdd8}body .ui-button.ui-button-success.ui-button-outlined,body .ui-splitbutton.ui-button-success>.ui-button.ui-button-outlined,body .ui-menubutton.ui-button-success>.ui-button.ui-button-outlined{background-color:rgba(0,0,0,0);color:#0f9a70;border:1px solid}body .ui-button.ui-button-success.ui-button-outlined.ui-state-hover,body .ui-splitbutton.ui-button-success>.ui-button.ui-button-outlined.ui-state-hover,body .ui-menubutton.ui-button-success>.ui-button.ui-button-outlined.ui-state-hover{background:rgba(15,154,112,.04);color:#0f9a70;border:1px solid}body .ui-button.ui-button-success.ui-button-outlined.ui-state-active,body .ui-splitbutton.ui-button-success>.ui-button.ui-button-outlined.ui-state-active,body .ui-menubutton.ui-button-success>.ui-button.ui-button-outlined.ui-state-active{background:rgba(15,154,112,.16);color:#0f9a70;border:1px solid}body .ui-button.ui-button-success.ui-button-flat,body .ui-splitbutton.ui-button-success>.ui-button.ui-button-flat,body .ui-menubutton.ui-button-success>.ui-button.ui-button-flat{background-color:rgba(0,0,0,0);color:#0f9a70;border-color:rgba(0,0,0,0)}body .ui-button.ui-button-success.ui-button-flat.ui-state-hover,body .ui-splitbutton.ui-button-success>.ui-button.ui-button-flat.ui-state-hover,body .ui-menubutton.ui-button-success>.ui-button.ui-button-flat.ui-state-hover{background:rgba(15,154,112,.04);border-color:rgba(0,0,0,0);color:#0f9a70}body .ui-button.ui-button-success.ui-button-flat.ui-state-active,body .ui-splitbutton.ui-button-success>.ui-button.ui-button-flat.ui-state-active,body .ui-menubutton.ui-button-success>.ui-button.ui-button-flat.ui-state-active{background:rgba(15,154,112,.16);border-color:rgba(0,0,0,0);color:#0f9a70}body .ui-button.ui-button-warning,body .ui-splitbutton.ui-button-warning>.ui-button,body .ui-menubutton.ui-button-warning>.ui-button{background:#f3b95f;color:#212529;border:1px solid #f3b95f}body .ui-button.ui-button-warning.ui-state-hover,body .ui-splitbutton.ui-button-warning>.ui-button.ui-state-hover,body .ui-menubutton.ui-button-warning>.ui-button.ui-state-hover{background:#f1ab40;color:#212529;border-color:#f1ab40}body .ui-button.ui-button-warning.ui-state-focus,body .ui-splitbutton.ui-button-warning>.ui-button.ui-state-focus,body .ui-menubutton.ui-button-warning>.ui-button.ui-state-focus{box-shadow:0 0 0 .2rem #fae3bf}body .ui-button.ui-button-warning.ui-state-active,body .ui-splitbutton.ui-button-warning>.ui-button.ui-state-active,body .ui-menubutton.ui-button-warning>.ui-button.ui-state-active{background:#ee9d20;color:#212529;border-color:#ee9d20}body .ui-button.ui-button-warning.ui-button-outlined,body .ui-splitbutton.ui-button-warning>.ui-button.ui-button-outlined,body .ui-menubutton.ui-button-warning>.ui-button.ui-button-outlined{background-color:rgba(0,0,0,0);color:#f3b95f;border:1px solid}body .ui-button.ui-button-warning.ui-button-outlined.ui-state-hover,body .ui-splitbutton.ui-button-warning>.ui-button.ui-button-outlined.ui-state-hover,body .ui-menubutton.ui-button-warning>.ui-button.ui-button-outlined.ui-state-hover{background:rgba(243,185,95,.04);color:#f3b95f;border:1px solid}body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active,body .ui-splitbutton.ui-button-warning>.ui-button.ui-button-outlined.ui-state-active,body .ui-menubutton.ui-button-warning>.ui-button.ui-button-outlined.ui-state-active{background:rgba(243,185,95,.16);color:#f3b95f;border:1px solid}body .ui-button.ui-button-warning.ui-button-flat,body .ui-splitbutton.ui-button-warning>.ui-button.ui-button-flat,body .ui-menubutton.ui-button-warning>.ui-button.ui-button-flat{background-color:rgba(0,0,0,0);color:#f3b95f;border-color:rgba(0,0,0,0)}body .ui-button.ui-button-warning.ui-button-flat.ui-state-hover,body .ui-splitbutton.ui-button-warning>.ui-button.ui-button-flat.ui-state-hover,body .ui-menubutton.ui-button-warning>.ui-button.ui-button-flat.ui-state-hover{background:rgba(243,185,95,.04);border-color:rgba(0,0,0,0);color:#f3b95f}body .ui-button.ui-button-warning.ui-button-flat.ui-state-active,body .ui-splitbutton.ui-button-warning>.ui-button.ui-button-flat.ui-state-active,body .ui-menubutton.ui-button-warning>.ui-button.ui-button-flat.ui-state-active{background:rgba(243,185,95,.16);border-color:rgba(0,0,0,0);color:#f3b95f}body .ui-button.ui-button-help,body .ui-splitbutton.ui-button-help>.ui-button,body .ui-menubutton.ui-button-help>.ui-button{background:#9681eb;color:#fdfdd8;border:1px solid #9681eb}body .ui-button.ui-button-help.ui-state-hover,body .ui-splitbutton.ui-button-help>.ui-button.ui-state-hover,body .ui-menubutton.ui-button-help>.ui-button.ui-state-hover{background:#7c62e6;color:#fdfdd8;border-color:#7c62e6}body .ui-button.ui-button-help.ui-state-focus,body .ui-splitbutton.ui-button-help>.ui-button.ui-state-focus,body .ui-menubutton.ui-button-help>.ui-button.ui-state-focus{box-shadow:0 0 0 .2rem #d5cdf7}body .ui-button.ui-button-help.ui-state-active,body .ui-splitbutton.ui-button-help>.ui-button.ui-state-active,body .ui-menubutton.ui-button-help>.ui-button.ui-state-active{background:#6242e1;color:#fdfdd8;border-color:#6242e1}body .ui-button.ui-button-help.ui-button-outlined,body .ui-splitbutton.ui-button-help>.ui-button.ui-button-outlined,body .ui-menubutton.ui-button-help>.ui-button.ui-button-outlined{background-color:rgba(0,0,0,0);color:#9681eb;border:1px solid}body .ui-button.ui-button-help.ui-button-outlined.ui-state-hover,body .ui-splitbutton.ui-button-help>.ui-button.ui-button-outlined.ui-state-hover,body .ui-menubutton.ui-button-help>.ui-button.ui-button-outlined.ui-state-hover{background:rgba(150,129,235,.04);color:#9681eb;border:1px solid}body .ui-button.ui-button-help.ui-button-outlined.ui-state-active,body .ui-splitbutton.ui-button-help>.ui-button.ui-button-outlined.ui-state-active,body .ui-menubutton.ui-button-help>.ui-button.ui-button-outlined.ui-state-active{background:rgba(150,129,235,.16);color:#9681eb;border:1px solid}body .ui-button.ui-button-help.ui-button-flat,body .ui-splitbutton.ui-button-help>.ui-button.ui-button-flat,body .ui-menubutton.ui-button-help>.ui-button.ui-button-flat{background-color:rgba(0,0,0,0);color:#9681eb;border-color:rgba(0,0,0,0)}body .ui-button.ui-button-help.ui-button-flat.ui-state-hover,body .ui-splitbutton.ui-button-help>.ui-button.ui-button-flat.ui-state-hover,body .ui-menubutton.ui-button-help>.ui-button.ui-button-flat.ui-state-hover{background:rgba(150,129,235,.04);border-color:rgba(0,0,0,0);color:#9681eb}body .ui-button.ui-button-help.ui-button-flat.ui-state-active,body .ui-splitbutton.ui-button-help>.ui-button.ui-button-flat.ui-state-active,body .ui-menubutton.ui-button-help>.ui-button.ui-button-flat.ui-state-active{background:rgba(150,129,235,.16);border-color:rgba(0,0,0,0);color:#9681eb}body .ui-button.ui-button-info,body .ui-splitbutton.ui-button-info>.ui-button,body .ui-menubutton.ui-button-info>.ui-button{background:#0288d1;color:#fdfdd8;border:1px solid #0288d1}body .ui-button.ui-button-info.ui-state-hover,body .ui-splitbutton.ui-button-info>.ui-button.ui-state-hover,body .ui-menubutton.ui-button-info>.ui-button.ui-state-hover{background:#027abc;color:#fdfdd8;border-color:#027abc}body .ui-button.ui-button-info.ui-state-focus,body .ui-splitbutton.ui-button-info>.ui-button.ui-state-focus,body .ui-menubutton.ui-button-info>.ui-button.ui-state-focus{box-shadow:0 0 0 .2rem #89d4fe}body .ui-button.ui-button-info.ui-state-active,body .ui-splitbutton.ui-button-info>.ui-button.ui-state-active,body .ui-menubutton.ui-button-info>.ui-button.ui-state-active{background:#026da7;color:#fdfdd8;border-color:#026da7}body .ui-button.ui-button-info.ui-button-outlined,body .ui-splitbutton.ui-button-info>.ui-button.ui-button-outlined,body .ui-menubutton.ui-button-info>.ui-button.ui-button-outlined{background-color:rgba(0,0,0,0);color:#0288d1;border:1px solid}body .ui-button.ui-button-info.ui-button-outlined.ui-state-hover,body .ui-splitbutton.ui-button-info>.ui-button.ui-button-outlined.ui-state-hover,body .ui-menubutton.ui-button-info>.ui-button.ui-button-outlined.ui-state-hover{background:rgba(2,136,209,.04);color:#0288d1;border:1px solid}body .ui-button.ui-button-info.ui-button-outlined.ui-state-active,body .ui-splitbutton.ui-button-info>.ui-button.ui-button-outlined.ui-state-active,body .ui-menubutton.ui-button-info>.ui-button.ui-button-outlined.ui-state-active{background:rgba(2,136,209,.16);color:#0288d1;border:1px solid}body .ui-button.ui-button-info.ui-button-flat,body .ui-splitbutton.ui-button-info>.ui-button.ui-button-flat,body .ui-menubutton.ui-button-info>.ui-button.ui-button-flat{background-color:rgba(0,0,0,0);color:#0288d1;border-color:rgba(0,0,0,0)}body .ui-button.ui-button-info.ui-button-flat.ui-state-hover,body .ui-splitbutton.ui-button-info>.ui-button.ui-button-flat.ui-state-hover,body .ui-menubutton.ui-button-info>.ui-button.ui-button-flat.ui-state-hover{background:rgba(2,136,209,.04);border-color:rgba(0,0,0,0);color:#0288d1}body .ui-button.ui-button-info.ui-button-flat.ui-state-active,body .ui-splitbutton.ui-button-info>.ui-button.ui-button-flat.ui-state-active,body .ui-menubutton.ui-button-info>.ui-button.ui-button-flat.ui-state-active{background:rgba(2,136,209,.16);border-color:rgba(0,0,0,0);color:#0288d1}body .ui-button.ui-button-danger,body .ui-splitbutton.ui-button-danger>.ui-button,body .ui-menubutton.ui-button-danger>.ui-button{background:#fa7a71;color:#fdfdd8;border:1px solid #fa7a71}body .ui-button.ui-button-danger.ui-state-hover,body .ui-splitbutton.ui-button-danger>.ui-button.ui-state-hover,body .ui-menubutton.ui-button-danger>.ui-button.ui-state-hover{background:#f9594e;color:#fdfdd8;border-color:#f9594e}body .ui-button.ui-button-danger.ui-state-focus,body .ui-splitbutton.ui-button-danger>.ui-button.ui-state-focus,body .ui-menubutton.ui-button-danger>.ui-button.ui-state-focus{box-shadow:0 0 0 .2rem #fdcac6}body .ui-button.ui-button-danger.ui-state-active,body .ui-splitbutton.ui-button-danger>.ui-button.ui-state-active,body .ui-menubutton.ui-button-danger>.ui-button.ui-state-active{background:#f8382b;color:#fdfdd8;border-color:#f8382b}body .ui-button.ui-button-danger.ui-button-outlined,body .ui-splitbutton.ui-button-danger>.ui-button.ui-button-outlined,body .ui-menubutton.ui-button-danger>.ui-button.ui-button-outlined{background-color:rgba(0,0,0,0);color:#fa7a71;border:1px solid}body .ui-button.ui-button-danger.ui-button-outlined.ui-state-hover,body .ui-splitbutton.ui-button-danger>.ui-button.ui-button-outlined.ui-state-hover,body .ui-menubutton.ui-button-danger>.ui-button.ui-button-outlined.ui-state-hover{background:rgba(250,122,113,.04);color:#fa7a71;border:1px solid}body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active,body .ui-splitbutton.ui-button-danger>.ui-button.ui-button-outlined.ui-state-active,body .ui-menubutton.ui-button-danger>.ui-button.ui-button-outlined.ui-state-active{background:rgba(250,122,113,.16);color:#fa7a71;border:1px solid}body .ui-button.ui-button-danger.ui-button-flat,body .ui-splitbutton.ui-button-danger>.ui-button.ui-button-flat,body .ui-menubutton.ui-button-danger>.ui-button.ui-button-flat{background-color:rgba(0,0,0,0);color:#fa7a71;border-color:rgba(0,0,0,0)}body .ui-button.ui-button-danger.ui-button-flat.ui-state-hover,body .ui-splitbutton.ui-button-danger>.ui-button.ui-button-flat.ui-state-hover,body .ui-menubutton.ui-button-danger>.ui-button.ui-button-flat.ui-state-hover{background:rgba(250,122,113,.04);border-color:rgba(0,0,0,0);color:#fa7a71}body .ui-button.ui-button-danger.ui-button-flat.ui-state-active,body .ui-splitbutton.ui-button-danger>.ui-button.ui-button-flat.ui-state-active,body .ui-menubutton.ui-button-danger>.ui-button.ui-button-flat.ui-state-active{background:rgba(250,122,113,.16);border-color:rgba(0,0,0,0);color:#fa7a71}body .ui-commandlink,body .ui-link{color:#2cc978;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s}body .ui-commandlink:hover,body .ui-link:hover{color:#28b56c;text-decoration:underline}body .ui-commandlink:active,body .ui-link:active{color:#23a160}body .ui-splitbutton{padding:0}body .ui-splitbutton .ui-button:first-child{position:relative;margin:0;border-top-left-radius:4px;border-bottom-left-radius:4px;border-top-right-radius:0;border-bottom-right-radius:0}body .ui-splitbutton .ui-button:first-child.ui-state-focus{z-index:1}body .ui-splitbutton .ui-splitbuttonmenu{min-width:100%}body .ui-splitbutton .ui-button.ui-splitbutton-menubutton{cursor:pointer;height:auto;padding:0;position:relative;margin:0;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s:before{content:""}body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container{padding:.5rem 1rem;margin:0;border-bottom:0 none;background:#1a7f4b;color:#fdfdd8}body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-splitbuttonmenu-filter.ui-inputfield{padding:.5rem .5rem;width:100%;padding-left:2rem}body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none;position:absolute;left:1.5rem;top:50%;right:auto;bottom:auto;margin-top:-0.5rem;color:#75d7a4}body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon:before{content:""}body .ui-speeddial-button.ui-button.ui-button-icon-only{width:4rem;height:4rem}body .ui-speeddial-button.ui-button.ui-button-icon-only .ui-button-icon{font-size:1.3rem}body .ui-speeddial-action{width:3rem;height:3rem;background:#fdfdd8;color:#fff}body .ui-speeddial-action:hover{background:#343a40;color:#fff}body .ui-speeddial-direction-up .ui-speeddial-item{margin:.25rem 0}body .ui-speeddial-direction-up .ui-speeddial-item:first-child{margin-bottom:.5rem}body .ui-speeddial-direction-down .ui-speeddial-item{margin:.25rem 0}body .ui-speeddial-direction-down .ui-speeddial-item:first-child{margin-top:.5rem}body .ui-speeddial-direction-left .ui-speeddial-item{margin:0 .25rem}body .ui-speeddial-direction-left .ui-speeddial-item:first-child{margin-right:.5rem}body .ui-speeddial-direction-right .ui-speeddial-item{margin:0 .25rem}body .ui-speeddial-direction-right .ui-speeddial-item:first-child{margin-left:.5rem}body .ui-speeddial-circle .ui-speeddial-item,body .ui-speeddial-semi-circle .ui-speeddial-item,body .ui-speeddial-quarter-circle .ui-speeddial-item{margin:0}body .ui-speeddial-circle .ui-speeddial-item:first-child,body .ui-speeddial-circle .ui-speeddial-item:last-child,body .ui-speeddial-semi-circle .ui-speeddial-item:first-child,body .ui-speeddial-semi-circle .ui-speeddial-item:last-child,body .ui-speeddial-quarter-circle .ui-speeddial-item:first-child,body .ui-speeddial-quarter-circle .ui-speeddial-item:last-child{margin:0}body .ui-speeddial-mask{background-color:rgba(0,0,0,.4)}body .ui-carousel .ui-carousel-content .ui-carousel-prev,body .ui-carousel .ui-carousel-content .ui-carousel-next{width:2rem;height:2rem;background:rgba(0,0,0,0);color:#75d7a4;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s;border-radius:50%;border:0 none;text-align:center;line-height:2rem;padding:0;user-select:none;margin:.5rem}body .ui-carousel .ui-carousel-content .ui-carousel-prev:hover,body .ui-carousel .ui-carousel-content .ui-carousel-next:hover{background:#4fc488;color:#fdfdd8;border-color:rgba(0,0,0,0)}body .ui-carousel .ui-carousel-content .ui-carousel-prev:focus,body .ui-carousel .ui-carousel-content .ui-carousel-next:focus{outline:0 none;outline-offset:0;box-shadow:0 0 0 .2rem #7efdbc}body .ui-carousel .ui-carousel-indicators{padding:1rem}body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator{margin-right:.5rem;margin-bottom:.5rem}body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button{background-color:#4fc488;width:2rem;height:.5rem;transition:background-color .2s,color .2s,box-shadow .2s,opacity .2s ease-in-out;border-radius:0}body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button:hover{background:#1c634e}body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button{background:#2cc978;color:#fdfdd8}body .ui-chronoline .ui-chronoline-event-marker{border:2px solid #2cc978;border-radius:50%;width:1rem;height:1rem;background-color:#25935a}body .ui-chronoline .ui-chronoline-event-connector{background-color:#1c634e}body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-opposite,body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-content{padding:0 1rem}body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector{width:2px}body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-opposite,body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-content{padding:1rem 0}body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector{height:2px}body .ui-datagrid .ui-datagrid-header,body .ui-datagrid .ui-datagrid-footer{background:#1a7f4b;border:1px solid #1c634e;color:#fdfdd8;padding:1rem;font-weight:700}body .ui-datagrid .ui-datagrid-header{border-bottom:0 none}body .ui-datagrid .ui-datagrid-footer{border-top:0 none}body .ui-datagrid .ui-datagrid-content{border:1px solid #1c634e;background:#25935a;color:#fdfdd8;padding:1rem}body .ui-datagrid .ui-paginator{padding:1rem}body .ui-datagrid .ui-paginator.ui-paginator-top{border-bottom:0 none}body .ui-datagrid .ui-paginator.ui-paginator-bottom{border-top:0 none}body .ui-datalist .ui-datalist-header,body .ui-datalist .ui-datalist-footer{background:#1a7f4b;border:1px solid #1c634e;color:#fdfdd8;padding:1rem;font-weight:700}body .ui-datalist .ui-datalist-header{border-bottom:0 none}body .ui-datalist .ui-datalist-footer{border-top:0 none}body .ui-datalist .ui-datalist-content{border:1px solid #1c634e;background:#25935a;color:#fdfdd8;padding:1rem}body .ui-datalist .ui-paginator{padding:1rem}body .ui-datalist .ui-paginator.ui-paginator-top{border-bottom:0 none}body .ui-datalist .ui-paginator.ui-paginator-bottom{border-top:0 none}body .ui-datascroller .ui-datascroller-header,body .ui-datascroller .ui-datascroller-footer{background:#1a7f4b;border:1px solid #1c634e;color:#fdfdd8;padding:1rem;font-weight:700}body .ui-datascroller .ui-datascroller-header{border-bottom:0 none}body .ui-datascroller .ui-datascroller-footer{border-top:0 none}body .ui-datascroller .ui-datascroller-content{border:1px solid #1c634e;background:#25935a;color:#fdfdd8;padding:1rem}body .ui-datatable .ui-datatable-header{background:#1a7f4b;border:1px solid #4fc488;border-width:1px 0 1px 0;color:#fdfdd8;padding:1rem 1rem;font-weight:600;border-top-left-radius:4px;border-top-right-radius:4px}body .ui-datatable .ui-datatable-footer{background:#1a7f4b;border:1px solid #4fc488;border-width:0 0 1px 0;color:#fdfdd8;padding:1rem 1rem;font-weight:600;border-bottom-left-radius:4px;border-bottom-right-radius:4px}body .ui-datatable .ui-datatable-header{text-align:left}body .ui-datatable .ui-datatable-footer{text-align:left}body .ui-datatable .ui-paginator{padding:1rem}body .ui-datatable .ui-paginator.ui-paginator-top{border-width:0 0 1px 0;border-radius:0}body .ui-datatable .ui-paginator.ui-paginator-bottom{border-width:0 0 1px 0;border-radius:0}body .ui-datatable thead th{background:#1a7f4b;color:#fdfdd8;padding:1rem 1rem;border:1px solid #4fc488;border-width:0 0 1px 0;text-align:left;box-sizing:content-box;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s}body .ui-datatable thead th .ui-column-title{font-weight:700;vertical-align:middle}body .ui-datatable thead th .ui-sortable-column-icon{margin:0 0 0 .5rem}body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none;vertical-align:middle}body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before{content:""}body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none;vertical-align:middle}body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before{content:""}body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none;vertical-align:middle}body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before{content:""}body .ui-datatable thead th .ui-sortable-column-badge{border-radius:50%;height:1.143rem;min-width:1.143rem;line-height:1.143rem;color:#fdfdd8;background:#2cc978;margin-left:.5rem;font-size:.75rem}body .ui-datatable thead th.ui-sortable-column.ui-state-focus{outline:0 none;outline-offset:0;box-shadow:inset 0 0 0 .2rem #7efdbc}body .ui-datatable thead th.ui-state-hover{background:#4fc488;color:#fdfdd8}body .ui-datatable thead th.ui-state-active{background:#1a7f4b;color:#2cc978}body .ui-datatable thead th.ui-state-active.ui-state-hover{background:#4fc488;color:#2cc978}body .ui-datatable .ui-datatable-data>tr{background:#25935a;color:#fdfdd8;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s}body .ui-datatable .ui-datatable-data>tr>td{padding:1rem 1rem;border:1px solid rgba(0,0,0,.08);border-width:0 0 1px 0}body .ui-datatable .ui-datatable-data>tr>td.ui-datatable-subtable-header{background:#1a7f4b;border:1px solid #1c634e;color:#fdfdd8;font-weight:700}body .ui-datatable .ui-datatable-data>tr.ui-state-hover{background:#4fc488;color:#fdfdd8}body .ui-datatable .ui-datatable-data>tr.ui-state-highlight{background:#fdfdd8;color:#25935a}body .ui-datatable .ui-datatable-data>tr.ui-state-highlight .ui-row-toggler{color:#25935a}body .ui-datatable .ui-datatable-data>tr.ui-state-highlight .ui-row-editor>a{color:#25935a}body .ui-datatable .ui-datatable-data>tr.ui-datatable-selectable{cursor:pointer}body .ui-datatable .ui-datatable-data>tr.ui-datatable-selectable>.ui-grouped-column{background:#25935a;color:#fdfdd8;cursor:default}body .ui-datatable .ui-datatable-data>tr.ui-rowgroup-header,body .ui-datatable .ui-datatable-data>tr.ui-datatable-summaryrow{font-weight:700}body .ui-datatable .ui-datatable-data>tr .ui-row-editor>a{width:2rem;height:2rem;background:rgba(0,0,0,0);color:#75d7a4;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s;border-radius:50%;border:0 none;text-align:center;line-height:2rem;padding:0;user-select:none}body .ui-datatable .ui-datatable-data>tr .ui-row-editor>a:hover{background:#4fc488;color:#fdfdd8;border-color:rgba(0,0,0,0)}body .ui-datatable .ui-datatable-data>tr .ui-row-editor>a:focus{outline:0 none;outline-offset:0;box-shadow:0 0 0 .2rem #7efdbc}body .ui-datatable .ui-datatable-data>tr .ui-row-editor>a.ui-row-editor-check{margin-right:.5rem}body .ui-datatable .ui-datatable-data>tr .ui-row-editor .ui-icon.ui-icon-pencil{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-datatable .ui-datatable-data>tr .ui-row-editor .ui-icon.ui-icon-pencil:before{content:""}body .ui-datatable .ui-datatable-data>tr .ui-row-editor .ui-icon.ui-icon-check{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-datatable .ui-datatable-data>tr .ui-row-editor .ui-icon.ui-icon-check:before{content:""}body .ui-datatable .ui-datatable-data>tr .ui-row-editor .ui-icon.ui-icon-close{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-datatable .ui-datatable-data>tr .ui-row-editor .ui-icon.ui-icon-close:before{content:""}body .ui-datatable .ui-datatable-data>tr .ui-row-toggler{width:2rem;height:2rem;background:rgba(0,0,0,0);color:#75d7a4;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s;border-radius:50%;border:0 none;text-align:center;line-height:2rem;padding:0;user-select:none}body .ui-datatable .ui-datatable-data>tr .ui-row-toggler:hover{background:#4fc488;color:#fdfdd8;border-color:rgba(0,0,0,0)}body .ui-datatable .ui-datatable-data>tr .ui-row-toggler:focus{outline:0 none;outline-offset:0;box-shadow:0 0 0 .2rem #7efdbc}body .ui-datatable .ui-datatable-data>tr .ui-row-toggler.ui-icon-circle-triangle-e{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-datatable .ui-datatable-data>tr .ui-row-toggler.ui-icon-circle-triangle-e:before{content:""}body .ui-datatable .ui-datatable-data>tr .ui-row-toggler.ui-icon-circle-triangle-s{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-datatable .ui-datatable-data>tr .ui-row-toggler.ui-icon-circle-triangle-s:before{content:""}body .ui-datatable .ui-datatable-data>tr .ui-rowgroup-toggler{margin-right:1rem}body .ui-datatable .ui-datatable-data>tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon{width:2rem;height:2rem;background:rgba(0,0,0,0);color:#75d7a4;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s;border-radius:50%;border:0 none;text-align:center;line-height:2rem;padding:0;user-select:none}body .ui-datatable .ui-datatable-data>tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:hover{background:#4fc488;color:#fdfdd8;border-color:rgba(0,0,0,0)}body .ui-datatable .ui-datatable-data>tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:focus{outline:0 none;outline-offset:0;box-shadow:0 0 0 .2rem #7efdbc}body .ui-datatable .ui-datatable-data>tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-datatable .ui-datatable-data>tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e:before{content:""}body .ui-datatable .ui-datatable-data>tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-datatable .ui-datatable-data>tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s:before{content:""}body .ui-datatable .ui-datatable-data>tr.ui-datatable-rowordering{background:#fdfdd8}body .ui-datatable .ui-column-resizer-helper{background:#2cc978}body .ui-datatable tfoot td{background:#1a7f4b;border:1px solid #4fc488;border-width:0 0 1px 0;color:#fdfdd8;padding:1rem 1rem;font-weight:700;text-align:left;box-sizing:content-box}body .ui-datatable>.ui-icon-arrowthick-1-s{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none;display:none !important}body .ui-datatable>.ui-icon-arrowthick-1-s:before{content:""}body .ui-datatable>.ui-icon-arrowthick-1-n{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none;padding-top:1.5rem !important}body .ui-datatable>.ui-icon-arrowthick-1-n:before{content:""}body .ui-datatable .ui-datatable-scrollable-body{outline:0 none}body .ui-datatable .ui-datatable-scrollable-header,body .ui-datatable .ui-datatable-scrollable-footer{background:#1a7f4b}body .ui-datatable .ui-selection-column .ui-chkbox-all{margin:0 auto;width:1.5rem;height:1.5rem}body .ui-datatable.ui-datatable-striped .ui-datatable-data>tr.ui-datatable-odd{background:#fbfcfc}body .ui-datatable.ui-datatable-striped .ui-datatable-data>tr.ui-datatable-odd.ui-state-hover{background:#4fc488;color:#fdfdd8}body .ui-datatable.ui-datatable-striped .ui-datatable-data>tr.ui-datatable-odd.ui-state-highlight{background:#fdfdd8;color:#25935a}body .ui-datatable.ui-datatable-sm thead>tr>th{padding:.5rem .5rem}body .ui-datatable.ui-datatable-sm .ui-datatable-scrollable-theadclone>tr>th{padding-top:0;padding-bottom:0}body .ui-datatable.ui-datatable-sm .ui-datatable-data>tr>td{padding:.5rem .5rem}body .ui-datatable.ui-datatable-sm tfoot>tr>td{padding:.5rem .5rem}body .ui-datatable.ui-datatable-lg thead>tr>th{padding:1.25rem 1.25rem}body .ui-datatable.ui-datatable-lg .ui-datatable-scrollable-theadclone>tr>th{padding-top:0;padding-bottom:0}body .ui-datatable.ui-datatable-lg .ui-datatable-data>tr>td{padding:1.25rem 1.25rem}body .ui-datatable.ui-datatable-lg tfoot>tr>td{padding:1.25rem 1.25rem}body .ui-datatable.ui-datatable-gridlines .ui-datatable-header{border-width:1px}body .ui-datatable.ui-datatable-gridlines thead>tr>th{border-width:1px}body .ui-datatable.ui-datatable-gridlines .ui-datatable-data>tr>td{border-width:1px}body .ui-datatable.ui-datatable-gridlines .ui-datatable-scrollable-theadclone>tr>th{padding-top:0;padding-bottom:0;border-bottom:0 none;border-top:0 none}body .ui-datatable.ui-datatable-gridlines tfoot>tr>td{border-width:1px}body .ui-datatable.ui-datatable-sticky.ui-sticky{box-shadow:0px 11px 15px -7px rgba(0,0,0,.2),0px 24px 38px 3px rgba(0,0,0,.14),0px 9px 46px 8px rgba(0,0,0,.12)}body .ui-datatable.ui-datatable-sticky>table>thead,body .ui-datatable.ui-datatable-sticky>table>tfoot{background:#1a7f4b}body .ui-columntoggler{box-shadow:0px 11px 15px -7px rgba(0,0,0,.2),0px 24px 38px 3px rgba(0,0,0,.14),0px 9px 46px 8px rgba(0,0,0,.12);background:#25935a;border:1px solid #fdfdd8}body .ui-columntoggler .ui-columntoggler-close{display:none}body .ui-columntoggler .ui-columntoggler-items{padding:.5rem 0}body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item{padding:.5rem 1rem;margin:0;border:0 none;background:rgba(0,0,0,0);color:#fdfdd8;border-radius:0}body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox{position:static;margin-right:.5rem;margin-top:0;vertical-align:middle}body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label{padding:0;display:inline}@media(max-width: 640px){body .ui-datatable-reflow .ui-datatable-data tr{border-bottom:1px solid rgba(0,0,0,.08)}body .ui-datatable-reflow .ui-datatable-data tr:hover,body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight{border-left:0 none;border-right:0 none;border-bottom:1px solid rgba(0,0,0,.08)}body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content>td{display:block;width:100%}}body .ui-dataview .ui-paginator.ui-paginator-top{border-width:0 0 1px 0;border-radius:0}body .ui-dataview .ui-paginator.ui-paginator-bottom{border-width:0 0 1px 0;border-radius:0}body .ui-dataview .ui-dataview-header{background:#1a7f4b;color:#fdfdd8;padding:1rem 1rem;font-weight:600;border:1px solid #4fc488;border-width:1px 0 1px 0}body .ui-dataview .ui-dataview-footer{background:#1a7f4b;color:#fdfdd8;border:1px solid #4fc488;border-width:0 0 1px 0;padding:1rem 1rem;font-weight:600;border-bottom-left-radius:4px;border-bottom-right-radius:4px}body .ui-dataview .ui-dataview-content{border:0 none;background:#25935a;color:#fdfdd8;padding:0}body .ui-dataview.ui-dataview-list .ui-dataview-row{border:solid #4fc488;border-width:0 0 1px 0}body .fc .fc-scrollgrid{border-color:#1c634e}body .fc .fc-daygrid-day.fc-day-today,body .fc .fc-timegrid-col.fc-day-today{background-color:#fdfdd8}body .fc th{background:#1a7f4b;border:1px solid #1c634e;color:#fdfdd8}body .fc th>.fc-scrollgrid-sync-inner{padding:1rem}body .fc td{border:1px solid #1c634e}body .fc td.fc-widget-content{background:#25935a;border:1px solid #1c634e;color:#fdfdd8}body .fc td.fc-head-container{border:1px solid #1c634e}body .fc .fc-row{border-right:1px solid #1c634e}body .fc .fc-event{background:#28b56c;border:0px solid #28b56c;color:#fdfdd8}body .fc .fc-divider{background:#1a7f4b;border:1px solid #1c634e}body .fc .fc-toolbar .fc-button{background:#2cc978;color:#fdfdd8;border:1px solid #2cc978;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s}body .fc .fc-toolbar .fc-button:not(:disabled):hover{background:#28b56c;border-color:#28b56c;color:#fdfdd8}body .fc .fc-toolbar .fc-button:focus{outline:0 none;outline-offset:0;box-shadow:0 0 0 .2em #a8ecc9}body .fc .fc-toolbar .fc-button:active,body .fc .fc-toolbar .fc-button.fc-button-active{background:#23a160;border-color:#23a160;color:#fdfdd8}body .ui-fluid .fc .fc-toolbar .ui-button{width:auto}body .ui-orderlist .ui-orderlist-controls{margin-right:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}body .ui-orderlist .ui-orderlist-controls .ui-button{margin-bottom:.5rem}body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n:before{content:""}body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n:before{content:""}body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s:before{content:""}body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s:before{content:""}body .ui-orderlist .ui-orderlist-caption{background:#1a7f4b;border:1px solid #1c634e;color:#fdfdd8;padding:1rem;border-bottom:0 none;font-weight:700;border-top-left-radius:4px;border-top-right-radius:4px}body .ui-orderlist .ui-g>div{padding:0}body .ui-orderlist .ui-g>div.ui-orderlist-controls{padding:0 .5rem 0 0}body .ui-orderlist .ui-orderlist-list{border:1px solid #1c634e;background:#25935a;color:#fdfdd8;padding:.5rem 0;border-bottom-left-radius:4px;border-bottom-right-radius:4px}body .ui-orderlist .ui-orderlist-list .ui-orderlist-item{padding:.5rem 1rem;margin:0;border:0 none;color:#fdfdd8;border-radius:0;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s}body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-hover{background:#4fc488;color:#fdfdd8}body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight{background:#fdfdd8;color:#25935a}body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder{background:#f8f87f}body .ui-orderlist.ui-orderlist-controls-right .ui-g>div.ui-orderlist-controls{padding:0 0 0 .5rem}@media(max-width: 640px){body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls{-ms-flex-direction:row;flex-direction:row}body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button{margin-top:.5rem;margin-right:.5rem}}body .ui-paginator{background:#25935a;border:solid #4fc488;border-width:0;padding:1rem}body .ui-paginator .ui-paginator-first,body .ui-paginator .ui-paginator-prev,body .ui-paginator .ui-paginator-next,body .ui-paginator .ui-paginator-last{color:#75d7a4;width:2.286em;height:2.286em;margin:0 .125em;border:1px solid rgba(0,0,0,0);vertical-align:top;padding:0;border-radius:4px;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s}body .ui-paginator .ui-paginator-first span,body .ui-paginator .ui-paginator-prev span,body .ui-paginator .ui-paginator-next span,body .ui-paginator .ui-paginator-last span{display:none}body .ui-paginator .ui-paginator-first.ui-state-hover,body .ui-paginator .ui-paginator-prev.ui-state-hover,body .ui-paginator .ui-paginator-next.ui-state-hover,body .ui-paginator .ui-paginator-last.ui-state-hover{background:#4fc488;color:#fdfdd8;border-color:rgba(0,0,0,0)}body .ui-paginator .ui-paginator-first.ui-state-focus,body .ui-paginator .ui-paginator-prev.ui-state-focus,body .ui-paginator .ui-paginator-next.ui-state-focus,body .ui-paginator .ui-paginator-last.ui-state-focus{outline:0 none;outline-offset:0;box-shadow:0 0 0 .2rem #7efdbc}body .ui-paginator .ui-paginator-first:before,body .ui-paginator .ui-paginator-prev:before,body .ui-paginator .ui-paginator-next:before,body .ui-paginator .ui-paginator-last:before{position:relative;line-height:inherit;top:-1px}body .ui-paginator .ui-paginator-first{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none;line-height:2.286em}body .ui-paginator .ui-paginator-first:before{content:""}body .ui-paginator .ui-paginator-first:before{position:relative}body .ui-paginator .ui-paginator-prev{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none;line-height:2.286em}body .ui-paginator .ui-paginator-prev:before{content:""}body .ui-paginator .ui-paginator-prev:before{position:relative}body .ui-paginator .ui-paginator-next{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none;line-height:2.286em}body .ui-paginator .ui-paginator-next:before{content:""}body .ui-paginator .ui-paginator-next:before{position:relative}body .ui-paginator .ui-paginator-last{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none;line-height:2.286em}body .ui-paginator .ui-paginator-last:before{content:""}body .ui-paginator .ui-paginator-last:before{position:relative}body .ui-paginator .ui-paginator-current{color:#75d7a4}body .ui-paginator .ui-paginator-pages{padding:0;display:inline-block}body .ui-paginator .ui-paginator-pages .ui-paginator-page{padding:0;border:1px solid rgba(0,0,0,0);text-align:center;line-height:2.286em;min-width:2.286em;height:2.286em;color:#75d7a4;margin:0 .125em;border-radius:4px;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s}body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active{background:#fdfdd8;color:#25935a}body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover{background:#4fc488;color:#fdfdd8;border-color:rgba(0,0,0,0)}body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-focus{outline:0 none;outline-offset:0;box-shadow:0 0 0 .2rem #7efdbc}body .ui-paginator .ui-paginator-current,body .ui-paginator .ui-paginator-rpp-options{margin:.5rem;display:inline-block;vertical-align:middle}body .ui-picklist .ui-picklist-buttons{padding:0 .5rem 0 .5rem}body .ui-picklist .ui-picklist-buttons .ui-button{margin-bottom:.5rem}body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n:before{content:""}body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n:before{content:""}body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s:before{content:""}body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s:before{content:""}body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e:before{content:""}body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e:before{content:""}body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w:before{content:""}body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w:before{content:""}body .ui-picklist .ui-picklist-caption{background:#1a7f4b;border:1px solid #1c634e;color:#fdfdd8;padding:1rem;border-bottom:0 none;font-weight:700;border-top-left-radius:4px;border-top-right-radius:4px}body .ui-picklist .ui-picklist-filter-container .ui-picklist-filter{padding:.5rem .5rem;width:100%;padding-left:2rem;margin-bottom:.5rem}body .ui-picklist .ui-picklist-filter-container .ui-icon{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none;position:absolute;left:.5rem;top:50%;right:auto;margin-top:-0.75rem;color:#75d7a4}body .ui-picklist .ui-picklist-filter-container .ui-icon:before{content:""}body .ui-picklist .ui-picklist-list{border:1px solid #1c634e;background:#25935a;color:#fdfdd8;padding:.5rem 0;border-bottom-left-radius:4px;border-bottom-right-radius:4px}body .ui-picklist .ui-picklist-list .ui-picklist-item{padding:.5rem 1rem;border:0 none;margin:0;color:#fdfdd8;border-radius:0;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s}body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-hover{background:#4fc488;color:#fdfdd8}body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight{background:#fdfdd8;color:#25935a}body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder{background:#f8f87f}@media(max-width: 640px){body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button{margin-top:.5rem;margin-right:.5rem}body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button:last-child{margin-right:0}body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e:before{content:""}body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e:before{content:""}body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w:before{content:""}body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w:before{content:""}body .ui-picklist.ui-picklist-responsive>div.ui-helper-hidden-accessible{display:none}}body .ui-tagcloud{border:1px solid #1c634e;background:#25935a;color:#fdfdd8;padding:1rem}body .ui-tagcloud a{color:#fdfdd8;border-radius:4px;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s}body .ui-tagcloud a.ui-state-hover{background:#fdfdd8;color:#25935a}body .timeline-frame{border:1px solid #1c634e;background:#25935a;color:#fdfdd8}body .timeline-frame .timeline-navigation{width:2rem;height:2rem;background:rgba(0,0,0,0);color:#75d7a4;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s;border-radius:50%;border:0 none;text-align:center;line-height:2rem;padding:0;user-select:none}body .timeline-frame .timeline-navigation:hover{background:#4fc488;color:#fdfdd8;border-color:rgba(0,0,0,0)}body .timeline-frame .timeline-navigation:focus{outline:0 none;outline-offset:0;box-shadow:0 0 0 .2rem #7efdbc}body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin:before{content:""}body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout:before{content:""}body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w:before{content:""}body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e:before{content:""}body .timeline-frame .timeline-event{border:1px solid #1c634e;background:#25935a;color:#fdfdd8}body .timeline-frame .timeline-event.ui-state-active{background:#fdfdd8;color:#25935a}body .vis-timeline{border:1px solid #1c634e;background:#25935a;color:#fdfdd8}body .vis-timeline .vis-item{border:1px solid #1c634e;background:#25935a;color:#fdfdd8}body .vis-timeline .vis-item .vis-item-content{color:#fdfdd8}body .vis-timeline .vis-item.vis-dot{border-width:4px}body .vis-timeline .vis-item.vis-selected{background:#fdfdd8;border-color:#fdfdd8}body .vis-timeline .vis-item.vis-selected .vis-item-content{color:#25935a}body .vis-timeline .vis-time-axis .vis-text{color:#fdfdd8}body .vis-timeline .vis-panel .vis-shadow{box-shadow:none}body .ui-tree{border:1px solid #1c634e;background:#25935a;color:#fdfdd8;padding:1rem;width:100%;border-radius:4px}body .ui-tree .ui-tree-container{padding:0;margin:0}body .ui-tree .ui-tree-container .ui-treenode{padding:.143em 0}body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler{display:inline-block;float:none;margin:0 .5rem 0 0;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s;width:2rem;height:2rem;background:rgba(0,0,0,0);color:#75d7a4;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s;border-radius:50%;border:0 none;text-align:center;line-height:2rem;padding:0;user-select:none}body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:hover{background:#4fc488;color:#fdfdd8;border-color:rgba(0,0,0,0)}body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:focus{outline:0 none;outline-offset:0;box-shadow:0 0 0 .2rem #7efdbc}body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e:before{content:""}body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s:before{content:""}body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w:before{content:""}body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon{width:2rem;height:2rem;margin:0 .5rem 0 0}body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon{margin:0 .5rem 0 0}body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label{margin:0;padding:.286em;border-radius:4px}body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover{background:#4fc488;color:#fdfdd8}body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight{background:#fdfdd8;color:#25935a}body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox{margin-right:1rem}body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none;color:#fdfdd8}body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus:before{content:""}body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight{background:#fdfdd8;color:#25935a}body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler,body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon{color:#25935a}body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler:hover,body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon:hover{color:#25935a}body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-tree-selectable:not(.ui-state-highlight):hover,body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-tree-selectable:not(.ui-state-highlight).ui-state-hover{background:#4fc488;color:#fdfdd8}body .ui-tree .ui-tree-container .ui-tree-droppoint.ui-state-hover{background:#fdfdd8}body .ui-tree .ui-tree-container .ui-treenode-outline{outline:0 none;outline-offset:0;box-shadow:inset 0 0 0 .15rem #7efdbc}body .ui-tree.ui-tree-horizontal{padding-left:0;padding-right:0}body .ui-tree.ui-tree-horizontal .ui-treenode-content{border:1px solid #1c634e;background:#25935a;color:#fdfdd8;padding:1rem;border-radius:4px}body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover{background:#4fc488;color:#fdfdd8}body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight{background:#fdfdd8;color:#25935a}body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler{margin-right:.5rem;vertical-align:middle}body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus:before{content:""}body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus:before{content:""}body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-icon{vertical-align:middle;margin-right:.5rem}body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-label{padding:0;vertical-align:middle}body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox{margin-right:.5rem}body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none;color:#fdfdd8}body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus:before{content:""}body .ui-tree.ui-tree-horizontal .ui-treenode:before{background-color:#25935a}body .ui-tree .ui-tree-filter-container{margin:0 0 .5rem 0}body .ui-tree .ui-tree-filter-container .ui-icon{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none;position:absolute;left:.5rem;top:50%;right:auto;bottom:auto;margin-top:-0.5rem;color:#75d7a4}body .ui-tree .ui-tree-filter-container .ui-icon:before{content:""}body .ui-tree .ui-tree-filter-container .ui-inputfield{padding:.5rem .5rem;width:100%;padding-left:2rem}body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler{margin-right:0;margin-left:.5rem}body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon{margin:0 0 0 .5rem}body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon{margin:0 0 0 .5rem}body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox{margin-right:0;margin-left:2.5rem}body .ui-tree-draghelper{border:1px solid #fdfdd8}body .ui-fluid .ui-tree{width:100%}body .ui-treetable .ui-treetable-header{background:#1a7f4b;color:#fdfdd8;border:1px solid #4fc488;border-width:1px 0 1px 0;padding:1rem 1rem;font-weight:600}body .ui-treetable .ui-treetable-footer{background:#1a7f4b;color:#fdfdd8;border:1px solid #4fc488;border-width:0 0 1px 0;padding:1rem 1rem;font-weight:600}body .ui-treetable .ui-treetable-header{text-align:left}body .ui-treetable .ui-treetable-footer{text-align:left}body .ui-treetable .ui-paginator{padding:1rem}body .ui-treetable .ui-paginator.ui-paginator-top{border-width:0 0 1px 0;border-radius:0}body .ui-treetable .ui-paginator.ui-paginator-bottom{border-width:0 0 1px 0;border-radius:0}body .ui-treetable thead th{background:#1a7f4b;color:#fdfdd8;padding:1rem 1rem;border:1px solid #4fc488;border-width:0 0 1px 0;text-align:left;box-sizing:content-box;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s}body .ui-treetable thead th .ui-column-title{font-weight:700;vertical-align:middle}body .ui-treetable thead th .ui-sortable-column-icon{margin:0 0 0 .5rem}body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none;vertical-align:middle}body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before{content:""}body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none;vertical-align:middle}body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before{content:""}body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none;vertical-align:middle}body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before{content:""}body .ui-treetable thead th .ui-sortable-column-badge{border-radius:50%;height:1.143rem;min-width:1.143rem;line-height:1.143rem;color:#fdfdd8;background:#2cc978;margin-left:.5rem;font-size:.75rem}body .ui-treetable thead th.ui-sortable-column.ui-state-focus{outline:0 none;outline-offset:0;box-shadow:inset 0 0 0 .2rem #7efdbc}body .ui-treetable thead th.ui-state-hover{background:#4fc488;color:#fdfdd8}body .ui-treetable thead th.ui-state-active{background:#1a7f4b;color:#2cc978}body .ui-treetable thead th.ui-state-active.ui-state-hover{background:#4fc488;color:#2cc978}body .ui-treetable .ui-treetable-data>tr{background:#25935a;color:#fdfdd8;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s}body .ui-treetable .ui-treetable-data>tr>td{padding:1rem 1rem;border:1px solid rgba(0,0,0,.08);border-width:0 0 1px 0}body .ui-treetable .ui-treetable-data>tr>td .ui-treetable-toggler{margin-right:.5rem;margin-top:0;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s;width:2rem;height:2rem;background:rgba(0,0,0,0);color:#75d7a4;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s;border-radius:50%;border:0 none;text-align:center;line-height:2rem;padding:0;user-select:none}body .ui-treetable .ui-treetable-data>tr>td .ui-treetable-toggler:hover{background:#4fc488;color:#fdfdd8;border-color:rgba(0,0,0,0)}body .ui-treetable .ui-treetable-data>tr>td .ui-treetable-toggler:focus{outline:0 none;outline-offset:0;box-shadow:0 0 0 .2rem #7efdbc}body .ui-treetable .ui-treetable-data>tr>td .ui-treetable-toggler.ui-icon-triangle-1-e{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-treetable .ui-treetable-data>tr>td .ui-treetable-toggler.ui-icon-triangle-1-e:before{content:""}body .ui-treetable .ui-treetable-data>tr>td .ui-treetable-toggler.ui-icon-triangle-1-s{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-treetable .ui-treetable-data>tr>td .ui-treetable-toggler.ui-icon-triangle-1-s:before{content:""}body .ui-treetable .ui-treetable-data>tr>td .ui-chkbox.ui-selection{vertical-align:middle;margin-right:1rem}body .ui-treetable .ui-treetable-data>tr>td .ui-chkbox.ui-selection .ui-icon-minus{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none;color:#fdfdd8}body .ui-treetable .ui-treetable-data>tr>td .ui-chkbox.ui-selection .ui-icon-minus:before{content:""}body .ui-treetable .ui-treetable-data>tr.ui-state-hover{background:#4fc488;color:#fdfdd8}body .ui-treetable .ui-treetable-data>tr.ui-state-highlight{background:#fdfdd8;color:#25935a;cursor:default}body .ui-treetable .ui-treetable-data>tr.ui-state-highlight .ui-treetable-toggler{color:#25935a}body .ui-treetable .ui-treetable-data>tr.ui-state-highlight .ui-treetable-toggler:hover{color:#25935a}body .ui-treetable .ui-treetable-data>tr .ui-row-editor .ui-icon{width:2rem;height:2rem;background:rgba(0,0,0,0);color:#75d7a4;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s;border-radius:50%;border:0 none;text-align:center;line-height:2rem;padding:0;user-select:none}body .ui-treetable .ui-treetable-data>tr .ui-row-editor .ui-icon:hover{background:#4fc488;color:#fdfdd8;border-color:rgba(0,0,0,0)}body .ui-treetable .ui-treetable-data>tr .ui-row-editor .ui-icon:focus{outline:0 none;outline-offset:0;box-shadow:0 0 0 .2rem #7efdbc}body .ui-treetable .ui-treetable-data>tr .ui-row-editor .ui-icon.ui-icon-pencil{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-treetable .ui-treetable-data>tr .ui-row-editor .ui-icon.ui-icon-pencil:before{content:""}body .ui-treetable .ui-treetable-data>tr .ui-row-editor .ui-icon.ui-icon-check{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none;margin-right:.5rem}body .ui-treetable .ui-treetable-data>tr .ui-row-editor .ui-icon.ui-icon-check:before{content:""}body .ui-treetable .ui-treetable-data>tr .ui-row-editor .ui-icon.ui-icon-close{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-treetable .ui-treetable-data>tr .ui-row-editor .ui-icon.ui-icon-close:before{content:""}body .ui-treetable .ui-treetable-data>tr .ui-row-editor .ui-row-editor-check{display:none}body .ui-treetable .ui-treetable-data>tr .ui-row-editor .ui-row-editor-close{display:none}body .ui-treetable .ui-treetable-data>tr.ui-row-editing .ui-row-editor-check{display:inline-block}body .ui-treetable .ui-treetable-data>tr.ui-row-editing .ui-row-editor-close{display:inline-block;color:#25935a}body .ui-treetable .ui-treetable-data>tr.ui-row-editing .ui-icon{color:#25935a}body .ui-treetable tfoot td{background:#1a7f4b;border:1px solid #4fc488;border-width:0 0 1px 0;color:#fdfdd8;padding:1rem 1rem;font-weight:700;box-sizing:content-box}body .ui-treetable .ui-treetable-scrollable-header,body .ui-treetable .ui-treetable-scrollable-footer{background:#1a7f4b}body .ui-treetable .ui-column-resizer-helper{background:#2cc978}body .ui-treetable.ui-treetable-sm thead>tr>th{padding:.5rem .5rem}body .ui-treetable.ui-treetable-sm .ui-treetable-scrollable-theadclone>tr>th{padding-top:0;padding-bottom:0}body .ui-treetable.ui-treetable-sm .ui-treetable-data>tr>td{padding:.5rem .5rem}body .ui-treetable.ui-treetable-sm tfoot>tr>td{padding:.5rem .5rem}body .ui-treetable.ui-treetable-lg thead>tr>th{padding:1.25rem 1.25rem}body .ui-treetable.ui-treetable-lg .ui-treetable-scrollable-theadclone>tr>th{padding-top:0;padding-bottom:0}body .ui-treetable.ui-treetable-lg .ui-treetable-data>tr>td{padding:1.25rem 1.25rem}body .ui-treetable.ui-treetable-lg tfoot>tr>td{padding:1.25rem 1.25rem}body .ui-treetable.ui-treetable-gridlines .ui-treetable-header{border-width:1px 1px 0}body .ui-treetable.ui-treetable-gridlines thead>tr>th{border:1px solid #4fc488}body .ui-treetable.ui-treetable-gridlines .ui-treetable-data>tr>td{border-width:1px}body .ui-treetable.ui-treetable-gridlines .ui-treetable-scrollable-theadclone>tr>th{padding-top:0;padding-bottom:0;border-bottom:0 none;border-top:0 none}body .ui-treetable.ui-treetable-gridlines tfoot>tr>td{border-width:1px}body .ui-fileupload .ui-fileupload-buttonbar{border:1px solid #1c634e;background:#1a7f4b;color:#fdfdd8;padding:1rem;border-top-left-radius:4px;border-top-right-radius:4px}body .ui-fileupload .ui-fileupload-buttonbar .ui-button{margin-right:.5rem}body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled:not(.ui-fileupload-choose){display:none}body .ui-fileupload .ui-fileupload-content{border:1px solid #1c634e;background:#25935a;color:#fdfdd8;padding:1rem;border-top:0 none;border-bottom-left-radius:4px;border-bottom-right-radius:4px}body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon:before{content:""}body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row>div{padding:1rem}body .ui-fileupload-simple .ui-icon-plusthick{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-fileupload-simple .ui-icon-plusthick:before{content:""}@media screen and (max-width: 40em){body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon,body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon,body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon{left:50%;margin-left:-0.5rem}}body .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input{padding:.5rem .5rem;border-top-right-radius:0;border-bottom-right-radius:0}body .ui-autocomplete.ui-state-loading .ui-icon-loading{right:.5rem}body .ui-autocomplete.ui-state-loading.ui-autocomplete-dd .ui-icon-loading{right:2.857rem}body .ui-autocomplete .ui-autocomplete-dropdown{position:relative;height:auto;width:2.357rem;right:auto;border-top-left-radius:0;border-bottom-left-radius:0}body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text{padding:.5rem}body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before{content:""}body .ui-autocomplete .ui-autocomplete-multiple-container{padding:.25rem .5rem}body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token{padding:1px 0;margin:0 .5rem 0 0;background:#fdfdd8;color:#25935a;display:inline-block;vertical-align:middle;float:none;border-radius:4px}body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-label{padding:0 2rem 0 .5rem}body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon{margin-top:-0.5rem;position:absolute;font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon:before{content:""}body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token{margin:0;padding:.25rem 0;display:inline-block;vertical-align:middle;float:none}body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token input{font-family:"Alegreya Sans",sans-serif;font-size:1rem;color:#fdfdd8;-webkit-appearance:none;appearance:none;padding:0;margin:0}body .ui-autocomplete .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container{border-top-right-radius:0;border-bottom-right-radius:0}body .ui-autocomplete-panel{padding:0;background:#25935a;border:0 none;box-shadow: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)}body .ui-autocomplete-panel .ui-autocomplete-emptyMessage,body .ui-autocomplete-panel .ui-autocomplete-empty-message{border:0 none;margin:0;padding:.5rem 1rem;color:#fdfdd8;border-radius:0}body .ui-autocomplete-panel .ui-autocomplete-items{padding:.5rem 0;line-height:normal;border:0 none}body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item{border:0 none;margin:0;padding:.5rem 1rem;color:#fdfdd8;border-radius:0;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s}body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row{background:#25935a;color:#fdfdd8;border:1px solid rgba(0,0,0,.08)}body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row>td{padding:1rem 1rem}body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight{background:#fdfdd8;color:#25935a}body .ui-autocomplete-itemtip{padding:0}body .ui-autocomplete-itemtip.ui-state-highlight{background:#fdfdd8;color:#25935a}body .ui-fluid .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input{width:calc(100% - 2.357rem)}body .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button{width:2.357rem}body .ui-fluid .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container{width:calc(100% - 2.357rem)}body .ui-cascadeselect{background:#2cc978;border:1px solid #fdfdd8;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s;border-radius:4px}body .ui-cascadeselect:not(.ui-state-disabled):hover{border-color:#2cc978}body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus{border-color:#2cc978;outline:0 none;box-shadow:0 0 0 .2em #a8ecc9}body .ui-cascadeselect .ui-cascadeselect-label{background:rgba(0,0,0,0);border:0 none;padding:.5rem .5rem}body .ui-cascadeselect .ui-cascadeselect-label.ui-placeholder{color:#75d7a4}body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus{outline:0 none;box-shadow:none}body .ui-cascadeselect .ui-cascadeselect-trigger{background:rgba(0,0,0,0);color:#75d7a4;width:2.357rem;border-top-right-radius:4px;border-bottom-right-radius:4px}body .ui-cascadeselect-panel{background:#25935a;border:0 none;border-radius:4px;box-shadow: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)}body .ui-cascadeselect-panel .ui-cascadeselect-items{padding:.5rem 0}body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item{margin:0;border:0 none;color:#fdfdd8;background:rgba(0,0,0,0);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s;border-radius:0}body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content{padding:.5rem 1rem}body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content:focus{outline:0 none;outline-offset:0;box-shadow:inset 0 0 0 .15rem #7efdbc}body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight{color:#25935a;background:#fdfdd8}body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover{color:#fdfdd8;background:#4fc488}body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon{font-size:1rem}body .ui-input-filled .ui-cascadeselect{background:#2aac69}body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover{background-color:#1a7f4b}body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus{background-color:#1a7f4b}body .ui-chkbox{display:inline-flex;align-items:center;vertical-align:middle;margin:0;width:auto;height:auto}body .ui-chkbox .ui-chkbox-box{border:1px solid #fdfdd8;border-width:2px;background:#2cc978;width:1.5rem;min-width:1.5rem;height:1.5rem;text-align:center;position:relative;border-radius:4px;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s}body .ui-chkbox .ui-chkbox-box.ui-state-hover{border-color:#2cc978}body .ui-chkbox .ui-chkbox-box.ui-state-focus{box-shadow:0 0 0 .2em #a8ecc9;outline:0 none}body .ui-chkbox .ui-chkbox-box.ui-state-active{border-color:#2cc978;background:#2cc978;color:#fdfdd8}body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover{background:#28b56c}body .ui-chkbox .ui-chkbox-box.ui-state-error{border-color:#f44336}body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon{overflow:visible;position:absolute;left:50%;top:50%;margin-left:-0.5rem;margin-top:-0.5rem}body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before{content:""}body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick:before{content:""}body.ui-input-filled .ui-chkbox .ui-chkbox-box,body .ui-input-filled .ui-chkbox .ui-chkbox-box{background-color:#2aac69}body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover,body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover{background-color:#1a7f4b}body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active,body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active{background:#2cc978}body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover,body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover{background:#28b56c}body .ui-chips .ui-chips-container{padding:.25rem .5rem}body .ui-chips .ui-chips-container .ui-chips-token{padding:1px 0;margin:.125rem;background:#fdfdd8;color:#25935a;border-radius:4px}body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label{padding:0 2rem 0 .5rem}body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon{margin-top:-0.5rem;position:absolute;font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon:before{content:""}body .ui-chips .ui-chips-container .ui-chips-input-token{margin:0;padding:.25rem 0}body .ui-chips .ui-chips-container .ui-chips-input-token input{font-family:"Alegreya Sans",sans-serif;font-size:1rem;color:#fdfdd8;-webkit-appearance:none;appearance:none;padding:0;margin:0;border-radius:0}body .ui-colorpicker .ui-button{border-radius:4px}body .ui-fluid .ui-colorpicker .ui-button{width:auto;min-width:auto}body .ui-datepicker{background:#25935a;border:1px solid #fdfdd8;color:#fdfdd8;padding:.5rem;width:auto;border-radius:4px}body .ui-datepicker .ui-datepicker-header{margin:0;padding:1rem;line-height:normal;background:#25935a;color:#fdfdd8;font-weight:600;border:solid #1c634e;border-width:0 0 1px 0;border-radius:0}body .ui-datepicker .ui-datepicker-next{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none;right:0}body .ui-datepicker .ui-datepicker-next:before{content:""}body .ui-datepicker .ui-datepicker-prev{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none;left:0}body .ui-datepicker .ui-datepicker-prev:before{content:""}body .ui-datepicker .ui-datepicker-next,body .ui-datepicker .ui-datepicker-prev{cursor:pointer;top:50%;margin-top:-1rem;width:2rem;height:2rem;background:rgba(0,0,0,0);color:#75d7a4;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s;border-radius:50%;border:0 none;text-align:center;line-height:2rem;padding:0;user-select:none}body .ui-datepicker .ui-datepicker-next:hover,body .ui-datepicker .ui-datepicker-prev:hover{background:#4fc488;color:#fdfdd8;border-color:rgba(0,0,0,0)}body .ui-datepicker .ui-datepicker-next:focus,body .ui-datepicker .ui-datepicker-prev:focus{outline:0 none;outline-offset:0;box-shadow:0 0 0 .2rem #7efdbc}body .ui-datepicker .ui-datepicker-next span,body .ui-datepicker .ui-datepicker-prev span{display:none}body .ui-datepicker .ui-datepicker-title{line-height:1;margin:0}body .ui-datepicker .ui-datepicker-title select{width:40%;margin:0}body .ui-datepicker .ui-datepicker-title select:first-child{margin-right:.5rem}body .ui-datepicker .ui-datepicker-calendar{margin:.5rem 0}body .ui-datepicker .ui-datepicker-calendar th{padding:.5rem;text-align:center}body .ui-datepicker .ui-datepicker-calendar th>span{width:2.5rem;height:2.5rem}body .ui-datepicker .ui-datepicker-calendar td{padding:.5rem;text-align:center}body .ui-datepicker .ui-datepicker-calendar td>a:hover{background:#4fc488;border-color:rgba(0,0,0,0)}body .ui-datepicker .ui-datepicker-calendar td>a,body .ui-datepicker .ui-datepicker-calendar td>span{padding:0;color:#fdfdd8;text-align:center;width:2.5rem;height:2.5rem;line-height:2.5rem;border:0 none;display:inline-block;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s;border-radius:50%}body .ui-datepicker .ui-datepicker-calendar td>a:focus,body .ui-datepicker .ui-datepicker-calendar td>span:focus{outline:0 none;outline-offset:0;box-shadow:0 0 0 .2rem #7efdbc}body .ui-datepicker .ui-datepicker-calendar td>a.ui-state-active,body .ui-datepicker .ui-datepicker-calendar td>span.ui-state-active{background:#fdfdd8;color:#25935a;border:0 none}body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today>a:hover,body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day>a:hover{background:#4fc488;border-color:rgba(0,0,0,0)}body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today>a,body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today>span,body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day>a,body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day>span{background:rgba(0,0,0,0);color:#23a160;font-weight:600;border:0 none}body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today>a.ui-state-active,body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today>span.ui-state-active,body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day>a.ui-state-active,body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day>span.ui-state-active{background:#fdfdd8;color:#25935a;border:0 none}body .ui-datepicker.ui-input-overlay{border:0 none;box-shadow: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)}body .ui-datepicker .ui-timepicker-div dl{margin:.857em 0}body .ui-datepicker .ui-timepicker-div dl dt{padding:0}body .ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_time_label{padding:.5em 0}body .ui-datepicker .ui-timepicker-div dl dd{padding:.5em 0;margin:0 .714em .714em 40%}body .ui-datepicker .ui-timepicker-timeinput input{color:#fdfdd8;background:#2cc978;padding:.5rem .5rem;border:1px solid #fdfdd8;outline:0 none;font-size:1rem;border-radius:4px;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s;-webkit-appearance:none;appearance:none;width:auto}body .ui-datepicker .ui-timepicker-timeinput input:hover{border-color:#2cc978}body .ui-datepicker .ui-timepicker-timeinput input:focus{border-color:#2cc978;outline:0 none;box-shadow:0 0 0 .2em #a8ecc9}body .ui-datepicker .ui-timepicker-timeinput .ui-separator>span{padding:.5rem .5rem;font-size:1rem}body .ui-datepicker .ui-datepicker-buttonpane button,body .ui-datepicker .ui-datepicker-buttonbar button{transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s;border-radius:4px;background:#fdfdd8;color:#0f9a70;border:1px solid #fdfdd8}body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover,body .ui-datepicker .ui-datepicker-buttonpane button:not(:disabled):hover,body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-hover,body .ui-datepicker .ui-datepicker-buttonbar button:not(:disabled):hover{background:#fbfbab;border-color:#fbfbab;color:#0f9a70}body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-focus,body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-focus{box-shadow:0 0 0 .2rem #fefeef}body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-active,body .ui-datepicker .ui-datepicker-buttonpane button:active,body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-active,body .ui-datepicker .ui-datepicker-buttonbar button:active{background:#f8f87f;border-color:#f8f87f;color:#0f9a70}body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined,body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined{background-color:rgba(0,0,0,0);color:#fdfdd8;border:1px solid}body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:hover,body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:hover{background:rgba(253,253,216,.04);color:#fdfdd8;border:1px solid}body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:active,body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:active{background:rgba(253,253,216,.16);color:#fdfdd8;border:1px solid}body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat,body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat{background-color:rgba(0,0,0,0);color:#fdfdd8;border-color:rgba(0,0,0,0)}body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:hover,body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:hover{background:rgba(253,253,216,.04);border-color:rgba(0,0,0,0);color:#fdfdd8}body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:active,body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:active{background:rgba(253,253,216,.16);border-color:rgba(0,0,0,0);color:#fdfdd8}body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:first-child,body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:first-child{text-align:left}body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:last-child,body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:last-child{text-align:right}body .ui-datepicker .ui-datepicker-buttonbar{border-top:solid #1c634e;padding:1rem 0}body .ui-datepicker .ui-monthpicker-month{margin:.5rem 0;color:#fdfdd8;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s;padding:.5rem;border:4px}body .ui-datepicker .ui-monthpicker-month:hover{background:#4fc488;border-color:rgba(0,0,0,0)}body .ui-datepicker .ui-monthpicker-month:focus{outline:0 none;outline-offset:0;box-shadow:0 0 0 .2rem #7efdbc}body .ui-datepicker .ui-monthpicker-month.ui-state-active{background:#fdfdd8;color:#25935a;border:0 none}body .ui-datepicker .ui-datepicker-group{padding:.5rem}body .ui-datepicker .ui-picker-up{width:2rem;height:2rem;background:rgba(0,0,0,0);color:#75d7a4;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s;border-radius:50%;border:0 none;text-align:center;line-height:2rem;padding:0;user-select:none}body .ui-datepicker .ui-picker-up:hover{background:#4fc488;color:#fdfdd8;border-color:rgba(0,0,0,0)}body .ui-datepicker .ui-picker-up:focus{outline:0 none;outline-offset:0;box-shadow:0 0 0 .2rem #7efdbc}body .ui-datepicker .ui-picker-up .ui-icon{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-datepicker .ui-picker-up .ui-icon:before{content:""}body .ui-datepicker .ui-picker-down{width:2rem;height:2rem;background:rgba(0,0,0,0);color:#75d7a4;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s;border-radius:50%;border:0 none;text-align:center;line-height:2rem;padding:0;user-select:none}body .ui-datepicker .ui-picker-down:hover{background:#4fc488;color:#fdfdd8;border-color:rgba(0,0,0,0)}body .ui-datepicker .ui-picker-down:focus{outline:0 none;outline-offset:0;box-shadow:0 0 0 .2rem #7efdbc}body .ui-datepicker .ui-picker-down .ui-icon{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-datepicker .ui-picker-down .ui-icon:before{content:""}body .ui-datepicker.ui-datepicker-multi{width:auto !important}body .ui-calendar .ui-button.ui-button-icon-only{width:2.357rem;border-top-left-radius:0;border-bottom-left-radius:0}body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before{content:""}body .ui-calendar.ui-trigger-calendar input.hasDatepicker{border-top-right-radius:0;border-bottom-right-radius:0}body .ui-fluid .ui-trigger-calendar input.hasDatepicker{width:calc(100% - 2.357rem);padding-right:0}body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button{position:absolute;right:-2.357rem;width:2.357rem}body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text{padding:.5rem}body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button{right:0}body .ui-inplace .ui-inplace-display{padding:.5rem .5rem;border-radius:4px}body .ui-inplace .ui-inplace-display.ui-state-highlight{background:#4fc488;color:#fdfdd8;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s}body .ui-inplace .ui-inplace-display.ui-state-focus{border-color:#2cc978;outline:0 none;box-shadow:0 0 0 .2em #a8ecc9}body .ui-inplace .ui-inplace-save .ui-icon{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-inplace .ui-inplace-save .ui-icon:before{content:""}body .ui-inplace .ui-inplace-cancel{margin-left:.25rem}body .ui-inplace .ui-inplace-cancel .ui-icon{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-inplace .ui-inplace-cancel .ui-icon:before{content:""}body .ui-inplace .ui-inplace-editor{margin-left:.5rem}body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text{padding:.5rem}body ::-webkit-input-placeholder{color:#75d7a4}body :-moz-placeholder{color:#75d7a4;opacity:1}body ::-moz-placeholder{color:#75d7a4;opacity:1}body :-ms-input-placeholder{color:#75d7a4}body .p-field small.ui-state-error,body .field small.ui-state-error{color:#f44336}body .ui-float-label>label{margin-left:.5rem;color:#75d7a4}body .ui-float-label>input:focus~label,body .ui-float-label>input.ui-state-filled~label,body .ui-float-label>textarea:focus~label,body .ui-float-label>textarea.ui-state-filled~label,body .ui-float-label>.ui-inputwrapper-focus~label,body .ui-float-label>.ui-inputwrapper-filled~label{color:#fdfdd8}body .ui-float-label>input:-webkit-autofill~label,body .ui-float-label>textarea:-webkit-autofill~label{color:#fdfdd8}body .ui-input-icon-left,body .ui-input-icon-right{position:relative;display:inline-block}body .ui-fluid .ui-input-icon-left,body .ui-fluid .ui-input-icon-right{display:block}body .ui-input-icon-left>i,body .ui-input-icon-right>i{position:absolute;top:50%;margin-top:-0.5rem}body .ui-input-icon-left>i:first-of-type{left:.5rem;color:#75d7a4}body .ui-input-icon-left>.ui-inputfield{padding-left:2rem}body .ui-input-icon-right>i:last-of-type{right:.5rem;color:#75d7a4}body .ui-input-icon-right>.ui-inputfield{padding-right:2rem}body .ui-inputfield{color:#fdfdd8;background:#2cc978;padding:.5rem .5rem;border:1px solid #fdfdd8;outline:0 none;font-size:1rem;border-radius:4px;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s;-webkit-appearance:none;appearance:none}body .ui-inputfield.ui-state-hover{border-color:#2cc978}body .ui-inputfield.ui-state-focus{border-color:#2cc978;outline:0 none;box-shadow:0 0 0 .2em #a8ecc9}body .ui-inputfield.ui-state-error{border-color:#f44336}body .ui-input-filled .ui-inputfield,body.ui-input-filled .ui-inputfield{background-color:#2aac69}body .ui-input-filled .ui-inputfield.ui-state-hover,body.ui-input-filled .ui-inputfield.ui-state-hover{background-color:#1a7f4b}body .ui-input-filled .ui-inputfield.ui-state-focus,body.ui-input-filled .ui-inputfield.ui-state-focus{background-color:#1a7f4b}body .ui-inputtextarea{vertical-align:top}body .ui-inputgroup .ui-inputgroup-addon,body .ui-inputgroup .ui-inputgroup-addon-checkbox{padding:.5rem .5rem;border-color:#fdfdd8;background:#4fc488;color:#75d7a4;min-width:2.357rem}body .ui-inputgroup .ui-inputgroup-addon:first-child,body .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}body .ui-inputgroup .ui-inputgroup-addon:last-child,body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}body .ui-inputgroup button:first-child,body .ui-inputgroup input:first-child,body .ui-inputgroup textarea:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}body .ui-inputgroup .ui-float-label:first-child input,body .ui-inputgroup .ui-float-label:first-child textarea{border-right-width:0px;border-top-left-radius:4px;border-bottom-left-radius:4px}body .ui-inputgroup button:last-child,body .ui-inputgroup input:last-child,body .ui-inputgroup textarea:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}body .ui-inputgroup .ui-float-label:last-child input,body .ui-inputgroup .ui-float-label:last-child textarea{border-left-width:0px;border-top-right-radius:4px;border-bottom-right-radius:4px}body .ui-inputgroup>.ui-widget,body .ui-inputgroup>.ui-float-label>.ui-widget{border-radius:0}body .ui-inputgroup>.ui-widget.ui-state-focus,body .ui-inputgroup>.ui-float-label>.ui-widget.ui-state-focus{z-index:1}body .ui-inputgroup>.ui-widget.ui-state-focus~label,body .ui-inputgroup>.ui-float-label>.ui-widget.ui-state-focus~label{z-index:1}body .ui-inputgroup .ui-inputgroup-addon-checkbox{padding:0;position:relative}body .ui-inputgroup .ui-inputgroup-addon-checkbox .ui-chkbox{vertical-align:baseline;position:absolute;top:50%;left:50%;margin-top:-0.75rem;margin-left:-0.75rem}body .ui-inputswitch{height:14px;width:34px !important;overflow:visible;background:#1c634e;border-radius:8px}body .ui-inputswitch .ui-inputswitch-handle{top:-4px;left:-2px;background:#25935a;border-radius:50%;border:2px solid #1c634e;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s;width:20px !important;height:20px !important;box-shadow:0px 3px 1px -2px rgba(0,0,0,.2),0px 2px 2px 0px rgba(0,0,0,.14),0px 1px 5px 0px rgba(0,0,0,.12)}body .ui-inputswitch .ui-inputswitch-handle.ui-state-focus{border-color:#2cc978;outline:0 none;box-shadow:0 0 0 .2em #a8ecc9}body .ui-inputswitch .ui-inputswitch-on{visibility:hidden}body .ui-inputswitch .ui-inputswitch-off span,body .ui-inputswitch .ui-inputswitch-on span{visibility:hidden}body .ui-inputswitch.ui-inputswitch-checked{background:#2cc978}body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle{background:#25935a;border-color:#23a160;margin-left:2px}body .keypad-popup{background:#25935a;color:#fdfdd8;padding:0;border:0 none;margin:0;width:auto;box-shadow: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)}body .keypad-popup button{background:#2cc978;border:1px solid #fdfdd8;padding:.5rem;margin:2px;outline:0 none;color:#fdfdd8;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s;border-radius:4px}body .keypad-popup button.ui-state-hover{background:#ebebef;border-color:#fdfdd8;color:#fdfdd8}body .keypad-popup button.ui-state-active{background:#23a160;border-color:#23a160;color:#25935a}body .keypad-popup button.keypad-shift,body .keypad-popup button.keypad-spacebar,body .keypad-popup button.keypad-enter,body .keypad-popup button.keypad-clear,body .keypad-popup button.keypad-back,body .keypad-popup button.keypad-close{background:#2cc978;color:#fdfdd8;border:1px solid #2cc978}body .keypad-popup button.keypad-shift.ui-state-hover,body .keypad-popup button.keypad-spacebar.ui-state-hover,body .keypad-popup button.keypad-enter.ui-state-hover,body .keypad-popup button.keypad-clear.ui-state-hover,body .keypad-popup button.keypad-back.ui-state-hover,body .keypad-popup button.keypad-close.ui-state-hover{background:#28b56c;border-color:#28b56c;color:#fdfdd8}body .keypad-popup button.keypad-shift.ui-state-focus,body .keypad-popup button.keypad-spacebar.ui-state-focus,body .keypad-popup button.keypad-enter.ui-state-focus,body .keypad-popup button.keypad-clear.ui-state-focus,body .keypad-popup button.keypad-back.ui-state-focus,body .keypad-popup button.keypad-close.ui-state-focus{outline:0 none;outline-offset:0;box-shadow:0 0 0 .2em #a8ecc9}body .keypad-popup button.keypad-shift.ui-state-active,body .keypad-popup button.keypad-spacebar.ui-state-active,body .keypad-popup button.keypad-enter.ui-state-active,body .keypad-popup button.keypad-clear.ui-state-active,body .keypad-popup button.keypad-back.ui-state-active,body .keypad-popup button.keypad-close.ui-state-active{background:#23a160;border-color:#23a160;color:#fdfdd8}body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer{margin-right:.5rem;border:1px solid #fdfdd8;padding:0}body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-header{padding:.5rem 1rem;margin:0;border:0 none;border-bottom:0 none;background:#1a7f4b;color:#fdfdd8}body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list{padding:.5rem 0;background:#25935a;border:0 none}body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item{padding:.5rem 1rem;margin:0;background:rgba(0,0,0,0);color:#fdfdd8;border-radius:0;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s}body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-hover{background:#4fc488;color:#fdfdd8}body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight{background:#fdfdd8;color:#25935a}body .ui-password .ui-password-icon{cursor:pointer}body .ui-password.ui-password-masked .ui-password-icon{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-password.ui-password-masked .ui-password-icon:before{content:""}body .ui-password.ui-password-unmasked .ui-password-icon{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-password.ui-password-unmasked .ui-password-icon:before{content:""}body .ui-password-panel{background:#25935a;color:#fdfdd8;padding:1rem;border:0 none;margin:0;width:auto;min-width:150px;box-shadow: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);border-radius:4px}body .ui-radiobutton{display:inline-block;vertical-align:middle;margin:0;width:20px;height:20px}body .ui-radiobutton .ui-radiobutton-box{border:1px solid #fdfdd8;border-width:2px;background:#2cc978;width:20px;height:20px;text-align:center;position:relative;border-radius:50%;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s}body .ui-radiobutton .ui-radiobutton-box.ui-state-hover{border-color:#2cc978}body .ui-radiobutton .ui-radiobutton-box.ui-state-focus{box-shadow:0 0 0 .2em #a8ecc9}body .ui-radiobutton .ui-radiobutton-box.ui-state-active{border-color:#2cc978;background:#2cc978;color:#fdfdd8}body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover{background:#28b56c}body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet{background:#fdfdd8}body .ui-radiobutton .ui-radiobutton-box.ui-state-error{border-color:#f44336}body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon{width:12px;height:12px;vertical-align:middle;position:absolute;top:50%;left:50%;margin-top:-6px;margin-left:-6px;border-radius:50%}body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before{display:none}body.ui-input-filled .ui-radiobutton .ui-radiobutton-box,body .ui-input-filled .ui-radiobutton .ui-radiobutton-box{background-color:#2aac69}body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover,body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover{background-color:#1a7f4b}body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active,body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active{background:#2cc978}body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover,body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover{background:#28b56c}body .ui-rating .ui-rating-cancel{float:none;display:inline-block;margin-right:.5rem;overflow:visible}body .ui-rating .ui-rating-cancel.ui-state-focus{outline:0 none;outline-offset:0;box-shadow:0 0 0 .2rem #7efdbc}body .ui-rating .ui-rating-cancel a{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none;text-indent:0;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s;display:block;font-size:1.25rem;height:1.25rem;width:1.25rem;color:#e0284f;overflow:visible}body .ui-rating .ui-rating-cancel a:before{content:""}body .ui-rating .ui-rating-cancel a:hover{color:#e0284f}body .ui-rating .ui-rating-star{float:none;display:inline-block;margin-right:.5rem;overflow:visible}body .ui-rating .ui-rating-star.ui-state-focus{outline:0 none;outline-offset:0;box-shadow:0 0 0 .2rem #7efdbc}body .ui-rating .ui-rating-star a{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none;text-indent:0;display:block;font-size:1.25rem;height:1.25rem;width:1.25rem;color:#fdfdd8;overflow:visible}body .ui-rating .ui-rating-star a:before{content:""}body .ui-rating .ui-rating-star a:hover{color:#28b56c}body .ui-rating .ui-rating-star-on a{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none;display:block;font-size:1.25rem;height:1.25rem;width:1.25rem;color:#2cc978}body .ui-rating .ui-rating-star-on a:before{content:""}body .ui-state-highlight .ui-rating-star a{color:#25935a}body .ui-selectbooleancheckbox,body .ui-tristatecheckbox{width:auto;height:auto;display:inline-flex;-ms-flex-align:center;align-items:center}body .ui-selectcheckboxmenu{vertical-align:baseline;border:1px solid #fdfdd8;position:relative;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s;border-radius:4px;background:#2cc978}body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container{padding:.5rem .5rem;padding-right:2.357rem;display:block;background:rgba(0,0,0,0);border-radius:4px}body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label{padding:0;background:rgba(0,0,0,0)}body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger{border:0 none;cursor:pointer;height:100%;position:absolute;padding:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:2.357rem;background:rgba(0,0,0,0);border-top-right-radius:4px;border-bottom-right-radius:4px}body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon{position:static;margin:0;color:#75d7a4;font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon:before{content:""}body .ui-selectcheckboxmenu.ui-state-hover{border-color:#2cc978}body .ui-selectcheckboxmenu.ui-state-focus{border-color:#2cc978;outline:0 none;box-shadow:0 0 0 .2em #a8ecc9}body .ui-selectcheckboxmenu.ui-state-error{border-color:#f44336}body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield{padding:.5rem .5rem;padding-right:2.357rem}body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token{padding:1px 0;margin:0 .5rem 0 0;background:#fdfdd8;color:#25935a;border-radius:4px}body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label{padding:0 2rem 0 .5rem}body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon{margin-top:-0.5rem;position:absolute;font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon:before{content:""}body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token{margin:0;padding:.25rem 0}body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token input{font-family:"Alegreya Sans",sans-serif;padding:0;margin:0}body.ui-input-filled .ui-selectcheckboxmenu,body .ui-input-filled .ui-selectcheckboxmenu{background:#2aac69}body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover,body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover{background-color:#1a7f4b}body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus,body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus{background-color:#1a7f4b}body .ui-selectcheckboxmenu-panel{padding:0;background:#25935a;border:0 none;box-shadow: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);border-radius:4px}body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header{padding:.5rem 1rem;margin:0;border-bottom:0 none;background:#1a7f4b;color:#fdfdd8;position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox{margin-right:.5rem;float:none}body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container{padding:0;margin:0 .5rem 0 0;float:none;flex:1 1 0;-ms-flex:1 1 0px}body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-inputfield{padding:.5rem .5rem;width:100%;padding-left:2rem}body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none;position:absolute;left:.5rem;top:50%;right:auto;bottom:auto;margin-top:-0.5rem;color:#75d7a4}body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon:before{content:""}body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close{width:2rem;height:2rem;background:rgba(0,0,0,0);color:#75d7a4;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s;border-radius:50%;border:0 none;text-align:center;line-height:2rem;padding:0;user-select:none;margin-left:auto;text-align:center;margin-right:0}body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:hover{background:#4fc488;color:#fdfdd8;border-color:rgba(0,0,0,0)}body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:focus{outline:0 none;outline-offset:0;box-shadow:0 0 0 .2rem #7efdbc}body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none;float:none}body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon:before{content:""}body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items{padding:.5rem 0}body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items.ui-selectcheckboxmenu-table>thead tr th{background:#1a7f4b;border:1px solid #4fc488;color:#fdfdd8;font-weight:700}body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item{padding:.5rem 1rem;margin:0;outline:0 none;background:rgba(0,0,0,0);color:#fdfdd8;border-radius:0;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s}body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-hover{background:#4fc488;color:#fdfdd8}body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight{background:#fdfdd8;color:#25935a}body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item .ui-chkbox{top:auto;position:static;margin-top:0;margin-right:.5rem}body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item>label{display:inline;padding-left:0;vertical-align:middle}body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row{background:#25935a;color:#fdfdd8;border:1px solid rgba(0,0,0,.08)}body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row>td{padding:1rem 1rem}body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-selectcheckboxmenu-row:first-child{border-top-color:rgba(0,0,0,0)}body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item-group{background:#fff;margin:0;padding:.75rem 1rem;color:#fdfdd8}body .ui-selectonelistbox,body .ui-selectmanymenu{padding:0;width:auto;min-width:12rem;border:1px solid #fdfdd8;border-radius:4px;background:#25935a}body .ui-selectonelistbox .ui-selectlistbox-filter-container,body .ui-selectmanymenu .ui-selectlistbox-filter-container{padding:.5rem 1rem;margin:0;border-bottom:0 none;background:#1a7f4b;color:#fdfdd8;border-top-left-radius:4px;border-top-right-radius:4px}body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield,body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield{padding:.5rem .5rem;width:100%;padding-left:2rem}body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon,body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none;position:absolute;left:1.5rem;top:50%;right:auto;bottom:auto;margin-top:-0.5rem;color:#75d7a4}body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon:before,body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon:before{content:""}body .ui-selectonelistbox .ui-selectlistbox-listcontainer,body .ui-selectmanymenu .ui-selectlistbox-listcontainer{padding:.5rem 0;line-height:normal;border:0 none}body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list,body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list{list-style-type:none;margin:0}body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item,body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item{border:0 none;margin:0;padding:.5rem 1rem;background:rgba(0,0,0,0);color:#fdfdd8;border-radius:0;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s}body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover,body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover{background:#4fc488;color:#fdfdd8}body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight,body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight{background:#fdfdd8;color:#25935a}body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox,body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox{margin-right:.5rem;vertical-align:middle}body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item>td,body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item>td{padding:1rem 1rem}body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline,body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline{outline:0 none;outline-offset:0;box-shadow:inset 0 0 0 .15rem #7efdbc}body .ui-input-filled .ui-selectonelistbox.ui-inputfield,body .ui-input-filled .ui-selectmanymenu.ui-inputfield,body.ui-input-filled .ui-selectonelistbox.ui-inputfield,body.ui-input-filled .ui-selectmanymenu.ui-inputfield{background:#25935a}body .ui-selectonemenu{vertical-align:middle;border:1px solid #fdfdd8;position:relative;padding:0;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s;border-radius:4px;background:#2cc978}body .ui-selectonemenu .ui-selectonemenu-label{background:rgba(0,0,0,0);padding-right:2.357rem}body .ui-selectonemenu .ui-selectonemenu-trigger{border:0 none;cursor:pointer;height:100%;position:absolute;padding:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:2.357rem;background:rgba(0,0,0,0);border-top-right-radius:4px;border-bottom-right-radius:4px}body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon{position:static;margin:0;color:#75d7a4;font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon:before{content:""}body .ui-selectonemenu.ui-state-hover{border-color:#2cc978}body .ui-selectonemenu.ui-state-focus{border-color:#2cc978;outline:0 none;box-shadow:0 0 0 .2em #a8ecc9}body .ui-selectonemenu.ui-state-error{border-color:#f44336}body .ui-fluid .ui-selectonemenu-label{width:calc(100% - 2.357rem);padding:.5rem .5rem}body .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger{width:2.357rem;padding:0}body.ui-input-filled .ui-selectonemenu,body .ui-input-filled .ui-selectonemenu{background:#2aac69}body.ui-input-filled .ui-selectonemenu.ui-state-hover,body .ui-input-filled .ui-selectonemenu.ui-state-hover{background-color:#1a7f4b}body.ui-input-filled .ui-selectonemenu.ui-state-focus,body .ui-input-filled .ui-selectonemenu.ui-state-focus{background-color:#1a7f4b}body .ui-selectonemenu-panel{background:#25935a;border:0 none;box-shadow: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);border-radius:4px}body .ui-selectonemenu-panel .ui-selectonemenu-filter-container{padding:.5rem 1rem;margin:0;border-bottom:0 none;background:#1a7f4b;color:#fdfdd8}body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-selectonemenu-filter.ui-inputfield{padding:.5rem .5rem;width:100%;padding-left:2rem}body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none;position:absolute;left:1.5rem;top:50%;right:auto;bottom:auto;margin-top:-0.5rem;color:#75d7a4}body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon:before{content:""}body .ui-selectonemenu-panel .ui-selectonemenu-items{padding:.5rem 0}body .ui-selectonemenu-panel .ui-selectonemenu-items.ui-selectonemenu-table>thead tr th{background:#1a7f4b;border:1px solid #4fc488;color:#fdfdd8;font-weight:700}body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item{margin:0;padding:.5rem 1rem;background:rgba(0,0,0,0);color:#fdfdd8;outline:0 none;border-radius:0;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s}body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row{background:#25935a;color:#fdfdd8;border:1px solid rgba(0,0,0,.08)}body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row>td{padding:1rem 1rem}body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row:first-child{border-top-color:rgba(0,0,0,0)}body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover{background:#4fc488;color:#fdfdd8}body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight{background:#fdfdd8;color:#25935a;overflow:auto}body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group{background:#fff;margin:0;padding:.75rem 1rem;color:#fdfdd8}body .ui-slider{background:#1c634e}body .ui-slider .ui-slider-handle{width:1.143rem;height:1.143rem;background:#25935a;border:2px solid #2cc978;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s;border-radius:50%}body .ui-slider .ui-slider-handle.ui-state-hover{border-color:#2cc978;background:#2cc978}body .ui-slider .ui-slider-handle.ui-state-focus{outline:0 none}body .ui-slider.ui-slider-horizontal{height:.286rem}body .ui-slider.ui-slider-horizontal .ui-slider-handle{top:-0.4285rem;margin-left:-0.5715rem}body .ui-slider.ui-slider-vertical{width:.286rem}body .ui-slider.ui-slider-vertical .ui-slider-handle{left:-0.4285rem;margin-top:-0.5715rem}body .ui-slider .ui-slider-range{background:#2cc978}body .ui-inputtext+.ui-slider{margin-bottom:.5rem}body .ui-spinner .ui-spinner-input{padding-right:2.857rem}body .ui-spinner .ui-spinner-button.ui-button{position:absolute;border-radius:0;width:2.357rem;z-index:1}body .ui-spinner .ui-spinner-button.ui-button .ui-icon{position:absolute;top:50%;left:50%;margin-left:-0.5rem;margin-top:-0.5rem}body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up{border-top-right-radius:4px}body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n:before{content:""}body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down{border-bottom-right-radius:4px}body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s:before{content:""}body .ui-fluid .ui-spinner .ui-spinner-input{padding-right:2.857rem}.ui-texteditor .ui-editor-toolbar{background:#1a7f4b;border-top-right-radius:4px;border-top-left-radius:4px}.ui-texteditor .ui-editor-toolbar.ql-snow{border:1px solid #1c634e}.ui-texteditor .ui-editor-toolbar.ql-snow .ql-stroke{stroke:#75d7a4}.ui-texteditor .ui-editor-toolbar.ql-snow .ql-fill{fill:#75d7a4}.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label{border:0 none;color:#75d7a4}.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover{color:#fdfdd8}.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke{stroke:#fdfdd8}.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill{fill:#fdfdd8}.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#fdfdd8}.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#fdfdd8}.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#fdfdd8}.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{background:#25935a;border:0 none;box-shadow: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);border-radius:4px;padding:.5rem 0}.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item{color:#fdfdd8}.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover{color:#fdfdd8;background:#4fc488}.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item{padding:.5rem 1rem}.ui-texteditor .ql-container{border-bottom-right-radius:4px;border-bottom-left-radius:4px}.ui-texteditor .ql-container.ql-snow{border:1px solid #1c634e}.ui-texteditor .ql-container .ql-editor{background:#2cc978;color:#fdfdd8;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.ui-texteditor .ql-snow.ql-toolbar button:hover,.ui-texteditor .ql-snow.ql-toolbar button:focus{color:#fdfdd8}.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-stroke,.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-stroke{stroke:#fdfdd8}.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-fill,.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-fill{fill:#fdfdd8}.ui-texteditor .ql-snow.ql-toolbar button.ql-active,.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active,.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected{color:#2cc978}.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-stroke,.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke{stroke:#2cc978}.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-fill,.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill{fill:#2cc978}.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-picker-label,.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label{color:#2cc978}.ui-texteditor.ui-state-error .ui-editor-toolbar.ql-snow,.ui-texteditor.ui-state-error .ql-container.ql-snow{border-color:#f44336}body .ui-toggleswitch{position:relative;display:inline-block;width:3rem;height:1.75rem}body .ui-toggleswitch .ui-toggleswitch-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#1c634e;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s;border:solid rgba(0,0,0,0);border-width:2px;border-radius:30px}body .ui-toggleswitch .ui-toggleswitch-slider.ui-state-error{border-color:#f44336}body .ui-toggleswitch .ui-toggleswitch-slider:before,body .ui-toggleswitch .ui-toggleswitch-handler{position:absolute;top:50%;background:#25935a;color:#fdfdd8;width:1.25rem;height:1.25rem;left:calc(.25rem - 2px);margin-top:-0.625rem;border-radius:50%;transition:all .2s;font-size:.625rem;line-height:1.25rem}body .ui-toggleswitch .ui-toggleswitch-handler span{font-size:.625rem;line-height:1.25rem}body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before,body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler{color:#fdfdd8;transform:translateX(1.25rem)}body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider{outline:0 none;outline-offset:0;box-shadow:0 0 0 .2rem #7efdbc}body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider{background:#2cc978}body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before,body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider .ui-toggleswitch-handler{background:#25935a}body .ui-breadcrumb{background:#25935a;border:1px solid #1c634e;border-radius:4px;padding:1rem}body .ui-breadcrumb ul li{float:none;display:inline-block;vertical-align:middle}body .ui-breadcrumb ul li .ui-menuitem-link{transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s;border-radius:4px;margin:0}body .ui-breadcrumb ul li .ui-menuitem-link:focus{outline:0 none;outline-offset:0;box-shadow:0 0 0 .2rem #7efdbc}body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text{color:#fdfdd8}body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon{color:#75d7a4}body .ui-breadcrumb ul li.ui-breadcrumb-chevron{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none;margin:0 .5rem 0 .5rem;color:#fdfdd8}body .ui-breadcrumb ul li.ui-breadcrumb-chevron:before{content:""}body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron){display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron):before{content:"";font-family:"primeicons" !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-indent:0 !important;background-image:none !important;margin:0 .5rem 0 .5rem;color:#fdfdd8}body .ui-breadcrumb ul li:first-child:not(.ui-breadcrumb-chevron):before{display:none}body .ui-breadcrumb ul li:first-child a.ui-icon-home{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none;color:#75d7a4;margin:0}body .ui-breadcrumb ul li:first-child a.ui-icon-home:before{content:""}body .ui-breadcrumb ul li:first-child a.ui-icon-home span{display:none}body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-text{color:#fdfdd8}body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon{color:#75d7a4}body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link{transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s;border-radius:4px;margin:0}body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link:focus{outline:0 none;outline-offset:0;box-shadow:0 0 0 .2rem #7efdbc}body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text{color:#fdfdd8}body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon{color:#75d7a4}body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none;margin:0 .5rem 0 .5rem;color:#fdfdd8}body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron:before{content:""}body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron){display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron):before{content:"";font-family:"primeicons" !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-indent:0 !important;background-image:none !important;margin:0 .5rem 0 .5rem;color:#fdfdd8}body .ui-breadcrumb .ui-breadcrumb-items li:first-child:not(.ui-breadcrumb-chevron):before{display:none}body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none;color:#75d7a4;margin:0}body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home:before{content:""}body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home span{display:none}body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-text{color:#fdfdd8}body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon{color:#75d7a4}body .ui-menu{padding:.25rem 0;background:#25935a;border:1px solid #1c634e;border-radius:4px}body .ui-menu.ui-shadow{border:0 none;box-shadow: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)}body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon{position:static;margin-right:.5rem}body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e:before{content:""}body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s:before{content:""}body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header h3{font-size:1rem;padding-left:0}body .ui-menu .ui-menu-list .ui-widget-header{margin:0;width:100%;background:#fff;color:#fdfdd8;float:none;border:0 none;padding:.75rem 1rem;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s;border-radius:0}body .ui-menu .ui-menu-list .ui-widget-header h3{padding:0;font-size:1rem;font-weight:700;color:#fdfdd8;float:none}body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover{background:#4fc488;color:#fdfdd8}body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon{color:#fdfdd8}body .ui-menu .ui-menu-list .ui-menuitem{margin:0;width:100%;border:0 none;float:none;border-radius:0;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s}body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link{padding:.75rem 1rem;width:100%;border:0 none;float:none;border-radius:0;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s}body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover{background:#4fc488}body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon{color:#fdfdd8}body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text{color:#fdfdd8}body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon{margin-right:.5rem;vertical-align:middle;float:none;color:#75d7a4}body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text{float:none;vertical-align:middle;color:#fdfdd8}body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none;position:relative;margin-right:-0.5rem;color:#75d7a4}body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child:before{content:""}body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none;margin-right:-0.5rem;color:#75d7a4}body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child:before{content:""}body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover{background:#4fc488;color:#fdfdd8}body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover>.ui-menuitem-link{color:#fdfdd8}body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover>.ui-menuitem-link .ui-icon{color:#fdfdd8}body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active>.ui-menuitem-link{background:#4fc488}body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active>.ui-menuitem-link .ui-menuitem-text{color:#fdfdd8}body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active>.ui-menuitem-link .ui-menuitem-icon,body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active>.ui-menuitem-link .ui-icon{color:#fdfdd8}body .ui-menu .ui-menu-list .ui-menu-child{background:#25935a;padding:.25rem 0}body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow{border-radius:4px;border:0 none;box-shadow: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)}body .ui-menu .ui-menu-list .ui-separator{width:100%;margin:.25rem 0;border-top:1px solid #1c634e}body .ui-menu.ui-menubar{padding:.5rem;background:#1a7f4b;border-radius:4px}body .ui-menu.ui-menubar>.ui-menu-list>.ui-menuitem{display:inline-block;width:auto}body .ui-menu.ui-menubar>.ui-menu-list>.ui-menuitem>.ui-menuitem-link{border-radius:4px}body .ui-menu.ui-menubar>.ui-menu-list>.ui-menuitem>.ui-menuitem-link .ui-menuitem-icon{position:static;vertical-align:middle}body .ui-menu.ui-menubar>.ui-menu-list>.ui-menuitem>.ui-menuitem-link>span{float:none;display:inline-block}body .ui-menu.ui-menubar>.ui-menu-list>.ui-menuitem>.ui-menuitem-link .ui-icon-triangle-1-s:last-child{margin-left:.5rem;vertical-align:middle}body .ui-menu.ui-menubar>.ui-menu-list>.ui-menuitem.ui-menubar-options{float:right;margin-right:.5rem}body .ui-menu.ui-slidemenu .ui-slidemenu-backward{padding:.75rem 1rem;color:#fdfdd8;width:100%;border:0 none;background:#fff;margin-bottom:0;border-radius:0}body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w{position:relative;top:2px;font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none;margin-right:.5rem}body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w:before{content:""}body .ui-menu.ui-slidemenu .ui-menu-child{padding:0}body .ui-menu.ui-slidemenu .ui-menu-child.ui-shadow{box-shadow:none;border:0 none}body .ui-menu.ui-megamenu .ui-widget-header{margin:0;width:100%;background:#fff;color:#fdfdd8;float:none;border:0 none;padding:.75rem 1rem;font-weight:700;font-size:1rem;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s;border-radius:0}body .ui-menu.ui-megamenu .ui-widget-header span{float:none;padding:0}body .ui-menu.ui-megamenu .ui-menu-list>table>tbody>tr>td{padding:0}body .ui-menu.ui-megamenu .ui-menu-list .ui-menuitem-link{border-radius:4px}body .ui-menu.ui-megamenu.ui-megamenu-vertical{background:#1a7f4b;padding:.25rem 0}body .ui-menu.ui-megamenu.ui-megamenu-vertical>.ui-menu-list .ui-menuitem{width:100%}body .ui-menu.ui-megamenu.ui-megamenu-vertical>.ui-menu-list .ui-menuitem>.ui-menuitem-link{border-radius:0}body .ui-menu.ui-megamenu.ui-megamenu-vertical>.ui-menu-list>.ui-menuitem>.ui-menuitem-link .ui-icon:last-child{float:right}body .ui-menu .ui-divider.ui-widget.ui-divider-horizontal{margin:0}body .ui-panelmenu .ui-icon{position:static}body .ui-panelmenu .ui-panelmenu-panel:first-child .ui-panelmenu-header{margin-top:0;border-top:1px solid #1c634e;border-top-right-radius:4px;border-top-left-radius:4px}body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header{border-bottom-right-radius:4px;border-bottom-left-radius:4px}body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header.ui-state-active{border-radius:0}body .ui-panelmenu h3.ui-panelmenu-header{border:1px solid #1c634e;border-top:0 none;background:#1a7f4b;color:#fdfdd8;padding:1rem;font-weight:700;margin:0 0 0 0;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s;user-select:none;border-radius:0;position:relative;outline:0 none;font-size:1rem}body .ui-panelmenu h3.ui-panelmenu-header .ui-icon{position:static;margin:0;vertical-align:middle;margin-right:.5rem}body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e:before{content:""}body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s:before{content:""}body .ui-panelmenu h3.ui-panelmenu-header a{display:inline;padding:0;outline:0 none;color:inherit;vertical-align:middle;text-decoration:none}body .ui-panelmenu h3.ui-panelmenu-header.ui-state-hover{border-color:#1c634e;background:#4fc488;color:#fdfdd8}body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active{border-color:#1c634e;background:#1a7f4b;color:#fdfdd8}body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover{border-color:#1c634e;background:#4fc488;color:#fdfdd8}body .ui-panelmenu .ui-panelmenu-content{padding:.25rem 0;background:#25935a;border:1px solid #1c634e;margin-top:0;position:static;border-top:0 none}body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link{padding:.75rem 1rem;color:#fdfdd8;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s}body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover{background:#4fc488}body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-icon,body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-panelmenu-icon{color:#fdfdd8}body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text{color:#fdfdd8}body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link>span.ui-icon{display:inline-block;vertical-align:middle;margin-right:.5rem;position:static;color:#75d7a4}body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link>span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link>span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e:before{content:""}body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link>span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link>span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s:before{content:""}body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link .ui-menuitem-text{display:inline-block;vertical-align:middle}body .ui-steps{position:relative}body .ui-steps ul{display:-ms-flexbox;display:flex}body .ui-steps .ui-steps-item{flex:1 1 0;-ms-flex:1 1 0px;background:rgba(0,0,0,0);text-align:center;float:none;opacity:1}body .ui-steps .ui-steps-item .ui-menuitem-link{display:block;text-align:center;background:rgba(0,0,0,0);overflow:hidden;padding:0}body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number{color:#fdfdd8;background:#25935a;border:1px solid #4fc488;width:2rem;height:2rem;font-size:1.143rem;padding:0;margin-top:2rem;margin-left:auto;margin-right:auto;border-radius:50%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title{display:block;padding-top:.5rem;color:#75d7a4}body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number{background:#fdfdd8;color:#25935a;border-color:#fdfdd8}body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title{font-weight:600;color:#fdfdd8}body .ui-steps .ui-steps-item:not(.ui-state-highlight){opacity:.65}body .ui-steps:before{content:" ";border-top:1px solid #1c634e;width:100%;top:50%;left:0;display:block;position:absolute}body .ui-tabmenu{padding:0;position:static}body .ui-tabmenu .ui-tabmenu-nav{margin:0;padding:0;background:#25935a;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;position:relative;overflow-x:scroll}body .ui-tabmenu .ui-tabmenu-nav:before{position:absolute;border-bottom:2px solid #1c634e;left:0;bottom:0;width:100%}body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem{list-style:none;padding:0;white-space:nowrap;display:inline-block;vertical-align:top;float:none;background:#25935a;color:#75d7a4;top:0;margin:0;border-bottom:2px solid #1c634e;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s;flex-shrink:0}body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a{color:#75d7a4;padding:1rem;font-weight:700;display:block;line-height:1;outline:0 none}body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-icon{margin-right:.5rem}body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover{background:#25935a;border-color:#adb5bd}body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a{color:#75d7a4}body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon{color:#75d7a4}body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active{background:#25935a;border-color:#2cc978}body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a{color:#2cc978}body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon{color:#2cc978}body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline{outline:0 none;outline-offset:0;box-shadow:0 0 0 .2rem #7efdbc}body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav:before{border-bottom:0 none;border-top:2px solid #1c634e;bottom:auto;top:0}body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem{border-bottom:0 none;border-top:2px solid #1c634e}body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover{border-color:#adb5bd}body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active{border-color:#2cc978}body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav{flex-direction:column}body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav:before{border-bottom:0 none;border-right:2px solid #1c634e;left:auto;right:0;width:auto;height:100%}body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem{border-bottom:0 none;border-right:2px solid #1c634e}body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover{border-color:#adb5bd}body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active{border-color:#2cc978}body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav{flex-direction:column}body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav:before{border-bottom:0 none;border-left:2px solid #1c634e;width:auto;height:100%}body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem{border-bottom:0 none;border-left:2px solid #1c634e}body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover{border-color:#adb5bd}body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active{border-color:#2cc978}body .ui-growl{top:85px}body .ui-growl .ui-growl-item-container{margin:0 0 1rem 0;border-radius:4px;box-shadow:0px 11px 15px -7px rgba(0,0,0,.2),0px 24px 38px 3px rgba(0,0,0,.14),0px 9px 46px 8px rgba(0,0,0,.12)}body .ui-growl .ui-growl-item-container .ui-icon-closethick{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none;position:absolute;top:.5rem;right:.5rem}body .ui-growl .ui-growl-item-container .ui-icon-closethick:before{content:""}body .ui-growl .ui-growl-item-container .ui-growl-item{padding:1rem;min-height:70px}body .ui-growl .ui-growl-item-container.ui-growl-info{background:#fafdff;border:1px solid #03a9f4;color:#01579b;border-width:0 0 0 6px}body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none;font-size:2rem;color:#01579b}body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before{content:""}body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon{color:#01579b}body .ui-growl .ui-growl-item-container.ui-growl-warn{background:#ffecb3;border:1px solid #ffc107;color:#7f6003;border-width:0 0 0 6px}body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none;font-size:2rem;color:#7f6003}body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before{content:""}body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon{color:#7f6003}body .ui-growl .ui-growl-item-container.ui-growl-error,body .ui-growl .ui-growl-item-container.ui-growl-fatal{background:#fa7a71;border:1px solid #ef5350;color:#b71c1c;border-width:0 0 0 6px}body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image,body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none;font-size:2rem;color:#b71c1c}body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before,body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before{content:""}body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon,body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon{color:#b71c1c}body .ui-message{padding:.5rem .5rem;display:inline-block;border-radius:4px}body .ui-message.ui-message-info{background:#fafdff;border:1px solid #03a9f4;border-width:0 0 0 3px;color:#01579b}body .ui-message.ui-message-info .ui-message-info-icon{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none;margin:0;color:#01579b;float:none;width:auto;height:auto;position:relative;top:1px}body .ui-message.ui-message-info .ui-message-info-icon:before{content:""}body .ui-message.ui-message-info .ui-message-info-detail{margin-left:.5rem}body .ui-message.ui-message-warn{background:#ffecb3;border:1px solid #ffc107;border-width:0 0 0 3px;color:#7f6003}body .ui-message.ui-message-warn .ui-message-warn-icon{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none;margin:0;color:#7f6003;float:none;width:auto;height:auto;position:relative;top:1px}body .ui-message.ui-message-warn .ui-message-warn-icon:before{content:""}body .ui-message.ui-message-warn .ui-message-warn-detail{margin-left:.5rem}body .ui-message.ui-message-error,body .ui-message.ui-message-fatal{background:#fa7a71;border:1px solid #ef5350;border-width:0 0 0 3px;color:#b71c1c}body .ui-message.ui-message-error .ui-message-error-icon,body .ui-message.ui-message-fatal .ui-message-error-icon{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none;margin:0;color:#b71c1c;float:none;width:auto;height:auto;position:relative;top:1px}body .ui-message.ui-message-error .ui-message-error-icon:before,body .ui-message.ui-message-fatal .ui-message-error-icon:before{content:""}body .ui-message.ui-message-error .ui-message-error-detail,body .ui-message.ui-message-fatal .ui-message-error-detail{margin-left:.5rem}body .ui-message.ui-message-icon-only{width:auto;height:auto}body .ui-widget+.ui-message{margin:0 0 0 .5rem}body .ui-messages{padding:0;margin:0;font-weight:600;position:relative;border-radius:4px}body .ui-messages>div{padding:1.5rem;margin:1rem 0;border-radius:4px}body .ui-messages ul{margin:0}body .ui-messages ul .ui-messages-info-summary,body .ui-messages ul .ui-messages-warn-summary,body .ui-messages ul .ui-messages-error-summary,body .ui-messages ul .ui-messages-fatal-summary{margin:0 .5rem 0 0}body .ui-messages ul .ui-messages-info-detail,body .ui-messages ul .ui-messages-warn-detail,body .ui-messages ul .ui-messages-error-detail,body .ui-messages ul .ui-messages-fatal-detail{margin:0;overflow-wrap:break-word}body .ui-messages .ui-messages-close{position:absolute;right:-1rem;top:-1rem;width:2rem;height:2rem;background:rgba(0,0,0,0);color:#75d7a4;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s;border-radius:50%;border:0 none;text-align:center;line-height:2rem;padding:0;user-select:none;text-align:center;transition:background-color .2s}body .ui-messages .ui-messages-close:hover{background:#4fc488;color:#fdfdd8;border-color:rgba(0,0,0,0)}body .ui-messages .ui-messages-close:focus{outline:0 none;outline-offset:0;box-shadow:0 0 0 .2rem #7efdbc}body .ui-messages .ui-messages-close .ui-icon-close{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-messages .ui-messages-close .ui-icon-close:before{content:""}body .ui-messages .ui-messages-info{background:#fafdff;border:1px solid #03a9f4;border-width:0 0 0 6px;color:#01579b}body .ui-messages .ui-messages-info .ui-messages-info-icon{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none;font-size:1.5rem;margin:0 .5rem 0 0;color:#01579b}body .ui-messages .ui-messages-info .ui-messages-info-icon:before{content:""}body .ui-messages .ui-messages-info .ui-messages-close{background:#fafdff;color:#01579b}body .ui-messages .ui-messages-info .ui-messages-close:hover{background:#e1f3ff}body .ui-messages .ui-messages-warn{background:#ffecb3;border:1px solid #ffc107;border-width:0 0 0 6px;color:#7f6003}body .ui-messages .ui-messages-warn .ui-messages-warn-icon{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none;font-size:1.5rem;margin:0 .5rem 0 0;color:#7f6003}body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before{content:""}body .ui-messages .ui-messages-warn .ui-messages-close{background:#ffecb3;color:#7f6003}body .ui-messages .ui-messages-warn .ui-messages-close:hover{background:#ffe69a}body .ui-messages .ui-messages-error,body .ui-messages .ui-messages-fatal{background:#fa7a71;border:1px solid #ef5350;border-width:0 0 0 6px;color:#b71c1c}body .ui-messages .ui-messages-error .ui-messages-error-icon,body .ui-messages .ui-messages-error .ui-messages-fatal,body .ui-messages .ui-messages-fatal .ui-messages-error-icon,body .ui-messages .ui-messages-fatal .ui-messages-fatal{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none;font-size:1.5rem;margin:0 .5rem 0 0;color:#b71c1c}body .ui-messages .ui-messages-error .ui-messages-error-icon:before,body .ui-messages .ui-messages-error .ui-messages-fatal:before,body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before,body .ui-messages .ui-messages-fatal .ui-messages-fatal:before{content:""}body .ui-messages .ui-messages-error .ui-messages-close,body .ui-messages .ui-messages-fatal .ui-messages-close{background:#fa7a71;color:#b71c1c}body .ui-messages .ui-messages-error .ui-messages-close:hover,body .ui-messages .ui-messages-fatal .ui-messages-close:hover{background:#f96358}body .ui-avatar{background-color:#1c634e;border-radius:4px}body .ui-avatar.ui-avatar-lg{width:3rem;height:3rem;font-size:1.5rem}body .ui-avatar.ui-avatar-lg .ui-avatar-icon{font-size:1.5rem}body .ui-avatar.ui-avatar-xl{width:4rem;height:4rem;font-size:2rem}body .ui-avatar.ui-avatar-xl .ui-avatar-icon{font-size:2rem}body .ui-avatar-group .ui-avatar{border:2px solid #25935a}body .ui-badge{background:#2cc978;color:#fdfdd8;font-size:.75rem;font-weight:700;min-width:1.5rem;height:1.5rem;line-height:1.5rem}body .ui-badge:not(.ui-widget){display:inline-block;border-radius:50%;text-align:center}body .ui-badge.ui-badge-secondary{background:#fdfdd8;color:#0f9a70}body .ui-badge.ui-badge-success{background:#0f9a70;color:#fdfdd8}body .ui-badge.ui-badge-info{background:#0288d1;color:#fdfdd8}body .ui-badge.ui-badge-warning{background:#f3b95f;color:#212529}body .ui-badge.ui-badge-danger{background:#fa7a71;color:#fdfdd8}body .ui-badge.ui-badge-lg{font-size:1.125rem;min-width:2.25rem;height:2.25rem;line-height:2.25rem}body .ui-badge.ui-badge-xl{font-size:1.5rem;min-width:3rem;height:3rem;line-height:3rem}body .ui-overlay-badge{position:relative;display:inline-block}body .ui-overlay-badge .ui-badge{position:absolute;top:0;right:0;transform:translate(50%, -50%);margin:0}body .ui-chip{background-color:#fdfdd8;color:#25935a;border-radius:16px;padding:0 .5rem}body .ui-chip .ui-chip-text{line-height:1.5;margin-top:.25rem;margin-bottom:.25rem}body .ui-chip .ui-chip-icon{margin-right:.5rem}body .ui-chip img{width:2rem;height:2rem;margin-left:-0.5rem;margin-right:.5rem}body .ui-chip .ui-chip-remove-icon{margin-left:.5rem;border-radius:4px;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s}body .ui-chip .ui-chip-remove-icon:focus{outline:0 none;outline-offset:0;box-shadow:0 0 0 .2rem #7efdbc}body .ui-clock{border:1px solid #1c634e;background:#25935a;color:#fdfdd8;padding:1rem}body .ui-galleria .ui-galleria-close{margin:.5rem;background:rgba(0,0,0,0);color:#1a7f4b;width:4rem;height:4rem;transition:background-color .2s,color .2s,box-shadow .2s,opacity .2s ease-in-out;border-radius:50%}body .ui-galleria .ui-galleria-close .ui-galleria-close-icon{font-size:2rem}body .ui-galleria .ui-galleria-close:hover{background:rgba(255,255,255,.1);color:#1a7f4b}body .ui-galleria .ui-galleria-item-nav{background:rgba(0,0,0,0);color:#1a7f4b;width:4rem;height:4rem;transition:background-color .2s,color .2s,box-shadow .2s,opacity .2s ease-in-out;border-radius:4px;margin:0 .5rem}body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none;font-size:2rem}body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon:before{content:""}body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none;font-size:2rem}body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon:before{content:""}body .ui-galleria .ui-galleria-item-nav:not(.ui-state-disabled):hover{background:rgba(255,255,255,.1);color:#1a7f4b}body .ui-galleria .ui-galleria-caption-item{background:rgba(0,0,0,.5);color:#1a7f4b;padding:1rem}body .ui-galleria .ui-galleria-indicators{padding:1rem}body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button{background-color:#4fc488;width:1rem;height:1rem;transition:background-color .2s,color .2s,box-shadow .2s,opacity .2s ease-in-out;border-radius:50%}body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button:hover{background:#1c634e}body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button{background:#2cc978;color:#fdfdd8}body .ui-galleria.ui-galleria-indicators-bottom .ui-galleria-indicator,body .ui-galleria.ui-galleria-indicators-top .ui-galleria-indicator{margin-right:.5rem}body .ui-galleria.ui-galleria-indicators-left .ui-galleria-indicator,body .ui-galleria.ui-galleria-indicators-right .ui-galleria-indicator{margin-bottom:.5rem}body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators{background:rgba(0,0,0,.5)}body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button{background:rgba(255,255,255,.4)}body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button:hover{background:rgba(255,255,255,.6)}body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button{background:#fdfdd8;color:#25935a}body .ui-galleria .ui-galleria-thumbnail-container{background:rgba(0,0,0,.9);padding:.8rem .25rem}body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev,body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next{margin:.5rem;background-color:rgba(0,0,0,0);color:#1a7f4b;width:2rem;height:2rem;transition:background-color .2s,color .2s,box-shadow .2s,opacity .2s ease-in-out;border-radius:50%}body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev:hover,body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next:hover{background:rgba(255,255,255,.1);color:#1a7f4b}body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e,body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e:before,body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e:before{content:""}body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s,body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s:before,body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s:before{content:""}body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w,body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w:before,body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w:before{content:""}body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n,body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n:before,body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n:before{content:""}body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content{transition:box-shadow .2s;margin:.2rem;margin-left:0;margin-right:0}body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content:focus{outline:0 none;outline-offset:0;box-shadow:0 0 0 .2rem #7efdbc}body .ui-galleria.ui-galleria-thumbnails-left .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content,body .ui-galleria.ui-galleria-thumbnails-right .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content{margin:.2rem}body .ui-galleria .ui-galleria-link:focus{outline:0 none;outline-offset:0;box-shadow:0 0 0 .2rem #7efdbc}.ui-galleria-mask.ui-widget-overlay{background-color:rgba(0,0,0,.9)}body .ui-log{padding:0;box-shadow:0px 11px 15px -7px rgba(0,0,0,.2),0px 24px 38px 3px rgba(0,0,0,.14),0px 9px 46px 8px rgba(0,0,0,.12);border:0 none;border-radius:4px;height:auto}body .ui-log .ui-log-header{background:#25935a;color:#fdfdd8;font-weight:700;border-bottom:0 none;padding:1.5rem;height:auto}body .ui-log .ui-log-header .ui-log-button{display:inline-block;position:static;margin-right:.5rem;padding:2px;width:2rem;height:2rem;background:rgba(0,0,0,0);color:#75d7a4;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s;border-radius:50%;border:0 none;text-align:center;line-height:2rem;padding:0;user-select:none}body .ui-log .ui-log-header .ui-log-button:hover{background:#4fc488;color:#fdfdd8;border-color:rgba(0,0,0,0)}body .ui-log .ui-log-header .ui-log-button:focus{outline:0 none;outline-offset:0;box-shadow:0 0 0 .2rem #7efdbc}body .ui-log .ui-log-header .ui-log-button .ui-icon-trash{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-log .ui-log-header .ui-log-button .ui-icon-trash:before{content:""}body .ui-log .ui-log-header .ui-log-button .ui-icon-note{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-log .ui-log-header .ui-log-button .ui-icon-note:before{content:""}body .ui-log .ui-log-header .ui-log-button .ui-icon-info{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-log .ui-log-header .ui-log-button .ui-icon-info:before{content:""}body .ui-log .ui-log-header .ui-log-button .ui-icon-notice{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-log .ui-log-header .ui-log-button .ui-icon-notice:before{content:""}body .ui-log .ui-log-header .ui-log-button .ui-icon-search{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-log .ui-log-header .ui-log-button .ui-icon-search:before{content:""}body .ui-log .ui-log-header .ui-log-button .ui-icon-alert{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-log .ui-log-header .ui-log-button .ui-icon-alert:before{content:""}body .ui-log .ui-log-content{background:#25935a;color:#fdfdd8;border:0 none;padding:.2rem 1.5rem 2rem 1.5rem;border:0 none;overflow:auto}body .ui-progressbar{border:0 none;height:1rem;background:#efefef;border-radius:4px}body .ui-progressbar .ui-progressbar-value{border:0 none;margin:0;background:#2cc978;border-radius:4px}body .ui-progressbar .ui-progressbar-label{margin-top:0;color:#fdfdd8;line-height:1rem}body .ui-scrolltop{width:3rem;height:3rem;border-radius:50%;box-shadow: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);transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s;background:rgba(0,0,0,.7)}body .ui-scrolltop:hover{background:rgba(0,0,0,.8)}body .ui-scrolltop .ui-scrolltop-icon{font-size:1.5rem;color:#1a7f4b}body .ui-skeleton{background-color:#4fc488;border-radius:4px}body .ui-skeleton:after{background:linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0))}body .ui-tag{background:#2cc978;color:#fdfdd8;font-size:.75rem;font-weight:700;padding:.25rem .4rem;border-radius:4px}body .ui-tag:not(.ui-widget){display:inline-block;text-align:center;line-height:1}body .ui-tag.ui-tag-success{background:#0f9a70;color:#fdfdd8}body .ui-tag.ui-tag-info{background:#0288d1;color:#fdfdd8}body .ui-tag.ui-tag-warning{background:#f3b95f;color:#212529}body .ui-tag.ui-tag-danger{background:#fa7a71;color:#fdfdd8}body .ui-tag.ui-tag-rounded{border-radius:10rem}body .ui-tag .ui-tag-icon{margin-right:.25rem;font-size:.75rem}body .ui-terminal{background:#25935a;color:#fdfdd8;border:1px solid #1c634e;padding:1rem}body .ui-confirm-popup{background:#25935a;color:#fdfdd8;border:0 none;border-radius:4px;box-shadow:0px 11px 15px -7px rgba(0,0,0,.2),0px 24px 38px 3px rgba(0,0,0,.14),0px 9px 46px 8px rgba(0,0,0,.12)}body .ui-confirm-popup .ui-confirm-popup-content{padding:1rem}body .ui-confirm-popup .ui-confirm-popup-footer{text-align:right;padding:0 1rem 1rem 1rem}body .ui-confirm-popup .ui-confirm-popup-footer button{margin:0 .5rem 0 0;width:auto}body .ui-confirm-popup .ui-confirm-popup-footer button:last-child{margin:0}body .ui-confirm-popup:after{border-style:solid;border-color:rgba(37,147,90,0);border-bottom-color:#25935a}body .ui-confirm-popup:before{border-style:solid;border-color:rgba(37,147,90,0);border-bottom-color:#25935a}body .ui-confirm-popup.ui-confirm-popup-flipped:after{border-top-color:#25935a}body .ui-confirm-popup.ui-confirm-popup-flipped:before{border-top-color:#25935a}body .ui-confirm-popup .ui-confirm-popup-icon{font-size:1.5rem}body .ui-confirm-popup .ui-confirm-popup-message{margin-left:1rem}body .ui-dialog{padding:0;box-shadow:0px 11px 15px -7px rgba(0,0,0,.2),0px 24px 38px 3px rgba(0,0,0,.14),0px 9px 46px 8px rgba(0,0,0,.12);border:0 none;border-radius:4px}body .ui-dialog .ui-dialog-titlebar{background:#25935a;color:#fdfdd8;font-weight:700;border-bottom:0 none;padding:1.5rem}body .ui-dialog .ui-dialog-titlebar .ui-dialog-title{margin:0;float:none;font-size:1.25rem}body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon{border:0 none;padding:0;margin-left:.5rem;width:2rem;height:2rem;background:rgba(0,0,0,0);color:#75d7a4;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s;border-radius:50%;border:0 none;text-align:center;line-height:2rem;padding:0;user-select:none}body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover{background:#4fc488;color:#fdfdd8;border-color:rgba(0,0,0,0)}body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:focus{outline:0 none;outline-offset:0;box-shadow:0 0 0 .2rem #7efdbc}body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick:before{content:""}body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus:before{content:""}body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus:before{content:""}body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink:before{content:""}body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin:before{content:""}body .ui-dialog .ui-dialog-content{background:#25935a;color:#fdfdd8;border:0 none;padding:.2rem 1.5rem 2rem 1.5rem;border:0 none}body .ui-dialog .ui-dialog-footer{border-top:0 none;background:#25935a;color:#fdfdd8;padding:0 1.5rem 1.5rem 1.5rem;margin:0;text-align:right}body .ui-dialog .ui-dialog-footer button{margin:0 .5rem 0 0;width:auto}body .ui-dialog.ui-confirm-dialog .ui-dialog-content{padding:.2rem 1.5rem 2rem 1.5rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}body .ui-dialog.ui-confirm-dialog .ui-dialog-content>span{float:none;display:inline-block;vertical-align:middle;line-height:1;margin:0 0 0 .5rem}body .ui-dialog.ui-confirm-dialog .ui-dialog-content>span.ui-icon{margin-right:.5rem;font-size:2.5rem}body .ui-dialog.ui-confirm-dialog .ui-dialog-content>span.ui-icon.ui-icon-warn{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-dialog.ui-confirm-dialog .ui-dialog-content>span.ui-icon.ui-icon-warn:before{content:""}body .ui-dialog.ui-confirm-dialog .ui-dialog-content>span.ui-icon.ui-icon-info{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-dialog.ui-confirm-dialog .ui-dialog-content>span.ui-icon.ui-icon-info:before{content:""}body .ui-dialog.ui-confirm-dialog .ui-dialog-content>span.ui-icon.ui-icon-error{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-dialog.ui-confirm-dialog .ui-dialog-content>span.ui-icon.ui-icon-error:before{content:""}body .ui-dialog.ui-resizable .ui-dialog-content{box-sizing:content-box}body .ui-dialog.ui-message-dialog .ui-dialog-content{padding:.2rem 1.5rem 2rem 1.5rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}body .ui-dialog.ui-message-dialog .ui-dialog-content>span{float:none;display:inline-block;vertical-align:middle;line-height:1;margin:0 0 0 .5rem}body .ui-dialog.ui-message-dialog .ui-dialog-content>span.ui-dialog-message{margin-right:.5rem;font-size:2.5rem;width:auto;height:auto}body .ui-dialog.ui-message-dialog .ui-dialog-content>span.ui-dialog-message.ui-messages-warn-icon{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-dialog.ui-message-dialog .ui-dialog-content>span.ui-dialog-message.ui-messages-warn-icon:before{content:""}body .ui-dialog.ui-message-dialog .ui-dialog-content>span.ui-dialog-message.ui-messages-info-icon{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-dialog.ui-message-dialog .ui-dialog-content>span.ui-dialog-message.ui-messages-info-icon:before{content:""}body .ui-dialog.ui-message-dialog .ui-dialog-content>span.ui-dialog-message.ui-messages-error-icon{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-dialog.ui-message-dialog .ui-dialog-content>span.ui-dialog-message.ui-messages-error-icon:before{content:""}body .ui-dialog.ui-message-dialog .ui-dialog-content>span.ui-dialog-message.ui-messages-fatal-icon{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-dialog.ui-message-dialog .ui-dialog-content>span.ui-dialog-message.ui-messages-fatal-icon:before{content:""}body .ui-lightbox{box-shadow:0px 11px 15px -7px rgba(0,0,0,.2),0px 24px 38px 3px rgba(0,0,0,.14),0px 9px 46px 8px rgba(0,0,0,.12)}body .ui-lightbox .ui-lightbox-caption{border:1px solid #1c634e;background:#1a7f4b;color:#fdfdd8;padding:1rem;font-weight:700}body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text{color:#fdfdd8;margin:0}body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close{padding:0;width:2rem;height:2rem;background:rgba(0,0,0,0);color:#75d7a4;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s;border-radius:50%;border:0 none;text-align:center;line-height:2rem;padding:0;user-select:none}body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:hover{background:#4fc488;color:#fdfdd8;border-color:rgba(0,0,0,0)}body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:focus{outline:0 none;outline-offset:0;box-shadow:0 0 0 .2rem #7efdbc}body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon:before{content:""}body .ui-lightbox .ui-lightbox-content-wrapper{overflow:hidden;background:#25935a;color:#fdfdd8;border:0 none;padding:0}body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none;transition:all .2s;font-size:24px;margin-left:4px;color:#fff}body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:before{content:""}body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover{scale:1.2}body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left span{display:none}body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none;transition:all .2s;font-size:24px;margin-right:4px;color:#fff}body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:before{content:""}body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover{scale:1.2}body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right span{display:none}body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content{border-radius:0}body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading+a{display:none}body .ui-overlaypanel{background:#25935a;color:#fdfdd8;padding:0;border:0 none;box-shadow:0px 11px 15px -7px rgba(0,0,0,.2),0px 24px 38px 3px rgba(0,0,0,.14),0px 9px 46px 8px rgba(0,0,0,.12);border-radius:4px}body .ui-overlaypanel .ui-overlaypanel-content{padding:1rem}body .ui-overlaypanel .ui-overlaypanel-close{position:absolute;width:2rem;height:2rem;right:-1rem;top:-1rem;background:#2cc978;color:#fdfdd8;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s;border-radius:50%;text-align:center;line-height:2rem;padding:0}body .ui-overlaypanel .ui-overlaypanel-close:hover{background:#28b56c;color:#fdfdd8}body .ui-overlaypanel .ui-overlaypanel-close .ui-icon{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none;display:inline-block;line-height:inherit}body .ui-overlaypanel .ui-overlaypanel-close .ui-icon:before{content:""}body .ui-sidebar{background:#25935a;color:#fdfdd8;padding:1rem;border:0 none;box-shadow:none}body .ui-sidebar .ui-sidebar-close{padding:0;width:2rem;height:2rem;background:rgba(0,0,0,0);color:#75d7a4;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s;border-radius:50%;border:0 none;text-align:center;line-height:2rem;padding:0;user-select:none}body .ui-sidebar .ui-sidebar-close:hover{background:#4fc488;color:#fdfdd8;border-color:rgba(0,0,0,0)}body .ui-sidebar .ui-sidebar-close:focus{outline:0 none;outline-offset:0;box-shadow:0 0 0 .2rem #7efdbc}body .ui-sidebar .ui-sidebar-close .ui-icon{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-sidebar .ui-sidebar-close .ui-icon:before{content:""}body .ui-sidebar.ui-sidebar-active{box-shadow:0px 11px 15px -7px rgba(0,0,0,.2),0px 24px 38px 3px rgba(0,0,0,.14),0px 9px 46px 8px rgba(0,0,0,.12)}body .ui-tooltip .ui-tooltip-text{background:#252529;color:#fff;box-shadow:0px 11px 15px -7px rgba(0,0,0,.2),0px 24px 38px 3px rgba(0,0,0,.14),0px 9px 46px 8px rgba(0,0,0,.12);border-radius:4px}body .ui-tooltip.ui-state-error{border:0 none}body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow{border-right-color:#252529}body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow{border-left-color:#252529}body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow{border-top-color:#252529}body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow{border-bottom-color:#252529}body .ui-accordion .ui-accordion-header{border:1px solid #1c634e;border-top:0 none;background:#1a7f4b;color:#fdfdd8;padding:1rem;font-weight:700;margin-top:0;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s;user-select:none;border-radius:0;position:relative;outline:0 none}body .ui-accordion .ui-accordion-header:first-child{margin-top:0;border-top:1px solid #1c634e;border-top-right-radius:4px;border-top-left-radius:4px}body .ui-accordion .ui-accordion-header.ui-accordion-header-last{border-bottom-right-radius:4px;border-bottom-left-radius:4px}body .ui-accordion .ui-accordion-header.ui-accordion-header-last.ui-state-active{border-radius:0}body .ui-accordion .ui-accordion-header.ui-state-hover{border-color:#1c634e;background:#4fc488;color:#fdfdd8}body .ui-accordion .ui-accordion-header.ui-state-active{background:#1a7f4b;border-color:#1c634e;color:#fdfdd8}body .ui-accordion .ui-accordion-header.ui-state-active:hover{border-color:#1c634e;background:#4fc488;color:#fdfdd8}body .ui-accordion .ui-accordion-header:focus{outline:0 none;outline-offset:0;box-shadow:0 0 0 .2rem #7efdbc}body .ui-accordion .ui-accordion-header.ui-state-error{border-color:#f44336;background-color:#f44336}body .ui-accordion .ui-accordion-header.ui-state-error.ui-state-active:hover{border-color:#f44336;background-color:#f44336;color:#fdfdd8}body .ui-accordion .ui-accordion-header.ui-state-error+.ui-accordion-content{border-color:#f44336}body .ui-accordion .ui-accordion-header>.ui-icon{position:static;display:inline-block;margin:0 .5rem 0 0}body .ui-accordion .ui-accordion-header>.ui-icon.ui-icon-triangle-1-e{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-accordion .ui-accordion-header>.ui-icon.ui-icon-triangle-1-e:before{content:""}body .ui-accordion .ui-accordion-header>.ui-icon.ui-icon-triangle-1-s{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-accordion .ui-accordion-header>.ui-icon.ui-icon-triangle-1-s:before{content:""}body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon{margin:0;width:2rem;height:2rem;background:rgba(0,0,0,0);color:#75d7a4;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s;border-radius:50%;border:0 none;text-align:center;line-height:2rem;padding:0;user-select:none;margin-top:-0.25rem;margin-bottom:-0.5rem}body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon:hover{background:#4fc488;color:#fdfdd8;border-color:rgba(0,0,0,0)}body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon:focus{outline:0 none;outline-offset:0;box-shadow:0 0 0 .2rem #7efdbc}body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-closethick{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-closethick:before{content:""}body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-minusthick{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-minusthick:before{content:""}body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-plusthick{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-plusthick:before{content:""}body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-gear{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-accordion .ui-accordion-header .ui-panel-titlebar-icon .ui-icon-gear:before{content:""}body .ui-accordion .ui-accordion-content{border:1px solid #1c634e;background:#25935a;color:#fdfdd8;padding:1rem;margin:0;position:static;border-top:0 none}body .ui-accordion .ui-accordion-content:last-of-type{border-bottom-right-radius:4px;border-bottom-left-radius:4px}body .ui-card{background:#25935a;color:#fdfdd8;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:4px}body .ui-card .ui-card-body{padding:1rem}body .ui-card .ui-card-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}body .ui-card .ui-card-subtitle{font-weight:400;margin-bottom:.5rem;color:#75d7a4}body .ui-card .ui-card-content{padding:1rem 0}body .ui-card .ui-card-footer{padding:1rem 0 0 0}body .ui-dashboard .ui-sortable-placeholder{background-color:#fdfdd8}body .ui-divider .ui-divider-content{background-color:#25935a}body .ui-divider.ui-divider-horizontal{margin:1rem 0;padding:0 1rem}body .ui-divider.ui-divider-horizontal:before{border-top:1px #1c634e}body .ui-divider.ui-divider-horizontal .ui-divider-content{padding:0 .5rem}body .ui-divider.ui-divider-vertical{margin:0 1rem;padding:1rem 0}body .ui-divider.ui-divider-vertical:before{border-left:1px #1c634e}body .ui-divider.ui-divider-vertical .ui-divider-content{padding:.5rem 0}body .ui-fieldset{border:1px solid #1c634e;background:#25935a;color:#fdfdd8;padding:1rem;border-radius:4px}body .ui-fieldset .ui-fieldset-legend{border:1px solid #1c634e;background:#1a7f4b;color:#fdfdd8;padding:1rem;font-weight:700;border-radius:4px;user-select:none;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s}body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler{display:inline-block;float:none;margin-right:.5rem}body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick:before{content:""}body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick:before{content:""}body .ui-fieldset .ui-fieldset-legend.ui-state-hover{outline:0 none;border-color:#1c634e;background:#4fc488;color:#fdfdd8}body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon{color:#fdfdd8}body .ui-fieldset .ui-fieldset-legend.ui-state-focus{outline:0 none;outline-offset:0;box-shadow:0 0 0 .2rem #7efdbc}body .ui-notificationbar{background:#25935a;color:#fdfdd8;padding:1rem;border:1px solid #1c634e}body .ui-panel{padding:0}body .ui-panel .ui-panel-title{margin:0}body .ui-panel .ui-panel-titlebar{border:1px solid #1c634e;background:#1a7f4b;color:#fdfdd8;padding:1rem;font-weight:700;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:4px;border-top-right-radius:4px}body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon{margin:0;width:2rem;height:2rem;background:rgba(0,0,0,0);color:#75d7a4;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s;border-radius:50%;border:0 none;text-align:center;line-height:2rem;padding:0;user-select:none;margin-top:-0.25rem;margin-bottom:-0.5rem}body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover{background:#4fc488;color:#fdfdd8;border-color:rgba(0,0,0,0)}body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus{outline:0 none;outline-offset:0;box-shadow:0 0 0 .2rem #7efdbc}body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick:before{content:""}body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick:before{content:""}body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick:before{content:""}body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear:before{content:""}body .ui-panel .ui-panel-titlebar+.ui-panel-content{border-top:0 none}body .ui-panel .ui-panel-content{border:1px solid #1c634e;background:#25935a;color:#fdfdd8;padding:1rem}body .ui-panel .ui-panel-footer{border:1px solid #1c634e;background:#25935a;color:#fdfdd8;padding:1rem;margin:0;border-top:0 none}body .ui-panel>div:last-of-type{border-bottom-left-radius:4px;border-bottom-right-radius:4px}body .ui-panel.ui-panel-collapsed .ui-panel-titlebar{border-bottom-left-radius:4px;border-bottom-right-radius:4px}body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar{position:relative}body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar .ui-panel-titlebar-icon{float:none;position:absolute;top:50%;left:50%;margin-left:-0.5rem;margin-top:-0.5rem}body .ui-panelgrid .ui-panelgrid-cell{border:1px solid #1c634e;background:#25935a;color:#fdfdd8;padding:1rem}body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header{border:1px solid #1c634e;background:#1a7f4b;color:#fdfdd8;padding:1rem;font-weight:700}body .ui-scrollpanel{border:1px solid #1c634e;background:#25935a;color:#fdfdd8;padding:1rem}body .ui-scrollpanel .ui-scrollpanel-drag{background:#dadada}body .ui-scrollpanel .ui-scrollpanel-track{background:#f8f8f8;border:0 none}body .ui-scrollpanel .ui-scrollpanel-corner{background:#f8f8f8}body .ui-splitter{border:1px solid #1c634e;background:#25935a;border-radius:4px;color:#fdfdd8}body .ui-splitter .ui-splitter-gutter{transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s;background:#1a7f4b}body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle{background:#1c634e}body .ui-splitter .ui-splitter-gutter-resizing{background:#1c634e}body .ui-tabs{padding:0;position:static}body .ui-tabs .ui-tabs-nav{margin:0;padding:0;background:#25935a;display:-ms-flexbox;display:flex}body .ui-tabs .ui-tabs-nav li.ui-tabs-header{list-style:none;white-space:nowrap;display:inline-block;vertical-align:top;float:none;padding:1rem;background:#25935a;color:#75d7a4;margin:0;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s}body .ui-tabs .ui-tabs-nav li.ui-tabs-header a{color:#75d7a4;padding:0;font-weight:700;display:block;line-height:1;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s}body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon{position:static}body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close{margin:0;float:none;font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none;margin-left:.5rem}body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close:before{content:""}body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover{background:#25935a}body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a{color:#75d7a4}body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon{color:#75d7a4}body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active{background:#25935a}body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a{color:#2cc978}body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon{color:#2cc978}body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error a{color:#f44336}body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error .ui-icon{color:#f44336}body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline{outline:0 none;outline-offset:0;box-shadow:inset 0 0 0 .2rem #7efdbc}body .ui-tabs .ui-tabs-nav li.ui-tabs-actions{order:1;margin-left:auto}body .ui-tabs .ui-tabs-panels{border:0 none;background:#25935a;color:#fdfdd8;padding:0;margin:0;position:static;border-bottom-left-radius:4px;border-bottom-right-radius:4px}body .ui-tabs .ui-tabs-panels .ui-tabs-panel{padding:1rem}body .ui-tabs.ui-tabs-top>.ui-tabs-nav{margin:0;padding:0;position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}body .ui-tabs.ui-tabs-top>.ui-tabs-nav:before{content:"";position:absolute;display:block;border-bottom:2px solid #1c634e;left:0;bottom:0;width:100%}body .ui-tabs.ui-tabs-top>.ui-tabs-nav li.ui-tabs-header{top:0;border-bottom:2px solid #1c634e}body .ui-tabs.ui-tabs-top>.ui-tabs-nav li.ui-tabs-header.ui-state-hover{border-color:#adb5bd}body .ui-tabs.ui-tabs-top>.ui-tabs-nav li.ui-tabs-header.ui-state-active{border-color:#2cc978}body .ui-tabs.ui-tabs-top>.ui-tabs-nav li.ui-tabs-header.ui-state-error{border-color:#f44336}body .ui-tabs.ui-tabs-top>.ui-tabs-panels{border-width:1px 0 0 0}body .ui-tabs.ui-tabs-bottom>.ui-tabs-nav{margin:0;padding:0;position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}body .ui-tabs.ui-tabs-bottom>.ui-tabs-nav:before{content:"";position:absolute;display:block;border-top:2px solid #1c634e;left:0;top:0;width:100%}body .ui-tabs.ui-tabs-bottom>.ui-tabs-nav li.ui-tabs-header{top:0;border-top:2px solid #1c634e}body .ui-tabs.ui-tabs-bottom>.ui-tabs-nav li.ui-tabs-header.ui-state-hover{border-color:#adb5bd}body .ui-tabs.ui-tabs-bottom>.ui-tabs-nav li.ui-tabs-header.ui-state-active{border-color:#2cc978}body .ui-tabs.ui-tabs-bottom>.ui-tabs-nav li.ui-tabs-header.ui-state-error{border-color:#f44336}body .ui-tabs.ui-tabs-bottom>.ui-tabs-panels{border-width:1px 0 0 0}body .ui-tabs.ui-tabs-left>.ui-tabs-nav,body .ui-tabs.ui-tabs-right>.ui-tabs-nav{width:25%;margin:0;padding:0;height:auto;-ms-flex-direction:column;flex-direction:column}body .ui-tabs.ui-tabs-left>.ui-tabs-nav li.ui-tabs-header,body .ui-tabs.ui-tabs-right>.ui-tabs-nav li.ui-tabs-header{width:100%}body .ui-tabs.ui-tabs-left>.ui-tabs-panels,body .ui-tabs.ui-tabs-right>.ui-tabs-panels{width:75%}body .ui-tabs.ui-tabs-right>.ui-tabs-nav{margin:0;padding:0;border-left:2px solid #1c634e}body .ui-tabs.ui-tabs-right>.ui-tabs-nav li.ui-tabs-header{top:0;border-left:2px solid #1c634e;left:-2px}body .ui-tabs.ui-tabs-right>.ui-tabs-nav li.ui-tabs-header.ui-state-hover{border-color:#adb5bd}body .ui-tabs.ui-tabs-right>.ui-tabs-nav li.ui-tabs-header.ui-state-active{border-color:#2cc978}body .ui-tabs.ui-tabs-right>.ui-tabs-nav li.ui-tabs-header.ui-state-error{border-color:#f44336}body .ui-tabs.ui-tabs-right>.ui-tabs-panels{border-width:1px 0 0 0}body .ui-tabs.ui-tabs-left>.ui-tabs-nav{margin:0;padding:0;right:-2px}body .ui-tabs.ui-tabs-left>.ui-tabs-nav li.ui-tabs-header{top:0;border-right:2px solid #1c634e;margin-right:-2px}body .ui-tabs.ui-tabs-left>.ui-tabs-nav li.ui-tabs-header.ui-state-hover{border-color:#adb5bd}body .ui-tabs.ui-tabs-left>.ui-tabs-nav li.ui-tabs-header.ui-state-active{border-color:#2cc978}body .ui-tabs.ui-tabs-left>.ui-tabs-nav li.ui-tabs-header.ui-state-error{border-color:#f44336}body .ui-tabs.ui-tabs-left>.ui-tabs-panels{border-width:1px 0 0 0}body .ui-tabs .ui-tabs-navscroller{position:relative}body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn{border:0 none;background:#25935a;color:#75d7a4;outline:0 none;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s}body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left{left:0;height:100%}body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon{margin:0;font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon:before{content:""}body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right{right:0;height:100%}body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon{margin:0;font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon:before{content:""}body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-state-hover{background:#4fc488;color:#fdfdd8}body .ui-toolbar{border:1px solid #1c634e;background:#1a7f4b;color:#fdfdd8;padding:1rem;border-radius:4px}body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title{border:1px solid #1c634e;background:#1a7f4b;color:#fdfdd8;padding:1rem;margin:0;border-right:0 none;border-radius:0}body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px;border-right:1px solid #1c634e}body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight{background:#fdfdd8;color:#25935a}body .ui-wizard .ui-icon-arrowthick-1-w{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-wizard .ui-icon-arrowthick-1-w:before{content:""}body .ui-wizard .ui-icon-arrowthick-1-e{font-family:"primeicons" !important;font-style:normal;font-weight:normal;display:inline-block;background:none}body .ui-wizard .ui-icon-arrowthick-1-e:before{content:""} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/mytheme/theme.css.map b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/mytheme/theme.css.map new file mode 100644 index 000000000..aef9c141d --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/mytheme/theme.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["_variables.scss","../../theme-base/_colors.scss","../../theme-base/components/input/_editor.scss","variables/_form.scss","variables/_general.scss","../../theme-base/_components.scss","../../theme-base/_common.scss","../../theme-base/_mixins.scss","../../theme-base/components/input/_autocomplete.scss","variables/_misc.scss","variables/_menu.scss","../../theme-base/components/input/_calendar.scss","../../theme-base/components/input/_cascadeselect.scss","../../theme-base/components/input/_checkbox.scss","../../theme-base/components/input/_chips.scss","../../theme-base/components/input/_colorpicker.scss","../../theme-base/components/input/_dropdown.scss","../../theme-base/components/input/_inputgroup.scss","variables/_button.scss","../../theme-base/components/input/_inputmask.scss","../../theme-base/components/input/_inputnumber.scss","../../theme-base/components/input/_inputswitch.scss","../../theme-base/components/input/_inputtext.scss","../../theme-base/components/input/_listbox.scss","../../theme-base/components/input/_multiselect.scss","../../theme-base/components/input/_password.scss","variables/_panel.scss","variables/_overlay.scss","../../theme-base/components/input/_radiobutton.scss","../../theme-base/components/input/_rating.scss","../../theme-base/components/input/_selectbutton.scss","../../theme-base/components/input/_slider.scss","../../theme-base/components/input/_togglebutton.scss","../../theme-base/components/input/_treeselect.scss","../../theme-base/components/button/_button.scss","../../theme-base/components/button/_speeddial.scss","../../theme-base/components/button/_splitbutton.scss","../../theme-base/components/data/_carousel.scss","variables/_media.scss","../../theme-base/components/data/_datatable.scss","variables/_data.scss","../../theme-base/components/data/_dataview.scss","../../theme-base/components/data/_filter.scss","../../theme-base/components/data/_orderlist.scss","../../theme-base/components/data/_organizationchart.scss","../../theme-base/components/data/_paginator.scss","../../theme-base/components/data/_picklist.scss","../../theme-base/components/data/_timeline.scss","../../theme-base/components/data/_tree.scss","../../theme-base/components/data/_treetable.scss","../../theme-base/components/data/_virtualscroller.scss","../../theme-base/components/panel/_accordion.scss","../../theme-base/components/panel/_card.scss","../../theme-base/components/panel/_divider.scss","../../theme-base/components/panel/_fieldset.scss","../../theme-base/components/panel/_panel.scss","../../theme-base/components/panel/_scrollpanel.scss","../../theme-base/components/panel/_splitter.scss","../../theme-base/components/panel/_tabview.scss","../../theme-base/components/panel/_toolbar.scss","../../theme-base/components/overlay/_confirmpopup.scss","../../theme-base/components/overlay/_dialog.scss","../../theme-base/components/overlay/_overlaypanel.scss","../../theme-base/components/overlay/_sidebar.scss","../../theme-base/components/overlay/_tooltip.scss","../../theme-base/components/file/_fileupload.scss","../../theme-base/components/menu/_breadcrumb.scss","../../theme-base/components/menu/_contextmenu.scss","../../theme-base/components/menu/_dock.scss","../../theme-base/components/menu/_megamenu.scss","../../theme-base/components/menu/_menu.scss","../../theme-base/components/menu/_menubar.scss","../../theme-base/components/menu/_panelmenu.scss","../../theme-base/components/menu/_slidemenu.scss","../../theme-base/components/menu/_steps.scss","../../theme-base/components/menu/_tabmenu.scss","../../theme-base/components/menu/_tieredmenu.scss","../../theme-base/components/messages/_inlinemessage.scss","variables/_message.scss","../../theme-base/components/messages/_message.scss","../../theme-base/components/messages/_toast.scss","../../theme-base/components/multimedia/_galleria.scss","../../theme-base/components/multimedia/_image.scss","../../theme-base/components/misc/_avatar.scss","../../theme-base/components/misc/_badge.scss","../../theme-base/components/misc/_chip.scss","../../theme-base/components/misc/_inplace.scss","../../theme-base/components/misc/_progressbar.scss","../../theme-base/components/misc/_scrolltop.scss","../../theme-base/components/misc/_skeleton.scss","../../theme-base/components/misc/_tag.scss","../../theme-base/components/misc/_terminal.scss","_extensions.scss"],"names":[],"mappings":"AAsCA;EAAM;EAAoB;EAAoB;EAAoB;EAAoB;EAAoB;EAAoB;EAAqB;EAA+B;EAAwB;EAA6B;EAAwC;EAAqB;EAAsB;EAAuB;EAAuB;EAAuB;EAAuB;EAAuB;EAAuB;EAAuB;EAAuB;EAAuB;EAAmB;EAAoB;EAAoB;EAAoB;EAAoB;EAAoB;EAAoB;EAAoB;EAAoB;EAAoB;EAAuB;EAAwB;EAAoB;EAAyB;EAA0B;EAAuB;EAA0B;EAAyB;EAAyB;EAA6B;EAAmC;;;AAAmB;EAAE;;;AAAsB;EAAgB;EAAuC;EAAe;;;AAAqB;EAAc;EAAe;EAAqB;EAAwB;EAAS;EAAgB;EAAc;EAAiB;;;AAA4B;EAAS;;;AAAe;EAAwB;EAAgC;EAAwB;EAAuB;EAA8D;;;AAA6B;EAAsB;;;AAAmB;EAAwB;;;AAAW;EAAwB;;;AAA0B;EAA0B;;;AAAkB;EAAc;EAAa;;;AAAsB;EAAiC;;;AAAY;EAAM;EAAkB;EAAmB;EAAmB;EAAmB;EAAmB;EAAmB;EAAmB;EAAmB;EAAmB;EAAmB;EAAmB;EAAoB;EAAoB;EAAoB;EAAoB;EAAoB;EAAoB;EAAoB;EAAoB;EAAoB;EAAoB;EAAqB;EAAqB;EAAqB;EAAqB;EAAqB;EAAqB;EAAqB;EAAqB;EAAqB;EAAkB;EAAmB;EAAmB;EAAmB;EAAmB;EAAmB;EAAmB;EAAmB;EAAmB;EAAmB;EAAkB;EAAmB;EAAmB;EAAmB;EAAmB;EAAmB;EAAmB;EAAmB;EAAmB;EAAmB;EAAoB;EAAqB;EAAqB;EAAqB;EAAqB;EAAqB;EAAqB;EAAqB;EAAqB;EAAqB;EAAkB;EAAmB;EAAmB;EAAmB;EAAmB;EAAmB;EAAmB;EAAmB;EAAmB;EAAmB;EAAoB;EAAqB;EAAqB;EAAqB;EAAqB;EAAqB;EAAqB;EAAqB;EAAqB;EAAqB;EAAsB;EAAuB;EAAuB;EAAuB;EAAuB;EAAuB;EAAuB;EAAuB;EAAuB;EAAuB;EAAoB;EAAqB;EAAqB;EAAqB;EAAqB;EAAqB;EAAqB;EAAqB;EAAqB;EAAqB;EAAiB;EAAkB;EAAkB;EAAkB;EAAkB;EAAkB;EAAkB;EAAkB;EAAkB;EAAkB;EAAqB;EAAsB;EAAsB;EAAsB;EAAsB;EAAsB;EAAsB;EAAsB;EAAsB;;;AAAsB;EAAgB;EAAmB;EAAc;EAAyB;EAAS;EAAe;EAAkB;;;AAAsF;EAA+B;EAAmB;EAAqB;;;AAAc;EAA+B;EAAe;EAAiB;;;AAA8B;EAA8D;EAAmB;EAAqB;;;AAAc;EAAmC;EAA+B;EAAc;;;AAAiB;EAAkD;EAAgC;EAAc;;;AAAiB;EAAoG;EAAgC;EAAc;;;AAAiB;EAAmD;EAAc;;;AAAqB;EAAkE;EAAmB;;;AAAc;EAAoI;EAAmB;;;AAAc;EAA+B;EAA+B;EAAc;;;AAA2B;EAA8C;EAAgC;EAAc;;;AAA2B;EAA4F;EAAgC;EAAc;;;AAA2B;EAA+C;;;AAAc;EAA8D;EAAmB;;;AAAc;EAA4H;EAAmB;;;AAAc;EAAoD;;;AAAmB;EAAyD;;;AAA8B;EAAkD;EAAkB;EAAQ;EAAS;EAAmB;;;AAAW;EAA0D;;;AAA8B;EAAmD;EAAkB;EAAQ;EAAU;EAAmB;;;AAAY;EAAoC;;;AAAe;EAAoD;;;AAAc;EAA6C;EAAkB;EAAQ;EAAS;EAAmB;;;AAAoB;EAAiC;;;AAAiG;EAA+B;;;AAAmB;EAAmD;EAAkB;;;AAAgB;EAAsC;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAA6C;;;AAAY;EAAsG;EAAmB;EAAc;EAAyB;EAAe;;;AAAsF;EAAiI;;;AAAc;EAAmJ;EAAmB;EAAqB;;;AAAc;EAA8K;;;AAAc;EAAsJ;EAAmB;EAAqB;;;AAAc;EAAiL;;;AAAc;EAAgP;EAAmB;EAAqB;;;AAAc;EAA2Q;;;AAAc;EAAyE;;;AAAgB;EAAiG;EAA2B;;;AAA8B;EAA+F;EAA4B;;;AAA+B;EAAuG;;;AAAU;EAA2G;;;AAAqB;EAAyB;IAAiH;IAAsB;;EAAuB;IAAuG;IAA2B;IAA4B;IAA4B;;EAA6B;IAAqG;IAAyB;IAA0B;IAA8B;IAA+B;;;AAAyB;EAAyB;IAAgE;IAAwB;;EAAqB;IAA2D;IAA2B;IAA8B;IAA0B;;EAA6B;IAA0D;IAAyB;IAA4B;IAA4B;;;AAAgC;EAAiC;EAAS;;;AAAgB;EAA6C;EAA2B;;;AAA8B;EAA4C;EAA4B;;;AAA+B;EAAgD;;;AAAU;EAA2I;EAAmB;EAAc;;;AAAyB;EAAkY;EAAmB;EAAqB;;;AAAc;EAAwL;;;AAA+B;EAA2V;EAAmB;EAAqB;;;AAAc;EAAoM;EAA+B;EAAc;;;AAAiB;EAA8O;EAAiC;EAAc;;;AAAiB;EAAiP;EAAiC;EAAc;;;AAAiB;EAAwL;EAA+B;EAAc;;;AAA2B;EAAkO;EAAiC;EAA2B;;;AAAc;EAAqO;EAAiC;EAA2B;;;AAAc;EAAqI;EAAmB;EAAc;;;AAAyB;EAAkL;EAAmB;EAAc;;;AAAqB;EAAkL;;;AAA+B;EAAqL;EAAmB;;;AAAc;EAA8L;EAA+B;EAAc;;;AAAiB;EAA2O;EAAgC;EAAc;;;AAAiB;EAA8O;EAAgC;EAAc;;;AAAiB;EAAkL;EAA+B;EAAc;;;AAA2B;EAA+N;EAAgC;EAA2B;;;AAAc;EAAkO;EAAgC;EAA2B;;;AAAc;EAAqI;EAAmB;EAAc;;;AAAyB;EAAkL;EAAmB;EAAc;;;AAAqB;EAAkL;;;AAA+B;EAAqL;EAAmB;EAAc;;;AAAqB;EAA8L;EAA+B;EAAc;;;AAAiB;EAA2O;EAAgC;EAAc;;;AAAiB;EAA8O;EAAgC;EAAc;;;AAAiB;EAAkL;EAA+B;EAAc;;;AAA2B;EAA+N;EAAgC;EAA2B;;;AAAc;EAAkO;EAAgC;EAA2B;;;AAAc;EAA4H;EAAmB;EAAc;;;AAAyB;EAAyK;EAAmB;EAAc;;;AAAqB;EAAyK;;;AAA+B;EAA4K;EAAmB;EAAc;;;AAAqB;EAAqL;EAA+B;EAAc;;;AAAiB;EAAkO;EAAiC;EAAc;;;AAAiB;EAAqO;EAAiC;EAAc;;;AAAiB;EAAyK;EAA+B;EAAc;;;AAA2B;EAAsN;EAAiC;EAA2B;;;AAAc;EAAyN;EAAiC;EAA2B;;;AAAc;EAA4H;EAAmB;EAAc;;;AAAyB;EAAyK;EAAmB;EAAc;;;AAAqB;EAAyK;;;AAA+B;EAA4K;EAAmB;EAAc;;;AAAqB;EAAqL;EAA+B;EAAc;;;AAAiB;EAAkO;EAA+B;EAAc;;;AAAiB;EAAqO;EAA+B;EAAc;;;AAAiB;EAAyK;EAA+B;EAAc;;;AAA2B;EAAsN;EAA+B;EAA2B;;;AAAc;EAAyN;EAA+B;EAA2B;;;AAAc;EAAkI;EAAmB;EAAc;;;AAAyB;EAA+K;EAAmB;EAAc;;;AAAqB;EAA+K;;;AAA+B;EAAkL;EAAmB;EAAc;;;AAAqB;EAA2L;EAA+B;EAAc;;;AAAiB;EAAwO;EAAiC;EAAc;;;AAAiB;EAA2O;EAAiC;EAAc;;;AAAiB;EAA+K;EAA+B;EAAc;;;AAA2B;EAA4N;EAAiC;EAA2B;;;AAAc;EAA+N;EAAiC;EAA2B;;;AAAc;EAAmC;EAAc;;;AAAsF;EAA+C;EAAc;;;AAA0B;EAAiD;;;AAAc;EAAqB;;;AAAU;EAA4C;EAAkB;EAAS;EAA2B;EAA8B;EAA0B;;;AAA6B;EAA2D;;;AAAU;EAAyC;;;AAAe;EAA0D;EAAe;EAAY;EAAU;EAAkB;EAAS;EAAyB;EAA4B;EAA4B;;;AAA+B;EAAwF;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAA+F;;;AAAY;EAA8D;EAAmB;EAAS;EAAqB;EAAmB;;;AAAc;EAAuG;EAAoB;EAAW;;;AAAkB;EAAuE;EAAoC;EAAkB;EAAmB;EAAqB;EAAgB;EAAkB;EAAY;EAAQ;EAAW;EAAY;EAAmB;;;AAAc;EAA8E;;;AAAY;EAAwD;EAAW;;;AAAY;EAAwE;;;AAAiB;EAA0B;EAAW;EAAY;EAAmB;;;AAAW;EAAgC;EAAmB;;;AAAW;EAAmD;;;AAAgB;EAA+D;;;AAAoB;EAAqD;;;AAAgB;EAAiE;;;AAAiB;EAAqD;;;AAAgB;EAAiE;;;AAAmB;EAAsD;;;AAAgB;EAAkE;;;AAAkB;EAAoJ;;;AAAS;EAA6W;;;AAAS;EAAwB;;;AAAgC;EAAkH;EAAW;EAAY;EAAyB;EAAc;EAAsF;EAAkB;EAAc;EAAkB;EAAiB;EAAU;EAAiB;;;AAAa;EAA8H;EAAmB;EAAc;;;AAA2B;EAA8H;EAAe;EAAiB;;;AAA+B;EAA0C;;;AAAa;EAAiE;EAAmB;;;AAAoB;EAAwE;EAAyB;EAAW;EAAa;EAAiF;;;AAAgB;EAA8E;;;AAAmB;EAA2F;EAAmB;;;AAAc;EAAgD;EAAyB;EAAkB;EAAW;EAAY;;;AAAyB;EAAmD;;;AAAyB;EAAiJ;;;AAAe;EAA0E;;;AAAU;EAAqJ;;;AAAe;EAA4E;;;AAAW;EAA4E;EAAmB;EAAyB;EAAc;EAAa;;;AAAgB;EAAsC;;;AAAqB;EAAsC;;;AAAkB;EAAuC;EAAyB;EAAmB;EAAc;;;AAAa;EAAgC;;;AAAa;EAAiD;;;AAAqB;EAAoD;;;AAAkB;EAA4E;EAAmB;EAAyB;EAAc;EAAa;;;AAAgB;EAAsC;;;AAAqB;EAAsC;;;AAAkB;EAAuC;EAAyB;EAAmB;EAAc;;;AAAa;EAAgC;;;AAAa;EAAiD;;;AAAqB;EAAoD;;;AAAkB;EAA4F;EAAmB;EAAyB;EAAc;EAAa;;;AAAgB;EAA8C;;;AAAqB;EAA8C;;;AAAkB;EAA+C;EAAyB;EAAmB;EAAc;;;AAAa;EAAwC;EAAmB;EAAyB;EAAyB;EAAc;EAAkB;EAAgB;EAA2B;;;AAA4B;EAAwC;EAAmB;EAAyB;EAAuB;EAAc;EAAkB;EAAgB;EAA8B;;;AAA+B;EAAwC;;;AAAgB;EAAwC;;;AAAgB;EAAiC;;;AAAa;EAAkD;EAAuB;;;AAAgB;EAAqD;EAAuB;;;AAAgB;EAA4B;EAAmB;EAAc;EAAkB;EAAyB;EAAuB;EAAgB;EAAuB;;;AAAsF;EAA6C;EAAgB;;;AAAsB;EAAqD;;;AAAmB;EAAyE;EAAoC;EAAkB;EAAmB;EAAqB;EAAgB;;;AAAsB;EAAgF;;;AAAY;EAA0E;EAAoC;EAAkB;EAAmB;EAAqB;EAAgB;;;AAAsB;EAAiF;;;AAAY;EAA0E;EAAoC;EAAkB;EAAmB;EAAqB;EAAgB;;;AAAsB;EAAiF;;;AAAY;EAAsD;EAAkB;EAAgB;EAAmB;EAAqB;EAAc;EAAmB;EAAkB;;;AAAiB;EAA8D;EAAe;EAAiB;;;AAAqC;EAA2C;EAAmB;;;AAAc;EAA4C;EAAmB;;;AAAc;EAA2D;EAAmB;;;AAAc;EAAyC;EAAmB;EAAc;;;AAAsF;EAA4C;EAAkB;EAAiC;;;AAAuB;EAAyE;EAAmB;EAAyB;EAAc;;;AAAgB;EAAwD;EAAmB;;;AAAc;EAA4D;EAAmB;;;AAAc;EAA4E;;;AAAc;EAA6E;;;AAAc;EAAiE;;;AAAe;EAAoF;EAAmB;EAAc;;;AAAe;EAA6H;;;AAAgB;EAA0D;EAAW;EAAY;EAAyB;EAAc;EAAsF;EAAkB;EAAc;EAAkB;EAAiB;EAAU;;;AAAiB;EAAgE;EAAmB;EAAc;;;AAA2B;EAAgE;EAAe;EAAiB;;;AAA+B;EAA8E;;;AAAmB;EAAgF;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAAuF;;;AAAY;EAA+E;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAAsF;;;AAAY;EAA+E;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAAsF;;;AAAY;EAAyD;EAAW;EAAY;EAAyB;EAAc;EAAsF;EAAkB;EAAc;EAAkB;EAAiB;EAAU;;;AAAiB;EAA+D;EAAmB;EAAc;;;AAA2B;EAA+D;EAAe;EAAiB;;;AAA+B;EAAmF;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAA0F;;;AAAY;EAAmF;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAA0F;;;AAAY;EAA8D;;;AAAkB;EAAwF;EAAW;EAAY;EAAyB;EAAc;EAAsF;EAAkB;EAAc;EAAkB;EAAiB;EAAU;;;AAAiB;EAA8F;EAAmB;EAAc;;;AAA2B;EAA8F;EAAe;EAAiB;;;AAA+B;EAAkH;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAAyH;;;AAAY;EAAkH;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAAyH;;;AAAY;EAAkE;;;AAAmB;EAA6C;;;AAAmB;EAA4B;EAAmB;EAAyB;EAAuB;EAAc;EAAkB;EAAgB;EAAgB;;;AAAuB;EAA2C;EAAoC;EAAkB;EAAmB;EAAqB;EAAgB;;;AAAwB;EAAkD;;;AAAY;EAA2C;EAAoC;EAAkB;EAAmB;EAAqB;EAAgB;;;AAA8B;EAAkD;;;AAAY;EAAiD;;;AAAe;EAAsG;;;AAAmB;EAAuD;EAAc;EAAa;;;AAAc;EAA+E;;;AAAmB;EAA8F;EAAmB;;;AAAc;EAAkG;EAAmB;;;AAAc;EAA+C;;;AAAoB;EAA6E;EAAc;;;AAAiB;EAA4D;;;AAAoB;EAA+C;;;AAAoB;EAA+C;;;AAAwB;EAA6E;EAAc;;;AAAiB;EAA4D;;;AAAwB;EAA+C;;;AAAwB;EAA+D;;;AAAiB;EAAsD;;;AAAiB;EAAmE;;;AAAiB;EAAoF;EAAc;EAAiB;EAAqB;;;AAAkB;EAAsD;;;AAAiB;EAAiD;;;AAAgH;EAAsG;;;AAAmB;EAAuB;EAAgH;EAAmB;;;AAAyB;EAA+C;;;AAAa;EAA+C;;;AAAgB;EAAsE;EAAmB;EAAS;EAAc;EAAyB;EAAc;;;AAAgB;EAAiF;EAAgB;EAAmB;EAAa;;;AAAsB;EAA4E;EAAU;;;AAAe;EAAyB;IAAgD;;EAAwC;IAAyH;IAAmB;IAAoB;;EAAwC;IAA2E;IAAc;;;AAAY;EAAiD;EAAuB;;;AAAgB;EAAoD;EAAuB;;;AAAgB;EAAsC;EAAmB;EAAc;EAAkB;EAAgB;EAAyB;;;AAAyB;EAAsC;EAAmB;EAAc;EAAyB;EAAuB;EAAkB;EAAgB;EAA8B;;;AAA+B;EAAuC;EAAc;EAAmB;EAAc;;;AAAU;EAAoD;EAAqB;;;AAAuB;EAAwB;;;AAAqB;EAA6E;;;AAAyB;EAAY;EAAmB;EAAyB;;;AAAc;EAAsC;;;AAAa;EAAY;;;AAAyB;EAA8B;EAAmB;EAAyB;;;AAAc;EAA8B;;;AAAyB;EAAiB;;;AAA+B;EAAmB;EAAmB;EAAyB;;;AAAc;EAAqB;EAAmB;;;AAAyB;EAAgC;EAAmB;EAAc;EAAyB;;;AAAsF;EAAqD;EAAmB;EAAqB;;;AAAc;EAAsC;EAAe;EAAiB;;;AAA8B;EAAwF;EAAmB;EAAqB;;;AAAc;EAA0C;;;AAAW;EAA0C;EAAe;EAAoB;EAAa;EAA0B;EAAsB;EAAsB;EAAmB;EAAqB;;;AAAuB;EAAqD;;;AAAoB;EAA6D;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAAoE;;;AAAY;EAAiE;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAAwE;;;AAAY;EAA6D;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAAoE;;;AAAY;EAAiE;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAAwE;;;AAAY;EAAyC;EAAmB;EAAyB;EAAc;EAAa;EAAqB;EAAgB;EAA2B;;;AAA4B;EAA6B;;;AAAU;EAAmD;;;AAAoB;EAAsC;EAAyB;EAAmB;EAAc;EAAgB;EAA8B;;;AAA+B;EAAyD;EAAmB;EAAS;EAAc;EAAc;EAAgB;;;AAAsF;EAAwE;EAAmB;;;AAAc;EAA4E;EAAmB;;;AAAc;EAAoG;;;AAAmB;EAA+E;;;AAAoB;EAAyB;IAA6D;IAAuB;;EAAmB;IAAwE;IAAiB;;;AAAoB;EAAmB;EAAmB;EAAqB;EAAe;;;AAAa;EAAyJ;EAAc;EAAc;EAAe;EAAgB;EAA+B;EAAmB;EAAU;EAAkB;;;AAAsF;EAA6K;;;AAAa;EAAqN;EAAmB;EAAc;;;AAA2B;EAAqN;EAAe;EAAiB;;;AAA+B;EAAqL;EAAkB;EAAoB;;;AAAS;EAAuC;EAAoC;EAAkB;EAAmB;EAAqB;EAAgB;;;AAAoB;EAA8C;;;AAAY;EAA8C;;;AAAkB;EAAsC;EAAoC;EAAkB;EAAmB;EAAqB;EAAgB;;;AAAoB;EAA6C;;;AAAY;EAA6C;;;AAAkB;EAAsC;EAAoC;EAAkB;EAAmB;EAAqB;EAAgB;;;AAAoB;EAA6C;;;AAAY;EAA6C;;;AAAkB;EAAsC;EAAoC;EAAkB;EAAmB;EAAqB;EAAgB;;;AAAoB;EAA6C;;;AAAY;EAA6C;;;AAAkB;EAAyC;;;AAAc;EAAuC;EAAU;;;AAAqB;EAA0D;EAAU;EAA+B;EAAkB;EAAoB;EAAkB;EAAe;EAAc;EAAgB;EAAkB;;;AAAsF;EAA0E;EAAmB;;;AAAc;EAAyE;EAAmB;EAAc;;;AAA2B;EAAyE;EAAe;EAAiB;;;AAA+B;EAAsF;EAAa;EAAqB;;;AAAsB;EAAuC;;;AAAwB;EAAkD;;;AAAoB;EAA0D;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAAiE;;;AAAY;EAA8D;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAAqE;;;AAAY;EAA0D;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAAiE;;;AAAY;EAA8D;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAAqE;;;AAAY;EAA0D;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAAiE;;;AAAY;EAA8D;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAAqE;;;AAAY;EAA0D;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAAiE;;;AAAY;EAA8D;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAAqE;;;AAAY;EAAuC;EAAmB;EAAyB;EAAc;EAAa;EAAqB;EAAgB;EAA2B;;;AAA4B;EAAoE;EAAoB;EAAW;EAAkB;;;AAAoB;EAAyD;EAAoC;EAAkB;EAAmB;EAAqB;EAAgB;EAAkB;EAAW;EAAQ;EAAW;EAAoB;;;AAAc;EAAgE;;;AAAY;EAAoC;EAAyB;EAAmB;EAAc;EAAgB;EAA8B;;;AAA+B;EAAsD;EAAmB;EAAc;EAAS;EAAc;EAAgB;;;AAAsF;EAAqE;EAAmB;;;AAAc;EAAyE;EAAmB;;;AAAc;EAAiG;;;AAAmB;EAAyB;IAAyE;IAAiB;;EAAmB;IAAoF;;EAAe;IAA4F;IAAoC;IAAkB;IAAmB;IAAqB;;EAAgB;IAAmG;;EAAY;IAAgG;IAAoC;IAAkB;IAAmB;IAAqB;;EAAgB;IAAuG;;EAAY;IAA4F;IAAoC;IAAkB;IAAmB;IAAqB;;EAAgB;IAAmG;;EAAY;IAAgG;IAAoC;IAAkB;IAAmB;IAAqB;;EAAgB;IAAuG;;EAAY;IAAyE;;;AAAc;EAAkB;EAAyB;EAAmB;EAAc;;;AAAa;EAAoB;EAAc;EAAkB;;;AAAsF;EAAmC;EAAmB;;;AAAc;EAAqB;EAAyB;EAAmB;;;AAAc;EAA0C;EAAW;EAAY;EAAyB;EAAc;EAAsF;EAAkB;EAAc;EAAkB;EAAiB;EAAU;;;AAAiB;EAAgD;EAAmB;EAAc;;;AAA2B;EAAgD;EAAe;EAAiB;;;AAA+B;EAAyE;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAAgF;;;AAAY;EAA0E;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAAiF;;;AAAY;EAA0E;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAAiF;;;AAAY;EAA0E;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAAiF;;;AAAY;EAAqC;EAAyB;EAAmB;;;AAAc;EAAqD;EAAmB;;;AAAc;EAAmB;EAAyB;EAAmB;;;AAAc;EAA6B;EAAyB;EAAmB;;;AAAc;EAA+C;;;AAAc;EAAqC;;;AAAiB;EAA0C;EAAmB;;;AAAqB;EAA4D;;;AAAc;EAA4C;;;AAAc;EAA0C;;;AAAgB;EAAc;EAAyB;EAAmB;EAAc;EAAa;EAAW;;;AAAkB;EAAiC;EAAU;;;AAAS;EAA8C;;;AAAiB;EAAmE;EAAoB;EAAa;EAAsB;;;AAAmB;EAAoF;EAAqB;EAAW;EAAmB;EAAsF;EAAW;EAAY;EAAyB;EAAc;EAAsF;EAAkB;EAAc;EAAkB;EAAiB;EAAU;;;AAAiB;EAA0F;EAAmB;EAAc;;;AAA2B;EAA0F;EAAe;EAAiB;;;AAA+B;EAAyG;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAAgH;;;AAAY;EAAyG;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAAgH;;;AAAY;EAAyG;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAAgH;;;AAAY;EAA0F;EAAW;EAAY;;;AAAmB;EAAqF;;;AAAmB;EAAsF;EAAS;EAAe;;;AAAkB;EAAqG;EAAmB;;;AAAc;EAAyG;EAAmB;;;AAAc;EAA8E;;;AAAkB;EAA6F;EAAoC;EAAkB;EAAmB;EAAqB;EAAgB;;;AAAc;EAAoG;;;AAAY;EAAsF;EAAmB;;;AAAc;EAA+M;;;AAAc;EAA2N;;;AAAc;EAAmP;EAAmB;;;AAAc;EAAmE;;;AAAmB;EAAsD;EAAe;EAAiB;;;AAAsC;EAAiC;EAAe;;;AAAgB;EAAsD;EAAyB;EAAmB;EAAc;EAAa;;;AAAkB;EAAqE;EAAmB;;;AAAc;EAAyE;EAAmB;;;AAAc;EAAuE;EAAmB;;;AAAsB;EAAqF;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAA4F;;;AAAY;EAAoF;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAA2F;;;AAAY;EAAwE;EAAsB;;;AAAmB;EAAyE;EAAU;;;AAAsB;EAAiE;;;AAAmB;EAAgF;EAAoC;EAAkB;EAAmB;EAAqB;EAAgB;;;AAAc;EAAuF;;;AAAY;EAAqD;;;AAAyB;EAAwC;;;AAAmB;EAAiD;EAAoC;EAAkB;EAAmB;EAAqB;EAAgB;EAAkB;EAAW;EAAQ;EAAW;EAAY;EAAmB;;;AAAc;EAAwD;;;AAAY;EAAuD;EAAoB;EAAW;;;AAAkB;EAAgG;EAAe;;;AAAkB;EAAsG;;;AAAmB;EAAiG;;;AAAmB;EAA0F;EAAe;;;AAAmB;EAAyB;;;AAAyB;EAAwB;;;AAAW;EAAwC;EAAmB;EAAc;EAAyB;EAAyB;EAAkB;;;AAAgB;EAAwC;EAAmB;EAAc;EAAyB;EAAuB;EAAkB;;;AAAgB;EAAwC;;;AAAgB;EAAwC;;;AAAgB;EAAiC;;;AAAa;EAAkD;EAAuB;;;AAAgB;EAAqD;EAAuB;;;AAAgB;EAA4B;EAAmB;EAAc;EAAkB;EAAyB;EAAuB;EAAgB;EAAuB;;;AAAsF;EAA6C;EAAgB;;;AAAsB;EAAqD;;;AAAmB;EAAyE;EAAoC;EAAkB;EAAmB;EAAqB;EAAgB;;;AAAsB;EAAgF;;;AAAY;EAA0E;EAAoC;EAAkB;EAAmB;EAAqB;EAAgB;;;AAAsB;EAAiF;;;AAAY;EAA0E;EAAoC;EAAkB;EAAmB;EAAqB;EAAgB;;;AAAsB;EAAiF;;;AAAY;EAAsD;EAAkB;EAAgB;EAAmB;EAAqB;EAAc;EAAmB;EAAkB;;;AAAiB;EAA8D;EAAe;EAAiB;;;AAAqC;EAA2C;EAAmB;;;AAAc;EAA4C;EAAmB;;;AAAc;EAA2D;EAAmB;;;AAAc;EAAyC;EAAmB;EAAc;;;AAAsF;EAA4C;EAAkB;EAAiC;;;AAAuB;EAAkE;EAAmB;EAAa;EAAsF;EAAW;EAAY;EAAyB;EAAc;EAAsF;EAAkB;EAAc;EAAkB;EAAiB;EAAU;;;AAAiB;EAAwE;EAAmB;EAAc;;;AAA2B;EAAwE;EAAe;EAAiB;;;AAA+B;EAAuF;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAA8F;;;AAAY;EAAuF;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAA8F;;;AAAY;EAAoE;EAAsB;;;AAAkB;EAAmF;EAAoC;EAAkB;EAAmB;EAAqB;EAAgB;;;AAAc;EAA0F;;;AAAY;EAAwD;EAAmB;;;AAAc;EAA4D;EAAmB;EAAc;;;AAAe;EAAkF;;;AAAc;EAAwF;;;AAAc;EAAiE;EAAW;EAAY;EAAyB;EAAc;EAAsF;EAAkB;EAAc;EAAkB;EAAiB;EAAU;;;AAAiB;EAAuE;EAAmB;EAAc;;;AAA2B;EAAuE;EAAe;EAAiB;;;AAA+B;EAAgF;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAAuF;;;AAAY;EAA+E;EAAoC;EAAkB;EAAmB;EAAqB;EAAgB;;;AAAmB;EAAsF;;;AAAY;EAA+E;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAAsF;;;AAAY;EAA6E;;;AAAa;EAA6E;;;AAAa;EAA6E;;;AAAqB;EAA6E;EAAqB;;;AAAc;EAAiE;;;AAAc;EAA4B;EAAmB;EAAyB;EAAuB;EAAc;EAAkB;EAAgB;;;AAAuB;EAAsG;;;AAAmB;EAA6C;;;AAAmB;EAA+C;;;AAAoB;EAA6E;EAAc;;;AAAiB;EAA4D;;;AAAoB;EAA+C;;;AAAoB;EAA+C;;;AAAwB;EAA6E;EAAc;;;AAAiB;EAA4D;;;AAAwB;EAA+C;;;AAAwB;EAA+D;;;AAAuB;EAAsD;;;AAAyB;EAAmE;;;AAAiB;EAAoF;EAAc;EAAiB;EAAqB;;;AAAkB;EAAsD;;;AAAiB;EAA6C;EAAyB;EAAmB;EAAc;EAAa;EAA2B;;;AAA4B;EAAwD;;;AAAmB;EAAqG;;;AAAa;EAA2C;EAAyB;EAAmB;EAAc;EAAa;EAAkB;EAA8B;;;AAA+B;EAA0E;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAAiF;;;AAAY;EAAuF;;;AAAa;EAA8C;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAAqD;;;AAAY;EAAoC;IAAkQ;IAAS;;;AAAqB;EAAsE;EAAoB;EAA0B;;;AAA6B;EAAwD;;;AAAY;EAA2E;;;AAAe;EAAgD;EAAkB;EAAY;EAAe;EAAW;EAAyB;;;AAA4B;EAAgE;;;AAAc;EAAyD;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAAgE;;;AAAY;EAA0D;;;AAAqB;EAAiF;EAAc;EAAmB;EAAmB;EAAc;EAAqB;EAAsB;EAAW;;;AAAkB;EAA8G;;;AAAuB;EAA6G;EAAmB;EAAkB;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAAoH;;;AAAY;EAAuF;EAAS;EAAiB;EAAqB;EAAsB;;;AAAW;EAA6F;EAAuC;EAAe;EAAc;EAAwB;EAAgB;EAAU;;;AAAS;EAAgG;EAA0B;;;AAA6B;EAA4B;EAAU;EAAmB;EAAc;;;AAAkG;EAAqH;EAAc;EAAS;EAAmB;EAAc;;;AAAgB;EAAmD;EAAgB;EAAmB;;;AAAc;EAAyE;EAAc;EAAS;EAAmB;EAAc;EAAgB;;;AAAsF;EAA6F;EAAmB;EAAc;;;AAAiC;EAAgG;;;AAAkB;EAA4F;EAAmB;;;AAAc;EAA8B;;;AAAU;EAAiD;EAAmB;;;AAAc;EAAgF;;;AAA4B;EAAoE;;;AAAe;EAAyF;;;AAA4B;EAAuB;EAAmB;EAAyB;EAAsF;;;AAAkB;EAAqD;;;AAAqB;EAA8D;EAAqB;EAAe;;;AAA8B;EAA+C;EAAyB;EAAc;;;AAAoB;EAA8D;;;AAAc;EAA6D;EAAe;;;AAAgB;EAAiD;EAAyB;EAAc;EAAe;EAA4B;;;AAA+B;EAA6B;EAAmB;EAAc;EAAkB;;;AAAkG;EAAqD;;;AAAgB;EAA4E;EAAS;EAAc;EAAc;EAAyB;EAAsF;;;AAAgB;EAA2G;;;AAAmB;EAAiH;EAAe;EAAiB;;;AAAsC;EAA+F;EAAc;;;AAAmB;EAAmI;EAAc;;;AAAmB;EAAyG;;;AAAe;EAAwC;;;AAAmB;EAAsE;;;AAAyB;EAAwE;;;AAAyB;EAAgB;EAAoB;EAAmB;EAAsB;EAAS;EAAW;;;AAAY;EAA+B;EAAyB;EAAiB;EAAmB;EAAa;EAAiB;EAAc;EAAkB;EAAkB;EAAkB;;;AAAsF;EAA8C;;;AAAqB;EAA8C;EAA8B;;;AAAe;EAA+C;EAAqB;EAAmB;;;AAAc;EAA8D;;;AAAmB;EAA8C;;;AAAqB;EAA+C;EAAiB;EAAkB;EAAS;EAAQ;EAAoB;;;AAAmB;EAA6D;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAAoE;;;AAAY;EAAkE;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAAyE;;;AAAY;EAA+F;;;AAAyB;EAA6H;;;AAAyB;EAA+H;;;AAAmB;EAA6J;;;AAAmB;EAAmC;;;AAAqB;EAAmD;EAAc;EAAe;EAAmB;EAAc;;;AAAkB;EAAyE;;;AAAuB;EAAwE;EAAmB;EAAkB;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAA+E;;;AAAY;EAAyD;EAAS;;;AAAiB;EAA+D;EAAuC;EAAe;EAAc;EAAwB;EAAgB;EAAU;EAAS;;;AAAgB;EAAgC;;;AAAkB;EAA0C;EAAW;;;AAAe;EAAoB;EAAmB;EAAyB;EAAc;EAAc;EAAW;;;AAAkB;EAA0C;EAAS;EAAa;EAAmB;EAAmB;EAAc;EAAgB;EAAqB;EAAuB;;;AAAgB;EAAwC;EAAoC;EAAkB;EAAmB;EAAqB;EAAgB;;;AAAQ;EAA+C;;;AAAY;EAAwC;EAAoC;EAAkB;EAAmB;EAAqB;EAAgB;;;AAAO;EAA+C;;;AAAY;EAAgF;EAAe;EAAQ;EAAiB;EAAW;EAAY;EAAyB;EAAc;EAAsF;EAAkB;EAAc;EAAkB;EAAiB;EAAU;;;AAAiB;EAA4F;EAAmB;EAAc;;;AAA2B;EAA4F;EAAe;EAAiB;;;AAA+B;EAA0F;;;AAAa;EAAyC;EAAc;;;AAAS;EAAgD;EAAU;;;AAAS;EAA4D;;;AAAmB;EAA4C;;;AAAe;EAA+C;EAAc;;;AAAkB;EAAoD;EAAa;;;AAAc;EAA+C;EAAc;;;AAAkB;EAAuD;EAAmB;;;AAA2B;EAAqG;EAAU;EAAc;EAAkB;EAAa;EAAc;EAAmB;EAAc;EAAqB;EAAsF;;;AAAkB;EAAiH;EAAe;EAAiB;;;AAA+B;EAAqI;EAAmB;EAAc;;;AAAc;EAA4J;EAAmB;;;AAA2B;EAAsS;EAAyB;EAAc;EAAgB;;;AAAc;EAAsW;EAAmB;EAAc;;;AAAc;EAAqC;EAAc;;;AAAkG;EAA0C;;;AAAgB;EAA6C;;;AAAU;EAAmE;;;AAAe;EAA6C;EAAe;;;AAA2B;EAAmD;EAAc;EAAmB;EAAoB;EAAyB;EAAe;EAAe;EAAkB;EAAsF;EAAwB;EAAgB;;;AAAW;EAAyD;;;AAAqB;EAAyD;EAAqB;EAAe;;;AAA8B;EAAgE;EAAoB;;;AAAe;EAAyG;EAAsF;EAAkB;EAAmB;EAAc;;;AAAyB;EAA0R;EAAmB;EAAqB;;;AAAc;EAAuI;;;AAA+B;EAAgQ;EAAmB;EAAqB;;;AAAc;EAA+I;EAA+B;EAAc;;;AAAiB;EAA2K;EAAiC;EAAc;;;AAAiB;EAA6K;EAAiC;EAAc;;;AAAiB;EAAuI;EAA+B;EAAc;;;AAA2B;EAAmK;EAAiC;EAA2B;;;AAAc;EAAqK;EAAiC;EAA2B;;;AAAc;EAAmI;;;AAAgB;EAAiI;;;AAAiB;EAA6C;EAAyB;;;AAAe;EAA0C;EAAe;EAAc;EAAsF;EAAc;;;AAAW;EAAgD;EAAmB;;;AAA2B;EAAgD;EAAe;EAAiB;;;AAA+B;EAA0D;EAAmB;EAAc;;;AAAc;EAAyC;;;AAAc;EAAkC;EAAW;EAAY;EAAyB;EAAc;EAAsF;EAAkB;EAAc;EAAkB;EAAiB;EAAU;;;AAAiB;EAAwC;EAAmB;EAAc;;;AAA2B;EAAwC;EAAe;EAAiB;;;AAA+B;EAA2C;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAAkD;;;AAAY;EAAoC;EAAW;EAAY;EAAyB;EAAc;EAAsF;EAAkB;EAAc;EAAkB;EAAiB;EAAU;;;AAAiB;EAA0C;EAAmB;EAAc;;;AAA2B;EAA0C;EAAe;EAAiB;;;AAA+B;EAA6C;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAAoD;;;AAAY;EAAwC;;;AAAsB;EAAiD;EAAe;EAAyB;;;AAA4B;EAAmE;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAA0E;;;AAAY;EAA0D;EAA0B;;;AAA6B;EAAwD;EAA4B;;;AAAgB;EAAqE;EAAkB;EAAgB;;;AAAe;EAAqF;;;AAAc;EAA8D;;;AAAQ;EAAqC;EAAoB;;;AAAkB;EAAwD;EAAmB;EAAc;;;AAAsF;EAAoD;EAAqB;EAAe;;;AAA8B;EAA2C;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAAkD;;;AAAY;EAAoC;;;AAAmB;EAA6C;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAAoD;;;AAAY;EAAoC;;;AAAkB;EAAyE;;;AAAc;EAAiC;;;AAAc;EAAuB;EAAc;;;AAAU;EAAwB;EAAc;;;AAAU;EAA4B;;;AAAc;EAAoE;;;AAAc;EAA2B;EAAkB;;;AAAc;EAA2R;;;AAAc;EAAuG;;;AAAc;EAAmD;EAAkB;;;AAAqB;EAAuE;;;AAAc;EAAuD;EAAkB;EAAQ;;;AAAmB;EAAyC;EAAW;;;AAAc;EAAwC;;;AAAkB;EAAyC;EAAY;;;AAAc;EAAyC;;;AAAmB;EAAoB;EAAc;EAAmB;EAAoB;EAAyB;EAAe;EAAe;EAAkB;EAAsF;EAAwB;;;AAAgB;EAAmC;;;AAAqB;EAAmC;EAAqB;EAAe;;;AAA8B;EAAmC;;;AAAqB;EAAyE;;;AAAyB;EAAuG;;;AAAyB;EAAuG;;;AAAyB;EAAuB;;;AAAmB;EAA2F;EAAoB;EAAqB;EAAmB;EAAc;;;AAAmB;EAAmH;EAA2B;;;AAA8B;EAAiH;EAA4B;;;AAA+B;EAAsH;EAA2B;;;AAA8B;EAA+G;EAAuB;EAA2B;;;AAA8B;EAAmH;EAA4B;;;AAA+B;EAA6G;EAAsB;EAA4B;;;AAA+B;EAA8E;;;AAAgB;EAA4G;;;AAAU;EAAwH;;;AAAU;EAAkD;EAAU;;;AAAkB;EAA6D;EAAwB;EAAkB;EAAQ;EAAS;EAAoB;;;AAAqB;EAAqB;EAAY;EAAsB;EAAiB;EAAmB;;;AAAkB;EAA4C;EAAS;EAAU;EAAmB;EAAkB;EAAyB;EAAsF;EAAsB;EAAuB;;;AAA2G;EAA2D;EAAqB;EAAe;;;AAA8B;EAAwC;;;AAAkB;EAA2F;;;AAAkB;EAA4C;;;AAAmB;EAAmE;EAAmB;EAAqB;;;AAAgB;EAAmB;EAAmB;EAAc;EAAU;EAAc;EAAS;EAAW;;;AAAkG;EAA0B;EAAmB;EAAyB;EAAc;EAAW;EAAe;EAAc;EAAsF;;;AAAkB;EAAyC;EAAmB;EAAqB;;;AAAc;EAA0C;EAAmB;EAAqB;;;AAAc;EAA4O;EAAmB;EAAc;;;AAAyB;EAAsU;EAAmB;EAAqB;;;AAAc;EAAsU;EAAe;EAAiB;;;AAA8B;EAA4U;EAAmB;EAAqB;;;AAAc;EAAiE;EAAmB;EAAyB;;;AAAU;EAA+F;EAAmB;EAAS;EAAc;EAAqB;EAAmB;;;AAAc;EAA6F;EAAgB;EAAmB;;;AAAc;EAAyH;EAAmB;EAAS;EAAyB;EAAc;EAAgB;;;AAAsF;EAAwI;EAAmB;;;AAAc;EAA4I;EAAmB;;;AAAc;EAAoC;;;AAAe;EAAuD;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAA8D;;;AAAY;EAAyD;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAAgE;;;AAAY;EAAwB;EAAmB;EAAc;EAAa;EAAc;EAAS;EAAW;EAAgB;EAAkG;;;AAAkB;EAAqB;EAAqB;EAAsB;EAAS;EAAW;;;AAAY;EAAyC;EAAyB;EAAiB;EAAmB;EAAW;EAAY;EAAkB;EAAkB;EAAkB;;;AAAsF;EAAwD;;;AAAqB;EAAwD;;;AAA8B;EAAyD;EAAqB;EAAmB;;;AAAc;EAAwE;;;AAAmB;EAAyE;;;AAAmB;EAAwD;;;AAAqB;EAA8D;EAAW;EAAY;EAAsB;EAAkB;EAAQ;EAAS;EAAgB;EAAiB;;;AAAkB;EAAqE;;;AAAa;EAAmH;;;AAAyB;EAAiJ;;;AAAyB;EAAmJ;;;AAAmB;EAAiL;;;AAAmB;EAAkC;EAAW;EAAqB;EAAmB;;;AAAiB;EAAiD;EAAe;EAAiB;;;AAA+B;EAAoC;EAAoC;EAAkB;EAAmB;EAAqB;EAAgB;EAAc;EAAsF;EAAc;EAAkB;EAAe;EAAc;EAAc;;;AAAiB;EAA2C;;;AAAY;EAA0C;;;AAAc;EAAgC;EAAW;EAAqB;EAAmB;;;AAAiB;EAA+C;EAAe;EAAiB;;;AAA+B;EAAkC;EAAoC;EAAkB;EAAmB;EAAqB;EAAgB;EAAc;EAAc;EAAkB;EAAe;EAAc;EAAc;;;AAAiB;EAAyC;;;AAAY;EAAwC;;;AAAc;EAAqC;EAAoC;EAAkB;EAAmB;EAAqB;EAAgB;EAAc;EAAkB;EAAe;EAAc;;;AAAc;EAA4C;;;AAAY;EAA2C;;;AAAc;EAAyD;EAAW;EAAY;EAAoB;EAAsB;;;AAAmB;EAA4B;EAAwB;EAAyB;EAAkB;EAAsF;EAAkB;;;AAAmB;EAAmE;EAAoB;EAAuB;EAAc;EAAyB;;;AAAkB;EAAgG;EAAU;;;AAAyB;EAA2D;EAAc;EAAe;EAAY;EAAkB;EAAU;EAAoB;EAAa;EAAsB;EAAmB;EAAqB;EAAuB;EAAe;EAAyB;EAA4B;;;AAA+B;EAAoE;EAAgB;EAAS;EAAc;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAA2E;;;AAAY;EAA2C;;;AAAqB;EAA2C;EAAqB;EAAe;;;AAA8B;EAA2C;;;AAAqB;EAAoF;EAAoB;;;AAAuB;EAAmG;EAAc;EAAmB;EAAmB;EAAc;;;AAAkB;EAAsI;;;AAAuB;EAAqI;EAAmB;EAAkB;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAA4I;;;AAAY;EAAyG;EAAS;;;AAAiB;EAA+G;EAAuC;EAAU;;;AAAS;EAAyF;;;AAAmB;EAAuH;;;AAAyB;EAAuH;;;AAAyB;EAAkC;EAAU;EAAmB;EAAc;EAAkG;;;AAAkB;EAAgE;EAAmB;EAAS;EAAqB;EAAmB;EAAc;EAAkB;EAAoB;EAAa;EAAsB;;;AAAmB;EAA2E;EAAmB;;;AAAW;EAAwG;EAAU;EAAmB;EAAW;EAAW;;;AAAiB;EAAuH;EAAoB;EAAW;;;AAAkB;EAAiH;EAAoC;EAAkB;EAAmB;EAAqB;EAAgB;EAAkB;EAAW;EAAQ;EAAW;EAAY;EAAmB;;;AAAc;EAAwH;;;AAAY;EAA6F;EAAW;EAAY;EAAyB;EAAc;EAAsF;EAAkB;EAAc;EAAkB;EAAiB;EAAU;EAAiB;EAAiB;EAAkB;;;AAAe;EAAmG;EAAmB;EAAc;;;AAA2B;EAAmG;EAAe;EAAiB;;;AAA+B;EAAsG;EAAoC;EAAkB;EAAmB;EAAqB;EAAgB;;;AAAW;EAA6G;;;AAAY;EAA+D;;;AAAgB;EAAuG;EAAmB;EAAyB;EAAc;;;AAAgB;EAA2F;EAAmB;EAAS;EAAe;EAAyB;EAAc;EAAgB;;;AAAsF;EAA0G;EAAmB;;;AAAc;EAA8G;EAAmB;;;AAAc;EAAsG;EAAS;EAAgB;EAAa;;;AAAmB;EAAiG;EAAe;EAAe;;;AAAsB;EAAqH;EAAmB;EAAc;;;AAAiC;EAAwH;;;AAAkB;EAAiI;;;AAA+B;EAAiG;EAAgB;EAAS;EAAoB;;;AAAc;EAAkD;EAAU;EAAW;EAAgB;EAAyB;EAAkB;;;AAAmB;EAAwH;EAAmB;EAAS;EAAqB;EAAmB;EAAc;EAA2B;;;AAA4B;EAAsM;EAAoB;EAAW;;;AAAkB;EAA0I;EAAoC;EAAkB;EAAmB;EAAqB;EAAgB;EAAkB;EAAY;EAAQ;EAAW;EAAY;EAAmB;;;AAAc;EAAwJ;;;AAAY;EAAkH;EAAgB;EAAmB;;;AAAc;EAAgK;EAAqB;;;AAAS;EAA8M;EAAc;EAAS;EAAmB;EAAyB;EAAc;EAAgB;;;AAAsF;EAA4O;EAAmB;;;AAAc;EAAoP;EAAmB;;;AAAc;EAAoO;EAAmB;;;AAAsB;EAAoN;;;AAAkB;EAAwM;EAAe;EAAiB;;;AAAsC;EAA8N;;;AAAmB;EAAuB;EAAsB;EAAyB;EAAkB;EAAU;EAAsF;EAAkB;;;AAAmB;EAA+C;EAAyB;;;AAAuB;EAAiD;EAAc;EAAe;EAAY;EAAkB;EAAU;EAAoB;EAAa;EAAsB;EAAmB;EAAqB;EAAuB;EAAe;EAAyB;EAA4B;;;AAA+B;EAA0D;EAAgB;EAAS;EAAc;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAAiE;;;AAAY;EAAsC;;;AAAqB;EAAsC;EAAqB;EAAe;;;AAA8B;EAAsC;;;AAAqB;EAAuC;EAA4B;;;AAAoB;EAA2D;EAAe;;;AAAU;EAA+E;;;AAAmB;EAA6G;;;AAAyB;EAA6G;;;AAAyB;EAA6B;EAAmB;EAAc;EAAkG;;;AAAkB;EAAgE;EAAmB;EAAS;EAAqB;EAAmB;;;AAAc;EAAuG;EAAoB;EAAW;;;AAAkB;EAAyE;EAAoC;EAAkB;EAAmB;EAAqB;EAAgB;EAAkB;EAAY;EAAQ;EAAW;EAAY;EAAmB;;;AAAc;EAAgF;;;AAAY;EAAqD;;;AAAgB;EAAwF;EAAmB;EAAyB;EAAc;;;AAAgB;EAA4E;EAAS;EAAmB;EAAyB;EAAc;EAAe;EAAgB;;;AAAsF;EAAiG;EAAmB;EAAc;;;AAAiC;EAAoG;;;AAAkB;EAA6G;;;AAA+B;EAA2F;EAAmB;;;AAAc;EAA+F;EAAmB;EAAc;;;AAAc;EAAkF;EAAgB;EAAS;EAAoB;;;AAAc;EAAgB;;;AAAmB;EAAkC;EAAe;EAAgB;EAAmB;EAAyB;EAAsF;;;AAAkB;EAAiD;EAAqB;;;AAAmB;EAAiD;;;AAAe;EAAqC;;;AAAe;EAAuD;EAAe;;;AAAuB;EAAmC;;;AAAc;EAAqD;EAAgB;;;AAAsB;EAAiC;;;AAAmB;EAA8B;;;AAAoB;EAAmC;;;AAAuB;EAA8C;EAAkB;EAAgB;EAAe;;;AAAU;EAAuD;EAAkB;EAAQ;EAAS;EAAoB;;;AAAmB;EAA4D;;;AAA4B;EAAkF;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAAyF;;;AAAY;EAA8D;;;AAA+B;EAAoF;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAA2F;;;AAAY;EAA6C;;;AAAuB;EAAkC;EAAmB;EAA4B;;;AAA2B;EAA0C;;;AAAyB;EAAqD;;;AAAe;EAAmD;;;AAAa;EAAsE;EAAc;;;AAAc;EAA4E;;;AAAc;EAAuF;;;AAAe;EAAqF;;;AAAa;EAAkF;;;AAAc;EAA6F;;;AAAe;EAA2F;;;AAAa;EAAoF;EAAmB;EAAc;EAAkG;EAAkB;;;AAAgB;EAAoG;;;AAAc;EAA0G;EAAc;;;AAAmB;EAAsG;;;AAAmB;EAA6B;EAA+B;;;AAA8B;EAAqC;;;AAAyB;EAAwC;EAAmB;EAAc;EAA+B;;;AAA8B;EAAgG;;;AAAc;EAAsH;;;AAAe;EAAkH;;;AAAa;EAAiL;;;AAAc;EAAkN;;;AAAe;EAA4M;;;AAAa;EAAoO;;;AAAc;EAA6G;;;AAAqB;EAAsB;EAAkB;EAAqB;EAAW;;;AAAe;EAA8C;EAAkB;EAAe;EAAM;EAAO;EAAQ;EAAS;EAAmB;EAAsF;EAA2B;EAAiB;;;AAAmB;EAA6D;;;AAAqB;EAAoG;EAAkB;EAAQ;EAAmB;EAAc;EAAc;EAAe;EAAwB;EAAqB;EAAkB;EAAmB;EAAkB;;;AAAoB;EAAoD;EAAkB;;;AAAoB;EAAoJ;EAAc;;;AAA8B;EAAoE;EAAe;EAAiB;;;AAA+B;EAAsE;;;AAAmB;EAA4K;;;AAAmB;EAAoB;EAAmB;EAAyB;EAAkB;;;AAAa;EAA0B;EAAW;EAAqB;;;AAAsB;EAA4C;EAAsF;EAAkB;;;AAAS;EAAkD;EAAe;EAAiB;;;AAA+B;EAA8D;;;AAAc;EAA8D;;;AAAc;EAAgD;EAAoC;EAAkB;EAAmB;EAAqB;EAAgB;EAAuB;;;AAAc;EAAuD;;;AAAY;EAAsD;EAAoB;EAAa;EAAsB;;;AAAmB;EAA6D;EAAY;EAAoC;EAAW;EAAkB;EAAmB;EAAoB;EAAoB;EAAqB;EAAmC;EAAkC;EAAyB;EAAiC;EAAuB;;;AAAc;EAAyE;;;AAAa;EAAqD;EAAoC;EAAkB;EAAmB;EAAqB;EAAgB;EAAc;;;AAAS;EAA4D;;;AAAY;EAA0D;;;AAAa;EAAyE;;;AAAc;EAAyE;;;AAAc;EAA8D;EAAsF;EAAkB;;;AAAS;EAAoE;EAAe;EAAiB;;;AAA+B;EAAgF;;;AAAc;EAAgF;;;AAAc;EAAkE;EAAoC;EAAkB;EAAmB;EAAqB;EAAgB;EAAuB;;;AAAc;EAAyE;;;AAAY;EAAwE;EAAoB;EAAa;EAAsB;;;AAAmB;EAA+E;EAAY;EAAoC;EAAW;EAAkB;EAAmB;EAAoB;EAAoB;EAAqB;EAAmC;EAAkC;EAAyB;EAAiC;EAAuB;;;AAAc;EAA2F;;;AAAa;EAAuE;EAAoC;EAAkB;EAAmB;EAAqB;EAAgB;EAAc;;;AAAS;EAA8E;;;AAAY;EAA4E;;;AAAa;EAA2F;;;AAAc;EAA2F;;;AAAc;EAAc;EAAiB;EAAmB;EAAyB;;;AAAkB;EAAwB;EAAc;;;AAAkG;EAA0E;EAAgB;;;AAAmB;EAAuF;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAA8F;;;AAAY;EAAuF;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAA8F;;;AAAY;EAAoE;EAAe;;;AAAe;EAA8C;EAAS;EAAW;EAAgB;EAAc;EAAW;EAAc;EAAoB;EAAsF;;;AAAgB;EAAiD;EAAU;EAAe;EAAgB;EAAc;;;AAAW;EAA6D;EAAmB;;;AAAc;EAAsE;;;AAAc;EAAyC;EAAS;EAAW;EAAc;EAAW;EAAgB;;;AAAsF;EAA2D;EAAoB;EAAW;EAAc;EAAW;EAAgB;;;AAAsF;EAA0E;;;AAAmB;EAAmF;;;AAAc;EAA4F;;;AAAc;EAA6E;EAAmB;EAAsB;EAAW;;;AAAc;EAA6E;EAAW;EAAsB;;;AAAc;EAA4F;EAAoC;EAAkB;EAAmB;EAAqB;EAAgB;EAAkB;EAAqB;;;AAAc;EAAmG;;;AAAY;EAA4F;EAAoC;EAAkB;EAAmB;EAAqB;EAAgB;EAAqB;;;AAAc;EAAmG;;;AAAY;EAAwD;EAAmB;;;AAAc;EAA0E;;;AAAc;EAAmF;;;AAAc;EAA8E;;;AAAmB;EAAgG;;;AAAc;EAAuL;;;AAAc;EAA2C;EAAmB;;;AAAiB;EAAqD;EAAkB;EAAc;;;AAAkG;EAA0C;EAAW;EAAgB;;;AAA6B;EAAyB;EAAc;EAAmB;;;AAAkB;EAAoD;EAAqB;;;AAAW;EAAsE;;;AAAkB;EAAwF;EAAgB;;;AAAsB;EAA2E;EAAW;;;AAAqB;EAAuG;EAAkB;;;AAAsB;EAAuE;EAAY;;;AAAmB;EAAkD;EAAoB;EAAc;EAAW;EAAc;EAAgB;EAAgB;;;AAAgB;EAAwE;EAAkB;EAAQ;EAAoC;EAAkB;EAAmB;EAAqB;EAAgB;;;AAAmB;EAA+E;;;AAAY;EAA0C;;;AAAU;EAAoD;EAAgB;;;AAAc;EAA4C;EAAS;EAAW;EAAgB;EAAc;EAAW;EAAc;EAAoB;EAAgB;EAAe;EAAsF;;;AAAgB;EAAiD;EAAW;;;AAAU;EAA0D;;;AAAU;EAA0D;;;AAAkB;EAA+C;EAAmB;;;AAAiB;EAA0E;;;AAAW;EAA4F;;;AAAgB;EAAgH;;;AAAY;EAA0D;;;AAAS;EAA4B;;;AAAgB;EAAwE;EAAa;EAA6B;EAA4B;;;AAA2B;EAAuE;EAA+B;;;AAA8B;EAAuF;;;AAAgB;EAA0C;EAAyB;EAAkB;EAAmB;EAAc;EAAa;EAAgB;EAAe;EAAsF;EAAiB;EAAgB;EAAkB;EAAe;;;AAAe;EAAmD;EAAgB;EAAS;EAAsB;;;AAAmB;EAAwE;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAA+E;;;AAAY;EAAwE;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAA+E;;;AAAY;EAA4C;EAAe;EAAU;EAAe;EAAc;EAAsB;;;AAAqB;EAAyD;EAAqB;EAAmB;;;AAAc;EAA0D;EAAqB;EAAmB;;;AAAc;EAAgE;EAAqB;EAAmB;;;AAAc;EAAyC;EAAiB;EAAmB;EAAyB;EAAa;EAAgB;;;AAAkB;EAA2D;EAAoB;EAAc;;;AAAsF;EAA0E;;;AAAmB;EAAgL;;;AAAc;EAA4F;;;AAAc;EAAwE;EAAqB;EAAsB;EAAmB;EAAgB;;;AAAc;EAA+G;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAAsH;;;AAAY;EAA+G;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAAsH;;;AAAY;EAA6E;EAAqB;;;AAAsB;EAAe;;;AAAkB;EAAkB;EAAoB;;;AAAa;EAA8B;EAAW;EAAiB;EAAyB;EAAkB;EAAW;;;AAAU;EAAgD;EAAc;EAAkB;EAAyB;EAAgB;;;AAAU;EAAiE;EAAc;EAAmB;EAAyB;EAAW;EAAY;EAAmB;EAAU;EAAgB;EAAiB;EAAkB;EAAkB;EAAoB;EAAa;EAAsB;EAAmB;EAAqB;;;AAAuB;EAAgE;EAAc;EAAkB;;;AAAc;EAAkE;EAAmB;EAAc;;;AAAqB;EAAiE;EAAgB;;;AAAc;EAAuD;;;AAAY;EAAsB;EAAY;EAA6B;EAAW;EAAQ;EAAO;EAAc;;;AAAkB;EAAiB;EAAU;;;AAAgB;EAAiC;EAAS;EAAU;EAAmB;EAAoB;EAAa;EAAqB;EAAiB;EAAkB;;;AAAkB;EAAwC;EAAkB;EAAgC;EAAO;EAAS;;;AAAW;EAAiD;EAAgB;EAAU;EAAmB;EAAqB;EAAmB;EAAW;EAAmB;EAAc;EAAM;EAAS;EAAgC;EAAe;EAAoB;EAAa;EAAsB;EAAmB;EAAsF;;;AAAc;EAAmD;EAAc;EAAa;EAAgB;EAAc;EAAc;;;AAAe;EAA4D;;;AAAmB;EAAgE;EAAmB;;;AAAqB;EAAkE;;;AAAc;EAA2E;;;AAAc;EAAiE;EAAmB;;;AAAqB;EAAmE;;;AAAc;EAA4E;;;AAAc;EAAqE;EAAe;EAAiB;;;AAA+B;EAAuD;EAAqB;EAA6B;EAAY;;;AAAM;EAAgE;EAAqB;;;AAA6B;EAA+E;;;AAAqB;EAAgF;;;AAAqB;EAA8C;;;AAAsB;EAAqD;EAAqB;EAA+B;EAAU;EAAQ;EAAW;;;AAAY;EAA8D;EAAqB;;;AAA+B;EAA6E;;;AAAqB;EAA8E;;;AAAqB;EAA+C;;;AAAsB;EAAsD;EAAqB;EAA8B;EAAW;;;AAAY;EAA+D;EAAqB;;;AAA8B;EAA8E;;;AAAqB;EAA+E;;;AAAqB;EAAe;;;AAAS;EAAwC;EAAkB;EAAkB;;;AAAgH;EAA4D;EAAoC;EAAkB;EAAmB;EAAqB;EAAgB;EAAkB;EAAU;;;AAAY;EAAmE;;;AAAY;EAAuD;EAAa;;;AAAgB;EAAsD;EAAmB;EAAyB;EAAc;;;AAAuB;EAAsE;EAAoC;EAAkB;EAAmB;EAAqB;EAAgB;EAAe;;;AAAc;EAA6E;;;AAAY;EAA+D;;;AAAc;EAAsD;EAAmB;EAAyB;EAAc;;;AAAuB;EAAsE;EAAoC;EAAkB;EAAmB;EAAqB;EAAgB;EAAe;;;AAAc;EAA6E;;;AAAY;EAA+D;;;AAAc;EAA8G;EAAmB;EAAyB;EAAc;;;AAAuB;EAA8I;EAAoC;EAAkB;EAAmB;EAAqB;EAAgB;EAAe;;;AAAc;EAA4J;;;AAAY;EAAgI;;;AAAc;EAAiB;EAAoB;EAAqB;;;AAAkB;EAAiC;EAAmB;EAAyB;EAAuB;;;AAAc;EAAuD;EAAoC;EAAkB;EAAmB;EAAqB;EAAgB;EAAS;EAAc;EAAW;EAAW;EAAY;EAAkB;;;AAAQ;EAA8D;;;AAAY;EAAyD;;;AAAkB;EAAiC;EAAmB;EAAyB;EAAuB;;;AAAc;EAAuD;EAAoC;EAAkB;EAAmB;EAAqB;EAAgB;EAAS;EAAc;EAAW;EAAW;EAAY;EAAkB;;;AAAQ;EAA8D;;;AAAY;EAAyD;;;AAAkB;EAAoE;EAAmB;EAAyB;EAAuB;;;AAAc;EAAkH;EAAoC;EAAkB;EAAmB;EAAqB;EAAgB;EAAS;EAAc;EAAW;EAAW;EAAY;EAAkB;;;AAAQ;EAAgI;;;AAAY;EAAsH;;;AAAkB;EAAsC;EAAW;;;AAAY;EAA4B;;;AAAmB;EAAkB;EAAU;EAAS;EAAgB;EAAkB;;;AAAkB;EAAsB;EAAe;EAAc;;;AAAkB;EAAqB;;;AAAS;EAA8L;;;AAAmB;EAA0L;EAAS;;;AAAyB;EAAqC;EAAkB;EAAY;EAAU;EAAW;EAAY;EAAyB;EAAc;EAAsF;EAAkB;EAAc;EAAkB;EAAiB;EAAU;EAAiB;EAAkB;;;AAAgC;EAA2C;EAAmB;EAAc;;;AAA2B;EAA2C;EAAe;EAAiB;;;AAA+B;EAAoD;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAA2D;;;AAAY;EAAoC;EAAmB;EAAyB;EAAuB;;;AAAc;EAA2D;EAAoC;EAAkB;EAAmB;EAAqB;EAAgB;EAAiB;EAAmB;;;AAAc;EAAkE;;;AAAY;EAAuD;EAAmB;;;AAAc;EAA6D;;;AAAmB;EAAoC;EAAmB;EAAyB;EAAuB;;;AAAc;EAA2D;EAAoC;EAAkB;EAAmB;EAAqB;EAAgB;EAAiB;EAAmB;;;AAAc;EAAkE;;;AAAY;EAAuD;EAAmB;;;AAAc;EAA6D;;;AAAmB;EAA0E;EAAmB;EAAyB;EAAuB;;;AAAc;EAA0O;EAAoC;EAAkB;EAAmB;EAAqB;EAAgB;EAAiB;EAAmB;;;AAAc;EAAsQ;;;AAAY;EAAgH;EAAmB;;;AAAc;EAA4H;;;AAAmB;EAAgB;EAAyB;;;AAAkB;EAA6B;EAAW;EAAY;;;AAAiB;EAA6C;;;AAAiB;EAA6B;EAAW;EAAY;;;AAAe;EAA6C;;;AAAe;EAAiC;;;AAAyB;EAAe;EAAmB;EAAc;EAAiB;EAAgB;EAAiB;EAAc;;;AAAmB;EAA+B;EAAqB;EAAkB;;;AAAkB;EAAkC;EAAmB;;;AAAc;EAAgC;EAAmB;;;AAAc;EAA6B;EAAmB;;;AAAc;EAAgC;EAAmB;;;AAAc;EAA+B;EAAmB;;;AAAc;EAA2B;EAAmB;EAAkB;EAAe;;;AAAoB;EAA2B;EAAiB;EAAe;EAAY;;;AAAiB;EAAuB;EAAkB;;;AAAqB;EAAiC;EAAkB;EAAM;EAAQ;EAA+B;;;AAAS;EAAc;EAAyB;EAAc;EAAmB;;;AAAgB;EAA4B;EAAgB;EAAkB;;;AAAqB;EAA4B;;;AAAmB;EAAkB;EAAW;EAAY;EAAoB;;;AAAmB;EAAmC;EAAkB;EAAkB;;;AAAsF;EAAyC;EAAe;EAAiB;;;AAA+B;EAAe;EAAyB;EAAmB;EAAc;;;AAAa;EAAqC;EAAa;EAAyB;EAAc;EAAW;EAAY;EAAiF;;;AAAkB;EAA6D;;;AAAe;EAA2C;EAAgC;;;AAAc;EAAwC;EAAyB;EAAc;EAAW;EAAY;EAAiF;EAAkB;;;AAAe;EAAoE;EAAoC;EAAkB;EAAmB;EAAqB;EAAgB;;;AAAe;EAA2E;;;AAAY;EAAoE;EAAoC;EAAkB;EAAmB;EAAqB;EAAgB;;;AAAe;EAA2E;;;AAAY;EAAsE;EAAgC;;;AAAc;EAA4C;EAA0B;EAAc;;;AAAa;EAA0C;;;AAAa;EAAwE;EAAyB;EAAW;EAAY;EAAiF;;;AAAkB;EAA8E;;;AAAmB;EAA2F;EAAmB;;;AAAc;EAA2I;;;AAAmB;EAA2I;;;AAAoB;EAAuE;;;AAA0B;EAAqG;;;AAAgC;EAA2G;;;AAAgC;EAAwH;EAAmB;;;AAAc;EAAmD;EAA0B;;;AAAqB;EAA8J;EAAa;EAA+B;EAAc;EAAW;EAAY;EAAiF;;;AAAkB;EAA0K;EAAgC;;;AAAc;EAAoN;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAAkO;;;AAAY;EAAoN;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAAkO;;;AAAY;EAAoN;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAAkO;;;AAAY;EAAoN;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAAkO;;;AAAY;EAAuF;EAA0B;EAAa;EAAc;;;AAAe;EAA6F;EAAe;EAAiB;;;AAA+B;EAAuO;;;AAAa;EAA0C;EAAe;EAAiB;;;AAA+B;EAAoC;;;AAAgC;EAAa;EAAU;EAAgH;EAAc;EAAkB;;;AAAY;EAA4B;EAAmB;EAAc;EAAgB;EAAqB;EAAe;;;AAAY;EAA2C;EAAqB;EAAgB;EAAmB;EAAY;EAAW;EAAY;EAAyB;EAAc;EAAsF;EAAkB;EAAc;EAAkB;EAAiB;EAAU;;;AAAiB;EAAiD;EAAmB;EAAc;;;AAA2B;EAAiD;EAAe;EAAiB;;;AAA+B;EAA0D;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAAiE;;;AAAY;EAAyD;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAAgE;;;AAAY;EAAyD;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAAgE;;;AAAY;EAA2D;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAAkE;;;AAAY;EAA2D;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAAkE;;;AAAY;EAA0D;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAAiE;;;AAAY;EAA6B;EAAmB;EAAc;EAAc;EAAiC;EAAc;;;AAAc;EAAqB;EAAc;EAAY;EAAmB;;;AAAkB;EAA2C;EAAc;EAAS;EAAmB;;;AAAkB;EAA2C;EAAa;EAAc;;;AAAiB;EAAmB;EAAW;EAAY;EAAkB;EAAkG;EAAsF;;;AAA0B;EAAyB;;;AAA0B;EAAsC;EAAiB;;;AAAc;EAAkB;EAAyB;;;AAAkB;EAAwB;;;AAA4G;EAAa;EAAmB;EAAc;EAAiB;EAAgB;EAAqB;;;AAAkB;EAA6B;EAAqB;EAAkB;;;AAAc;EAA4B;EAAmB;;;AAAc;EAAyB;EAAmB;;;AAAc;EAA4B;EAAmB;;;AAAc;EAA2B;EAAmB;;;AAAc;EAA4B;;;AAAoB;EAA0B;EAAoB;;;AAAiB;EAAkB;EAAmB;EAAc;EAAyB;;;AAAa;EAAuB;EAAmB;EAAc;EAAc;EAAkB;;;AAAgH;EAAiD;;;AAAa;EAAgD;EAAiB;;;AAAyB;EAAuD;EAAmB;;;AAAW;EAAkE;;;AAAS;EAA6B;EAAmB;EAA+B;;;AAA4B;EAA8B;EAAmB;EAA+B;;;AAA4B;EAAsD;;;AAAyB;EAAuD;;;AAAyB;EAA8C;;;AAAiB;EAAiD;;;AAAiB;EAAgB;EAAU;EAAgH;EAAc;;;AAAkB;EAAoC;EAAmB;EAAc;EAAgB;EAAqB;;;AAAe;EAAqD;EAAS;EAAW;;;AAAkB;EAA6D;EAAc;EAAU;EAAkB;EAAW;EAAY;EAAyB;EAAc;EAAsF;EAAkB;EAAc;EAAkB;EAAiB;EAAU;;;AAAiB;EAAmE;EAAmB;EAAc;;;AAA2B;EAAmE;EAAe;EAAiB;;;AAA+B;EAAiF;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAAwF;;;AAAY;EAA4E;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAAmF;;;AAAY;EAA2E;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAAkF;;;AAAY;EAA8E;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAAqF;;;AAAY;EAA6E;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAAoF;;;AAAY;EAAmC;EAAmB;EAAc;EAAc;EAAiC;;;AAAc;EAAkC;EAAkB;EAAmB;EAAc;EAA+B;EAAS;;;AAAiB;EAAyC;EAAmB;;;AAAW;EAAqD;EAAiC;EAAoB;EAAa;EAAsB;;;AAAmB;EAA0D;EAAW;EAAqB;EAAsB;EAAc;;;AAAmB;EAAkE;EAAmB;;;AAAiB;EAA+E;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAAsF;;;AAAY;EAA+E;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAAsF;;;AAAY;EAAgF;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAAuF;;;AAAY;EAAgD;;;AAAuB;EAAqD;EAAiC;EAAoB;EAAa;EAAsB;;;AAAmB;EAA0D;EAAW;EAAqB;EAAsB;EAAc;;;AAAmB;EAA4E;EAAmB;EAAiB;EAAW;;;AAAY;EAAkG;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAAyG;;;AAAY;EAAkG;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAAyG;;;AAAY;EAAmG;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAA0G;;;AAAY;EAAmG;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAA0G;;;AAAY;EAAkB;;;AAAgH;EAAuC;EAAyB;EAAmB;EAAc;EAAa;;;AAAgB;EAAiE;EAAc;;;AAAS;EAA0D;EAAU;EAAW;EAAY;EAAyB;EAAc;EAAsF;EAAkB;EAAc;EAAkB;EAAiB;EAAU;;;AAAiB;EAAgE;EAAmB;EAAc;;;AAA2B;EAAgE;EAAe;EAAiB;;;AAA+B;EAAmE;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAA0E;;;AAAY;EAA+C;EAAgB;EAAmB;EAAc;EAAc;;;AAAU;EAAqE;EAAoC;EAAkB;EAAmB;EAAqB;EAAgB;EAAmB;EAAe;EAAgB;;;AAAW;EAA4E;;;AAAY;EAA2E;;;AAAU;EAA0E;;;AAAa;EAAsE;EAAoC;EAAkB;EAAmB;EAAqB;EAAgB;EAAmB;EAAe;EAAiB;;;AAAW;EAA6E;;;AAAY;EAA4E;;;AAAU;EAA2E;;;AAAa;EAAoE;;;AAAgB;EAA0F;;;AAAa;EAAsB;EAAmB;EAAc;EAAU;EAAc;EAAgH;;;AAAkB;EAA+C;;;AAAa;EAA6C;EAAkB;EAAW;EAAY;EAAY;EAAU;EAAmB;EAAc;EAAsF;EAAkB;EAAkB;EAAiB;;;AAAU;EAAmD;EAAmB;;;AAAc;EAAsD;EAAoC;EAAkB;EAAmB;EAAqB;EAAgB;EAAqB;;;AAAoB;EAA6D;;;AAAY;EAAiB;EAAmB;EAAc;EAAa;EAAc;;;AAAgB;EAAmC;EAAU;EAAW;EAAY;EAAyB;EAAc;EAAsF;EAAkB;EAAc;EAAkB;EAAiB;EAAU;;;AAAiB;EAAyC;EAAmB;EAAc;;;AAA2B;EAAyC;EAAe;EAAiB;;;AAA+B;EAA4C;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAAmD;;;AAAY;EAAmC;;;AAAgH;EAAkC;EAAmB;EAAW;EAAgH;;;AAAkB;EAAgC;;;AAAc;EAAoD;;;AAA2B;EAAmD;;;AAA0B;EAAkD;;;AAAyB;EAAqD;;;AAA4B;EAAwC;EAAyB;EAAkB;EAAmB;EAAc;EAAa;EAAgB;EAAa;EAAsF;EAAiB;EAAgB;EAAkB;;;AAAe;EAAoD;EAAa;EAA6B;EAA4B;;;AAA2B;EAAiE;EAA+B;;;AAA8B;EAAiF;;;AAAgB;EAAuD;EAAqB;EAAmB;;;AAAc;EAAwD;EAAmB;EAAqB;;;AAAc;EAA8D;EAAqB;EAAmB;;;AAAc;EAA8C;EAAe;EAAiB;;;AAA+B;EAAuD;EAAqB;;;AAAyB;EAA6E;EAAqB;EAAyB;;;AAAc;EAA6E;;;AAAqB;EAAiD;EAAgB;EAAqB;;;AAAmB;EAAsE;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAA6E;;;AAAY;EAAsE;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAA6E;;;AAAY;EAAgE;EAAS;EAAW;EAAY;EAAyB;EAAc;EAAsF;EAAkB;EAAc;EAAkB;EAAiB;EAAU;EAAiB;EAAoB;;;AAAsB;EAAsE;EAAmB;EAAc;;;AAA2B;EAAsE;EAAe;EAAiB;;;AAA+B;EAAoF;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAA2F;;;AAAY;EAAoF;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAA2F;;;AAAY;EAAmF;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAA0F;;;AAAY;EAA8E;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAAqF;;;AAAY;EAAyC;EAAyB;EAAmB;EAAc;EAAa;EAAS;EAAgB;;;AAAkB;EAAsD;EAA+B;;;AAA8B;EAAc;EAAmB;EAAc;EAAiG;;;AAAkB;EAA4B;;;AAAa;EAA6B;EAAiB;EAAgB;;;AAAoB;EAAgC;EAAgB;EAAoB;;;AAAc;EAA+B;;;AAAe;EAA8B;;;AAAmB;EAA4C;;;AAAyB;EAAqC;;;AAAyB;EAAuC;EAAc;;;AAAe;EAA8C;;;AAAuB;EAA2D;;;AAAgB;EAAqC;EAAc;;;AAAe;EAA4C;;;AAAwB;EAAyD;;;AAAgB;EAAkB;EAAyB;EAAmB;EAAc;EAAa;;;AAAkB;EAAsC;EAAyB;EAAmB;EAAc;EAAa;EAAgB;EAAkB;EAAiB;;;AAAsF;EAA2D;EAAqB;EAAW;;;AAAmB;EAA0D;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAAiE;;;AAAY;EAAyD;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAAgE;;;AAAY;EAAqD;EAAe;EAAqB;EAAmB;;;AAAc;EAA8D;;;AAAc;EAAqD;EAAe;EAAiB;;;AAA+B;EAAyB;EAAmB;EAAc;EAAa;;;AAAyB;EAAe;;;AAAU;EAA+B;;;AAAS;EAAkC;EAAyB;EAAmB;EAAc;EAAa;EAAgB;EAA6B;EAA4B;EAA2B;;;AAA4B;EAA0D;EAAS;EAAW;EAAY;EAAyB;EAAc;EAAsF;EAAkB;EAAc;EAAkB;EAAiB;EAAU;EAAiB;EAAoB;;;AAAsB;EAAgE;EAAmB;EAAc;;;AAA2B;EAAgE;EAAe;EAAiB;;;AAA+B;EAA8E;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAAqF;;;AAAY;EAA8E;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAAqF;;;AAAY;EAA6E;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAAoF;;;AAAY;EAAwE;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAA+E;;;AAAY;EAAoD;;;AAAkB;EAAiC;EAAyB;EAAmB;EAAc;;;AAAa;EAAgC;EAAyB;EAAmB;EAAc;EAAa;EAAS;;;AAAkB;EAAgC;EAA8B;;;AAA+B;EAAqD;EAA8B;;;AAA+B;EAAuD;;;AAAkB;EAA+E;EAAW;EAAkB;EAAQ;EAAS;EAAoB;;;AAAmB;EAAsC;EAAyB;EAAmB;EAAc;;;AAAa;EAAuD;EAAyB;EAAmB;EAAc;EAAa;;;AAAgB;EAAqB;EAAyB;EAAmB;EAAc;;;AAAa;EAA0C;;;AAAmB;EAA2C;EAAmB;;;AAAc;EAA4C;;;AAAmB;EAAkB;EAAyB;EAAmB;EAAkB;;;AAAc;EAAsC;EAAsF;;;AAAmB;EAAiE;;;AAAmB;EAA+C;;;AAAmB;EAAc;EAAU;;;AAAgB;EAA2B;EAAS;EAAU;EAAmB;EAAoB;;;AAAa;EAA6C;EAAgB;EAAmB;EAAqB;EAAmB;EAAW;EAAa;EAAmB;EAAc;EAAS;EAAe;EAAoB;EAAa;EAAsB;EAAmB;;;AAAsF;EAA+C;EAAc;EAAU;EAAgB;EAAc;EAAc;;;AAAsF;EAAsD;;;AAAgB;EAAoE;EAAS;EAAW;EAAoC;EAAkB;EAAmB;EAAqB;EAAgB;;;AAAkB;EAA2E;;;AAAY;EAA4D;;;AAAmB;EAA8D;;;AAAc;EAAqE;;;AAAc;EAA6D;;;AAAmB;EAA+D;;;AAAc;EAAsE;;;AAAc;EAA8D;;;AAAc;EAAqE;;;AAAc;EAA6D;EAAe;EAAiB;;;AAAqC;EAA8C;EAAQ;;;AAAiB;EAA8B;EAAc;EAAmB;EAAc;EAAU;EAAS;EAAgB;EAA8B;;;AAA+B;EAA6C;;;AAAa;EAAuC;EAAS;EAAU;EAAkB;EAAoB;EAAa;EAAmB;;;AAAe;EAA8C;EAAW;EAAkB;EAAc;EAAgC;EAAO;EAAS;;;AAAW;EAAyD;EAAM;;;AAAgC;EAAwE;;;AAAqB;EAAyE;;;AAAqB;EAAwE;;;AAAqB;EAA0C;;;AAAuB;EAA0C;EAAS;EAAU;EAAkB;EAAoB;EAAa;EAAmB;;;AAAe;EAAiD;EAAW;EAAkB;EAAc;EAA6B;EAAO;EAAM;;;AAAW;EAA4D;EAAM;;;AAA6B;EAA2E;;;AAAqB;EAA4E;;;AAAqB;EAA2E;;;AAAqB;EAA6C;;;AAAuB;EAAiF;EAAU;EAAS;EAAU;EAAY;EAA0B;;;AAAsB;EAAqH;;;AAAW;EAAuF;;;AAAU;EAAyC;EAAS;EAAU;;;AAA8B;EAA2D;EAAM;EAA8B;;;AAAU;EAA0E;;;AAAqB;EAA2E;;;AAAqB;EAA0E;;;AAAqB;EAA4C;;;AAAuB;EAAwC;EAAS;EAAU;;;AAAW;EAA0D;EAAM;EAA+B;;;AAAkB;EAAyE;;;AAAqB;EAA0E;;;AAAqB;EAAyE;;;AAAqB;EAA2C;;;AAAuB;EAAmC;;;AAAkB;EAA4D;EAAc;EAAmB;EAAc;EAAe;EAAU;EAAoB;EAAa;EAAsB;EAAmB;;;AAAsF;EAAyF;EAAO;;;AAAY;EAAkG;EAAS;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAAyG;;;AAAY;EAA0F;EAAQ;;;AAAY;EAAmG;EAAS;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAA0G;;;AAAY;EAA2E;EAAmB;;;AAAc;EAAiB;EAAyB;EAAmB;EAAc;EAAa;;;AAAkB;EAA6D;EAAyB;EAAmB;EAAc;EAAa;EAAS;EAAoB;;;AAAgB;EAAyE;EAA2B;;;AAA8B;EAAwE;EAA4B;EAA+B;;;AAA+B;EAAgF;EAAmB;;;AAAc;EAAwC;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAA+C;;;AAAY;EAAwC;EAAoC;EAAkB;EAAmB;EAAqB;;;AAAgB;EAA+C;;;ACtC3+nM;EAKgB;EAGA;EAAA;EAAA;EAAA;EAAA;EAKJ;EAAA;EAAA;EAAA;EARI;EAGA;EAAA;EAAA;EAAA;EAAA;EAKJ;EAAA;EAAA;EAAA;EARI;EAGA;EAAA;EAAA;EAAA;EAAA;EAKJ;EAAA;EAAA;EAAA;EARI;EAGA;EAAA;EAAA;EAAA;EAAA;EAKJ;EAAA;EAAA;EAAA;EARI;EAGA;EAAA;EAAA;EAAA;EAAA;EAKJ;EAAA;EAAA;EAAA;EARI;EAGA;EAAA;EAAA;EAAA;EAAA;EAKJ;EAAA;EAAA;EAAA;EARI;EAGA;EAAA;EAAA;EAAA;EAAA;EAKJ;EAAA;EAAA;EAAA;EARI;EAGA;EAAA;EAAA;EAAA;EAAA;EAKJ;EAAA;EAAA;EAAA;EARI;EAGA;EAAA;EAAA;EAAA;EAAA;EAKJ;EAAA;EAAA;EAAA;EARI;EAGA;EAAA;EAAA;EAAA;EAAA;EAKJ;EAAA;EAAA;EAAA;EARI;EAGA;EAAA;EAAA;EAAA;EAAA;EAKJ;EAAA;EAAA;EAAA;EARI;EAGA;EAAA;EAAA;EAAA;EAAA;EAKJ;EAAA;EAAA;EAAA;;;ACZR;EACI,YCqgBS;EDpgBT,yBE+BO;EF9BP,wBE8BO;;AF5BP;EACI,QCogBS;;ADlgBT;EACI,QCygBQ;;ADtgBZ;EACI,MCqgBQ;;ADjgBR;EACI;EACA,OC+fI;;AD7fJ;EACI,OCggBK;;AD9fL;EACI,QC6fC;;AD1fL;EACI,MCyfC;;ADnfT;EACI,OCkfK;;ADhfL;EACI,QC+eC;;AD5eL;EACI,MC2eC;;ADveT;EACI,YCiBV;EDhBU,QCyGH;EDxGG,YC4GH;ED3GG,eElBT;EFmBS,SCyBL;;ADvBK;EACI,OE1ChB;;AF4CgB;EACI,OE7CpB;EF8CoB,YCkCT;;AD5BC;EACI,SCeL;;ADPnB;EACI,4BE1CO;EF2CP,2BE3CO;;AF6CP;EACI,QC+cU;;AD5cd;EACI,YC9EF;ED+EE,OEvEA;EFwEA,4BEpDG;EFqDH,2BErDG;;AFyDX;AAAA;EAEI,OC0bqB;;ADxbrB;AAAA;EACI,QCubiB;;ADpbrB;AAAA;EACI,MCmbiB;;AD/azB;AAAA;AAAA;EAGI,OF1GO;;AE4GP;AAAA;AAAA;EACI,QF7GG;;AEgHP;AAAA;AAAA;EACI,MFjHG;;AEoHP;AAAA;AAAA;EACI,OFrHG;;;AKIf;ECLA;IACC;;EAGD;IACI;IACA;IACA,WFDO;IEEP,aFES;;EECb;IACI,kBF0DK;IEzDL,qBFyBiB;;EEtBrB;IACI,SFiDc;;EE9ClB;IACI,OFyDS;;EEtDb;IACI,OFPiB;;EEUrB;IACI,WFyBgB;;EEtBpB;IACI,OFqBgB;IEpBhB,QFoBgB;;EEjBpB;IACI;IACA;IACA,WFlCO;IEmCP,eFPW;;EESX;ICpCA,SH+EW;IG9EX,gBHkFiB;IGjFjB,YHqFU;;EE9Cd;IACI;;EAGJ;IACI;;EAIA;IACI;MACI;;IAEJ;MACI;;;EAIR;IACI;MACI;;IAEJ;MACI;;;EEpER;IACI;;EAIA;IACI;;EAKJ;IACI,cRdG;;EQmBP;IDbJ,SH+EW;IG9EX,gBHkFiB;IGjFjB,YHqFU;IG1EV,cPnBW;;EQwBX;IACI;IACA,KJmCQ;;EIjCR;IACI;;EAEA;IACI;IACA;IACA,WLzBI;IK0BJ,OJtBJ;IIuBI;IACA;;EAIR;IACI;IACA,YC0BJ;IDzBI,OJ/BA;IIgCA,eCgCM;;ED9BN;IACI,aJaA;;EIVJ;IACI,YC6BH;ID5BG,OJxCJ;;EI6CR;ID7BA,cJIoB;;EK8BxB;IACI,YLCU;IKAV,OJpDQ;IIqDR,QLwFiB;IKvFjB,eJlCW;IImCX,YL0FiB;;EKxFjB;IACI,SLMW;;EKJX;IACI,QL2CU;IK1CV,SLMW;IKLX,QLiCU;IKhCV,OJhEA;IIiEA,YLOM;IKNN,YJ9BS;II+BT,eLiCgB;;EK/BhB;IACI,ORhFG;IQiFH,YRpFD;;EQsFC;IACI,YJ1DD;;EI+DH;IACI,OJhFR;IIiFQ,YLOG;;EKJP;IACI,OJrFR;IIsFQ,YLNG;;EKWf;IACI,QEQU;IFPV,SEWW;IFVX,OJ9FA;II+FA,YEaM;IFZN,aEwBc;;EFnB1B;IDrFI,cJIoB;;EKsFpB;IACI;;EAGJ;IACI,OJ/GI;IIgHJ;;EAKJ;IACI,OJtHI;IIuHJ;;EGrIR;IJ8BI,cJIoB;;EQ9BxB;IJGI,SH+EW;IG9EX,gBHkFiB;IGjFjB,YHqFU;IG1EV,cPnBW;;EWOf;IACI,SR0Uc;IQzUd,YR6UQ;IQ5UR,OPGQ;IOFR,QRUU;IQTV,ePqBW;;EOnBX;IACI,YRuUI;IQtUJ,QR0Ia;IQzIb,YR6Ia;;EQ3Ib;IACI,YR0VO;;EQtVf;IACI,SRiVgB;IQhVhB,OPbI;IOcJ,YR2TI;IQ1TJ,aRkWmB;IQjWnB,QRoGgB;IQnGhB,eRwVe;IQvVf,yBPEO;IODP,wBPCO;;EOCP;AAAA;IJgQJ,OHjMc;IGkMd,QH9Le;IG+Lf,OHnRiB;IGoRjB,QHxLe;IGyLf,YH7LW;IG8LX,eHtKqB;IGuKrB,YH3PmB;;EG6PnB;AAAA;IACI,OH9RI;IG+RJ,cHnLqB;IGoLrB,YHxLY;;EG2LhB;AAAA;IA1SA,SH+EW;IG9EX,gBHkFiB;IGjFjB,YHqFU;;EOtDN;IACI,aP6DO;;EO3DP;AAAA;IAEI,OP/BJ;IOgCI;IACA,aRgVW;IQ/UX,SRmVY;;EQjVZ;AAAA;IACI,OXlDL;;EWsDH;IACI,cPMA;;EODZ;IACI,WPxDG;IOyDH,QRgRc;;EQ9Qd;IACI,SRiUgB;;EQ/ThB;IACI,OR0UQ;IQzUR,QR6US;;EQzUjB;IACI,SRgUc;;EQ9Td;IACI,ORiUQ;IQhUR,QRoUS;IQnUT,eRuUe;IQtUf,YP/BK;IOgCL,QRyUQ;;EQvUR;IACI,OXjFD;IWkFC,YXrFL;;EWwFC;IJlFZ,SH+EW;IG9EX,gBHkFiB;IGjFjB,YHqFU;;EOCE;IACI,YRmUM;IQlUN,OPnFR;IOoFQ,cRqUe;;EQnUf;IACI,OXjGL;IWkGK,YXrGT;;EW4GX;IACI,SRiUmB;IQhUnB,YPrDE;;EOuDF;IACI;;EAIR;IACI,YP7DE;IO8DF,SR2ToB;;EQzTpB;IJyKJ,OHjMc;IGkMd,QH9Le;IG+Lf,OHnRiB;IGoRjB,QHxLe;IGyLf,YH7LW;IG8LX,eHtKqB;IGuKrB,YH3PmB;;EG6PnB;IACI,OH9RI;IG+RJ,cHnLqB;IGoLrB,YHxLY;;EG2LhB;IA1SA,SH+EW;IG9EX,gBHkFiB;IGjFjB,YHqFU;;EO+BF;IACI;;EAIR;IACI,WRwTqB;;EQrTzB;IACI,SRgTuB;;EQ3S3B;IACI;;EAIR;IACI,QR6Lc;;EQ3Ld;IACI,SRsPc;IQrPd,YPpGS;IOqGT,ePrHG;;EOuHH;IACI,OXtJG;IWuJH,YX1JD;;EW+JX;IACI,QR8Kc;;EQ5Kd;IACI,SRuOc;IQtOd,YPnHS;IOoHT,ePpIG;;EOsIH;IACI,OXrKG;IWsKH,YXzKD;;EW+KP;IACI,aPvHF;IOwHE,eRiKM;IQhKN,cRgKM;IQ/JN;IACA;;EAEA;IACI;IACA;;EAGJ;IACI;;EASI;IACI,YRwNE;;EQrNN;IJnMhB,SH+EW;IG9EX,gBHkFiB;IGjFjB,YHqFU;;EOsHM;IACI,YR0ME;;EQvMN;IJjNhB,SH+EW;IG9EX,gBHkFiB;IGjFjB,YHqFU;;EOoIM;IACI,YR4LE;;EQzLN;IJ/NhB,SH+EW;IG9EX,gBHkFiB;IGjFjB,YHqFU;;EOmJV;IACI;;EAGJ;IACI,OPxOI;IOyOJ;;EAKJ;IACI,OP/OI;IOgPJ;;EAIR;IAGY;MACI,SR6LY;;;ESlc5B;IACI,YTIM;ISHN,QTmBU;ISlBV,YRsCoB;IQrCpB,eR6BW;;EQ3BX;IACI,cZPO;;EYUX;ILJA,SH+EW;IG9EX,gBHkFiB;IGjFjB,YHqFU;IG1EV,cPnBW;;EYcX;IACI;IACA;IACA,SThBO;;ESkBP;IACI,OTiBgB;;ESdpB;IACI;IACA;;EAIR;IACI;IACA,ORlBI;IQmBJ,OT6BkB;IS5BlB;IACA,4BRDO;;EQIX;ILRA,cJIoB;;ESSxB;IACI,YTsBU;ISrBV,OR/BQ;IQgCR,QT6GiB;IS5GjB,eRbW;IQcX,YT+GiB;;ES7GjB;IACI,ST2BW;;ESzBX;IACI,QTgEU;IS/DV,QTuDU;IStDV,OR1CA;IQ2CA,YT6BM;IS5BN,YRRS;IQST,eTuDgB;;ESrDhB;IACI,OZ1DG;IY2DH,YZ9DD;;EYgEC;IACI,YRpCD;;EQyCH;IACI,OR1DR;IQ2DQ,YT6BG;;ES1BP;IACI,OR/DR;IQgEQ,YTgBG;;ESXX;IACI,STFO;;ESKX;IACI,WFsBc;;EEf1B;IACI,YTtDO;;ESwDP;IACI,kBTrDQ;;ESwDZ;IACI,kBTrDQ;;ES0DpB;IL9EI,cJIoB;;ES+EpB;IACI;;EAGJ;IACI,ORxGI;IQyGJ,OTzDkB;;ES+DlB;IACI;IACA;IACA;;EAIR;IACI;;ECrIR;IACI,OVkKY;IUjKZ,QVqKa;;EUnKb;IACI,QVsKS;IUrKT;IACA,OV4JQ;IU3JR,QV+JS;IU9JT,OTKI;ISJJ,eTwBO;ISvBP,YT+BgB;;ES7BhB;IACI,qBTwBS;ISvBT,ObXO;IaYP,WV+JW;;EU5Jf;IACI,OV2JW;IU1JX,QV0JW;;EUvJf;IACI,cbxBG;IayBH,YbzBG;;Ea+BH;IACI,cbhCD;;EamCH;IN7BR,SH+EW;IG9EX,gBHkFiB;IGjFjB,YHqFU;IG1EV,cPnBW;;EauCH;IACI,cbtCK;IauCL,YbvCK;IawCL,ObvCG;;Ea6CnB;INnBI,cJIoB;;EUqBhB;IACI,kBVdG;;EUgBH;IACI,Yb1DD;;EagEC;IACI,kBVpBA;;EUuBJ;IACI,YbnEC;;Ea0ErB;IACI,aThBY;;ESsBJ;IACI,cbjFG;;EauFnB;IN7DI,cJIoB;;EW9BhB;IACI,cdJG;;EcSP;IPHJ,SH+EW;IG9EX,gBHkFiB;IGjFjB,YHqFU;IG1EV,cPnBW;;EccX;IACI;IACA,KV6CQ;;EU3CR;IACI;IACA,cVyCI;IUxCJ,YLgDJ;IK/CI,OVTA;IUUA,eLsDM;;EKpDN;IACI,YLuDH;IKtDG,OVdJ;;EUiBA;IACI,aV8BA;;EU1BR;IACI;;EAEA;IACI;IACA;IACA,WXhCI;IWiCJ,OV7BJ;IU8BI;IACA;;EAMhB;IPrBI,cJIoB;;EWsBpB;IACI;;EAGJ;IACI,OV/CI;IUgDJ;;EC9DR;AAAA;IAEI,OZiPsB;IYhPtB,QZoPuB;;EYjP3B;IACI,YZoPY;IYnPZ,QZuPe;;EYrPf;AAAA;IAEI,cZuPiB;;EYnPzB;IACI,YZ8IiB;;Ea/JrB;IACI,YbKM;IaJN,QboBU;IanBV,YZuCoB;IYtCpB,eZ8BW;;EY5BX;IACI,chBNO;;EgBSX;ITHA,SH+EW;IG9EX,gBHkFiB;IGjFjB,YHqFU;IG1EV,cPnBW;;EgBcP;IACI;;EAIR;IACI;IACA;;EAEA;IACI,ObagB;;EaVpB;IAEI;IACA;;EAIR;IACI;IACA,OZvBI;IYwBJ,ObwBkB;IavBlB,yBZLO;IYMP,4BZNO;;EYSX;IACI,OZ9BI;IY+BJ,ObiBkB;;EadtB;ITlBA,cJIoB;;EamBxB;IACI,YbYU;IaXV,OZzCQ;IY0CR,QbmGiB;IalGjB,eZvBW;IYwBX,YbqGiB;;EanGjB;IACI,SbiEiB;IahEjB,ebgFgB;Ia/EhB,OZjDI;IYkDJ,YbsEY;IarEZ,QbiEgB;IahEhB,yBZhCO;IYiCP,wBZjCO;;EYmCP;IACI;IACA;;EAGJ;IACI;IACA,OZ9DA;;EYkER;IACI,SbHW;;EaKX;IACI,QbkCU;IajCV,SbHW;IaIX,QbwBU;IavBV,OZzEA;IY0EA,YbFM;IaGN,YZvCS;IYwCT,ebwBgB;;EatBhB;IACI,OhBzFG;IgB0FH,YhB7FD;;EgB+FC;IACI,YZnED;;EYwEH;IACI,OZzFR;IY0FQ,YbFG;;EaKP;IACI,OZ9FR;IY+FQ,YbfG;;EaoBf;IACI,QNDU;IMEV,SNEW;IMDX,OZvGA;IYwGA,YNIM;IMHN,aNec;;EMZlB;IACI,SbzCW;Ia0CX,OZ9GA;IY+GA,YbvCM;;Ea6Cd;IACI,Yb1FO;;Ea4FP;IACI,kBbzFQ;;Ea4FZ;IACI,kBbzFQ;;Ea2FR;IACI;;EAMhB;ITtHI,cJIoB;;EclCxB;IACI,YdqDW;IcpDX,ObgBiB;IafjB,YdmBU;IclBV,adkBU;IcjBV,ediBU;IchBV,SdJW;IcKX,WduDsB;;EcrDtB;IACI,cdYM;;EcPV;AAAA;AAAA;IAGI;IACA;;EAEA;AAAA;AAAA;IACI;;EAGJ;AAAA;AAAA;IACI;;EAEA;AAAA;AAAA;IACI;;EAMhB;AAAA;AAAA;AAAA;AAAA;IAKI,wBbNW;IaOX,2BbPW;;EaUf;IACI,wBbXW;IaYX,2BbZW;;Eaef;AAAA;AAAA;AAAA;AAAA;IAKI,yBbpBW;IaqBX,4BbrBW;;EawBf;IACI,yBbzBW;Ia0BX,4Bb1BW;;Ea+BP;IACI;;EAEA;IACI,OC/DM;;ECJtB;IZ4BI,cJIoB;;EgB3BpB;IACI;;EAGJ;IACI,OfEI;IeDJ;;ECbR;Ib8BI,cJIoB;;EiB7BpB;IACI;;EAGJ;IACI,OhBII;IgBHJ;;EAMA;IACG;;EAKH;IACG;;ECtBX;IACI,OlBoce;IkBncf,QlBucgB;;EkBrchB;IACI,YlB4diB;IkB3djB,YjBkCgB;IiBjChB,elBsckB;;EkBpclB;IACI,YlB2da;IkB1db,OlBsca;IkBrcb,QlBycc;IkBxcd,MlBgde;IkB/cf;IACA,elB0coB;IkBzcpB,qBjBoBS;;EiBfb;IACI;;EAKJ;IdtBJ,SH+EW;IG9EX,gBHkFiB;IGjFjB,YHqFU;;EiB3DN;IACI,YlBuckB;;EkBlctB;IACI,YrBzCG;;EqB2CH;IACI,YlB0cQ;;EkBrcZ;IACI,YrBjDG;;EqBuDnB;Id3BI,cJIoB;;EmBlCxB;IACI;IACA;IACA,WnBOgB;ImBNhB,OlBUQ;IkBTR,YnBCM;ImBAN,SnBJW;ImBKX,QnBeU;ImBdV,YlBkCoB;IkBjCpB;IACA,elBwBW;;EkBtBX;IACI,ctBZO;;EsBeX;IfTA,SH+EW;IG9EX,gBHkFiB;IGjFjB,YHqFU;IG1EV,cPnBW;;EsBmBX;IfUA,cJIoB;;EmBVpB;IfwPA;IAJA;;Ee/OA;IfmPA;IAJA;;EezOJ;IACI;IACA,OnBCwB;ImBAxB;;EAGJ;IACI,OnBRoB;;EmBWxB;AAAA;IAEI;IACA,OlBlCQ;;EkBqCZ;IACI;;EAGJ;IACI;;EAGJ;AAAA;IAEI;IACA,OlBhDQ;;EkBmDZ;IACI;;Ef2LA;IevLA,OnBhCwB;;EI0NxB;Ie1LA,OnBhCwB;;EI6NxB;Ie7LA,OnBhCwB;;EIgOxB;IehMA,OnBhCwB;;EmBoCxB;IACI,kBnBjCO;;EmBmCP;IACI,kBnBhCQ;;EmBmCZ;IACI,kBnBhCQ;;EmBsChB;IfwLA;IAJA;;Ee7KA;IfiLA;IAJA;;EgB5QJ;IACI,YpBiEU;IoBhEV,OnBYQ;ImBXR,QpBmBU;IoBlBV,enB8BW;ImB7BX,YnBqCoB;;EmBnCpB;IACI,SpBsHiB;IoBrHjB,epBqIgB;IoBpIhB,OnBII;ImBHJ,YpB2HY;IoB1HZ,QpBsHgB;IoBrHhB,yBnBqBO;ImBpBP,wBnBoBO;;EmBlBP;IACI;;EAGJ;IACI;IACA,OnBRA;;EmBWJ;IACI,cnBoCI;;EmBhCZ;IACI,SpB+CW;IoB9CX;;EAEA;IACI,QpBmFU;IoBlFV,SpB8CW;IoB7CX,QpByEU;IoBxEV,OnBxBA;ImByBA,YnBWS;ImBVT,epB0EgB;;EoBxEhB;IACI,OvBvCG;IuBwCH,YvB3CD;;EuB8CH;IACI,cnBcA;;EmBVR;IACI,Qb6DU;Ia5DV,SbgEW;Ia/DX,OnBzCA;ImB0CA,YbkEM;IajEN,ab6Ec;;Ea1ElB;IACI,SpBqBW;IoBpBX,OnBhDA;ImBiDA,YpBuBM;;EoBhBF;IACI,YnBzCD;;EmB8CH;IACI,OnB/DR;ImBgEQ,YpBwBG;;EoBrBP;IACI,OnBpER;ImBqEQ,YpBWG;;EoBLnB;IhBlFA,SH+EW;IG9EX,gBHkFiB;IGjFjB,YHqFU;IG1EV,cPnBW;;EuB6Ff;IhBhEI,cJIoB;;EqBhCxB;IACI,YrBGM;IqBFN,QrBkBU;IqBjBV,YpBqCoB;IoBpCpB,epB4BW;;EoB1BX;IACI,cxBRO;;EwBWX;IjBLA,SH+EW;IG9EX,gBHkFiB;IGjFjB,YHqFU;IG1EV,cPnBW;;EwBeX;IACI,SrBfO;IqBgBP,YpBwBgB;;EoBtBhB;IACI,OrBiBgB;;EqBZpB;IACI;IACA,cpBkCI;IoBjCJ,YfyCJ;IexCI,OpBhBA;IoBiBA,ef+CM;;Ee7CN;IACI,apB4BA;;EoBvBZ;IACI;IACA,OpB3BI;IoB4BJ,OrBoBkB;IqBnBlB,yBpBTO;IoBUP,4BpBVO;;EoBkBH;IACI;;EAOZ;IACI;;EAGJ;IACI,OpBnDI;IoBoDJ,OrBJkB;;EqBQ1B;IACI,YrBLU;IqBMV,OpB1DQ;IoB2DR,QrBkFiB;IqBjFjB,epBxCW;IoByCX,YrBoFiB;;EqBlFjB;IACI,SrBgDiB;IqB/CjB,erB+DgB;IqB9DhB,OpBlEI;IoBmEJ,YrBqDY;IqBpDZ,QrBgDgB;IqB/ChB,yBpBjDO;IoBkDP,wBpBlDO;;EoBqDH;IACI;;EAGJ;IACI;IACA,OpB/EJ;;EoBmFJ;IACI,cpBpCI;;EoBuCR;IACI,apBxCI;IGqOZ,OHjMc;IGkMd,QH9Le;IG+Lf,OHnRiB;IGoRjB,QHxLe;IGyLf,YH7LW;IG8LX,eHtKqB;IGuKrB,YH3PmB;;EG6PnB;IACI,OH9RI;IG+RJ,cHnLqB;IGoLrB,YHxLY;;EG2LhB;IA1SA,SH+EW;IG9EX,gBHkFiB;IGjFjB,YHqFU;;EoBaV;IACI,SrB9BW;;EqBgCX;IACI,QrBOU;IqBNV,SrB9BW;IqB+BX,QrBHU;IqBIV,OpBpGA;IoBqGA,YrB7BM;IqB8BN,YpBlES;IoBmET,erBHgB;;EqBKhB;IACI,OxBpHG;IwBqHH,YxBxHD;;EwB0HC;IACI,YpB9FD;;EoBmGH;IACI,OpBpHR;IoBqHQ,YrB7BG;;EqBgCP;IACI,OpBzHR;IoB0HQ,YrB1CG;;EqB8CX;IACI,cpB/EA;;EoBmFR;IACI,QdhCU;IciCV,Sd7BW;Ic8BX,OpBtIA;IoBuIA,Yd3BM;Ic4BN,adhBc;;EcmBlB;IACI,SrBxEW;IqByEX,OpB7IA;IoB8IA,YrBtEM;;EqB4Ed;IACI,YrBzHO;;EqB2HP;IACI,kBrBxHQ;;EqB2HZ;IACI,kBrBxHQ;;EqB8HpB;IjBlJI,cJIoB;;EsBlCxB;IlB8BI,cJIoB;;EsB9BxB;IACI,SCyDkB;IDxDlB,YC4Ca;ID3Cb,OrBOQ;IqBNR,QENmB;IFOnB,YtBsJiB;IsBrJjB,erBwBW;;EqBtBX;IACI,erBiDQ;IqBhDR,YtByhBS;;EsBthBL;IACI,YtByhBA;;EsBthBJ;IACI,YtByhBE;;EsBthBN;IACI,YtByhBE;;EsBlhBd;IACI;;EAEJ;IACI,OrBvBI;IqBwBJ;;EAKJ;IACI;;EAGJ;IACI,OrBlCI;IqBmCJ;;EGjDR;IACI,OzB0Me;IyBzMf,QzB6MgB;;EyB3MhB;IACI,QzB8MY;IyB7MZ;IACA,OzBoMW;IyBnMX,QzBuMY;IyBtMZ,OxBKI;IwBJJ;IACA,YxB+BgB;;EwB7BhB;IACI,c5BbG;;E4BgBP;IrBVJ,SH+EW;IG9EX,gBHkFiB;IGjFjB,YHqFU;IG1EV,cPnBW;;E4BoBP;IACI,OzBiMU;IyBhMV,QzBgMU;IyB/LV,qBxBcS;IwBbT,kB5BrBO;;E4BwBX;IACI,c5B5BG;I4B6BH,Y5B7BG;;E4B+BH;IACI,c5B9BK;I4B+BL,Y5B/BK;I4BgCL,O5B/BG;;E4BqCnB;IrBXI,cJIoB;;EyBahB;IACI,kBzBNG;;EyBQH;IACI,kBzBLI;;EyBQR;IACI,Y5BtDD;;E4BwDC;IACI,Y5BvDC;;E4B8DrB;IACI,axBJY;;EwBUJ;IACI,c5BrEG;;E6BFnB;IACI,KzB2DY;;EyBxDR;IACI,OzBOA;IyBNA,YzBkCY;IyBjCZ,W1B8PS;;E0B5PT;IACI,O1B2PK;I0B1PL,Q1B0PK;;E0BvPT;IACI,O1B0PQ;;E0BtPhB;ItBdJ,SH+EW;IG9EX,gBHkFiB;IGjFjB,YHqFU;IG1EV,cPnBW;;E6ByBH;IACI,O7B1BD;;E6BkCC;IACI,O7BnCL;;E6BqCK;IACI,O1BwOK;;E0B3NT;IACI,O7BjDL;;E8BHf;IACI,YZgVS;IY/UT,QZmVa;IYlVb,O1BUI;I0BTJ,Y1BqCgB;;E0BnChB;AAAA;IAEI,O1BSS;;E0BNb;IACI,YZqVU;IYpVV,cZwVmB;IYvVnB,O1BDA;;E0BGA;AAAA;IAEI,O1BDK;;E0BKb;IACI,Y9BvBG;I8BwBH,c9BxBG;I8ByBH,O9BtBO;;E8BwBP;AAAA;IAEI,O9B1BG;;E8B6BP;IACI,Y9BhCG;I8BiCH,c9BjCG;I8BkCH,O9BhCG;;E8BkCH;AAAA;IAEI,O9BpCD;;E8B2CnB;IvBjBI,cJIoB;;E4BhCxB;IACI,Y5B4RO;I4B3RP,Q5B+RW;I4B9RX,e3B6BW;;E2B3BX;IACI,Q5B+RiB;;E4B7RjB;IACI;IACA;;EAIR;IACI,O5B0Rc;;E4BxRd;IACI;IACA;;EAIR;IACI,Q5ByRa;I4BxRb,O5BoRY;I4BnRZ,Y5B2RS;I4B1RT,Q5B8Ra;I4B7Rb,e5BiSmB;I4BhSnB,Y3BWgB;;E2BThB;IxB1BJ,SH+EW;IG9EX,gBHkFiB;IGjFjB,YHqFU;;E2BxDV;IACI,Y/BtCO;;E+B0CP;IACI,Y/B3CG;I+B4CH,c/B5CG;;E+BkDH;IACI;;EAGJ;IACI;;EAKJ;IACI;;EAGJ;IACI;;EClEhB;IACI,YdiVa;IchVb,QdoViB;IcnVjB,O5BWQ;I4BVR,Y5BsCoB;;E4BpCpB;AAAA;IAEI,O5BUa;;E4BPjB;IACI,YdsVc;IcrVd,cdyVuB;IcxVvB;;EAEA;AAAA;IAEI;;EAIR;IACI,YhCtBO;IgCuBP,chCvBO;IgCwBP,OhCrBW;;EgCuBX;AAAA;IAEI,OhCzBO;;EgC4BX;IACI,YhC/BO;IgCgCP,chChCO;IgCiCP,OhC/BO;;EgCiCP;AAAA;IAEI,OhCnCG;;EgCyCnB;IzBfI,cJIoB;;E8BhCxB;IACI,Y9BGM;I8BFN,Q9BkBU;I8BjBV,Y7BqCoB;I6BpCpB,e7B4BW;;E6B1BX;IACI,cjCRO;;EiCWX;I1BLA,SH+EW;IG9EX,gBHkFiB;IGjFjB,YHqFU;IG1EV,cPnBW;;EiCeX;IACI,S9BfO;I8BgBP,Y7BwBgB;;E6BtBhB;IACI,O9BiBgB;;E8BZpB;IACI;IACA,c7BkCI;I6BjCJ,YxByCJ;IwBxCI,O7BhBA;I6BiBA,exB+CM;;EwB3Cd;IACI;IACA,O7BvBI;I6BwBJ,O9BwBkB;I8BvBlB,yB7BLO;I6BMP,4B7BNO;;E6BUf;I1BdI,cJIoB;;E8BiBZ;IACI;;EAMhB;IACI,Y9BOU;I8BNV,O7B9CQ;I6B+CR,Q9B8FiB;I8B7FjB,e7B5BW;I6B6BX,Y9BgGiB;;E8B9FjB;IACI,S9B4DiB;I8B3DjB,e9B2EgB;I8B1EhB,O7BtDI;I6BuDJ,Y9BiEY;I8BhEZ,Q9B4DgB;I8B3DhB,yB7BrCO;I6BsCP,wB7BtCO;;E6BwCP;IACI,c7BbI;;E6BeJ;IACI;;EAGJ;IACI;IACA,O7BrEJ;;E6ByEI;IACI;;EAGJ;IACI;;EAKZ;I1BkMJ,OHjMc;IGkMd,QH9Le;IG+Lf,OHnRiB;IGoRjB,QHxLe;IGyLf,YH7LW;IG8LX,eHtKqB;IGuKrB,YH3PmB;;EG6PnB;IACI,OH9RI;IG+RJ,cHnLqB;IGoLrB,YHxLY;;EG2LhB;IA1SA,SH+EW;IG9EX,gBHkFiB;IGjFjB,YHqFU;;E6BSN;IACI;;EAGJ;IACI,S9B1BW;I8B2BX,O7B/FA;I6BgGA,Y9BxBM;;E8B8Bd;IACI,Y9B3EO;;E8B6EP;IACI,kB9B1EQ;;E8B6EZ;IACI,kB9B1EQ;;E8BgFhB;IACI;;EAGJ;IACI,O7BzHI;I6B0HJ,OflIc;;EgBNtB;IACI,OlCGe;IkCFf,YlCDW;IkCEX,QhBmBW;IgBlBX,ShBFY;IgBGZ,W9BCO;I8BAP,Y9BoCoB;I8BnCpB,e9B2BW;;E8BzBX;IACI,YlCRW;IkCSX,OlCPW;IkCQX,clCVW;;EkCaf;IACI,YlCba;IkCcb,OlCbW;IkCcX,clCfa;;EkCkBjB;IACI;IACA,OlCtBO;IkCuBP,QhB0Cc;;EgBxCd;IACI;IACA,OlC3BG;IkC4BH,QhBqCU;;EgBlCd;IACI;IACA,OlCjCG;IkCkCH,QhB+BU;;EgB5Bd;IACI,OhB+BU;IgB9BV,chB8BU;;EgB5BV;IACI,YhB+BS;IgB9BT,OhB0BM;;EgBvBV;IACI,YhB8BU;IgB7BV,OhBqBM;;EgBhBlB;IACI;IACA,OlCvDO;IkCwDP;;EAEA;IACI;IACA,OlC5DG;IkC6DH;;EAGJ;IACI;IACA,OlClEG;IkCmEH;;EAGJ;IACI,OhBFU;;EgBIV;IACI,YhBDS;IgBET,OhBNM;;EgBSV;IACI,YhBFU;IgBGV,OhBXM;;EgBgBlB;I3B/EA,SH+EW;IG9EX,gBHkFiB;IGjFjB,YHqFU;;E8BJV;IACI,qB9BrDa;;E8BwDjB;IACI,c9BjCQ;;E8BoCZ;IACI,a9BrCQ;;E8BwCZ;IACI,Y9BzCQ;;E8B4CZ;IACI,e9B7CQ;;E8BgDZ;IACI,a9BjDQ;I8BkDR,W9B1GG;I8B2GH,Q9B3GG;I8B4GH,a9B5GG;I8B6GH,OlClHO;IkCmHP,kBlChHW;;EkCmHf;IACI,YhBtEa;;EgByEjB;IACI,ehBtEoB;;EgByExB;IACI,OhB1Hc;IgB2Hd,ShBvHgB;;EgByHhB;AAAA;IAEI;;EAGJ;IACI;IACA,QhBpIU;;EgBwIlB;I3BkIA;IAJA;;E2B1HI;I3B8HJ;;E2BzHA;I3ByHA;IAJA;;E2BjHI;I3BqHJ;;E2B/GI;IACI,a9BpGI;;E8BuGR;IACI;;EAMR;IACI;;EAGJ;IACI,OhB3Kc;;EgB8KlB;IACI;;EAEA;IACI;;EAKZ;AAAA;AAAA;IAGI,OhB1GuB;IgB2GvB,YhB/GgB;IgBgHhB,QhBxGoB;;EgB0GpB;AAAA;AAAA;IACI,YhBvGiB;IgBwGjB,OhBpGwB;IgBqGxB,chBjG0B;;EgBoG9B;AAAA;AAAA;IACI,YhBrFqB;;EgBwFzB;AAAA;AAAA;IACI,YhBrGkB;IgBsGlB,OhBlGyB;IgBmGzB,chB/F2B;;EgBkG/B;AAAA;AAAA;IACI;IACA,OhBpIY;IgBqIZ,QhBrJc;;EgBuJd;AAAA;AAAA;IACI;IACA,OhBzIQ;IgB0IR,QhB1JU;;EgB6Jd;AAAA;AAAA;IACI;IACA,OhB/IQ;IgBgJR,QhBhKU;;EgBoKlB;AAAA;AAAA;IACI;IACA,OhBtJY;IgBuJZ;;EAEA;AAAA;AAAA;IACI;IACA;IACA,OhB5JQ;;EgB+JZ;AAAA;AAAA;IACI;IACA;IACA,OhBlKQ;;EgBuKpB;AAAA;AAAA;IAGI,OhB9HkB;IgB+HlB,YhBnIW;IgBoIX,QhB5He;;EgB8Hf;AAAA;AAAA;IACI,YhB3HY;IgB4HZ,OhBxHmB;IgByHnB,chBrHqB;;EgBwHzB;AAAA;AAAA;IACI,YhBzGgB;;EgB4GpB;AAAA;AAAA;IACI,YhBzHa;IgB0Hb,OhBtHoB;IgBuHpB,chBnHsB;;EgBsH1B;AAAA;AAAA;IACI;IACA,OhBxJO;IgByJP,QhBjNc;;EgBmNd;AAAA;AAAA;IACI;IACA,OhB7JG;IgB8JH,QhBtNU;;EgByNd;AAAA;AAAA;IACI;IACA,OhBnKG;IgBoKH,QhB5NU;;EgBgOlB;AAAA;AAAA;IACI;IACA,OhB1KO;IgB2KP;;EAEA;AAAA;AAAA;IACI;IACA;IACA,OhBhLG;;EgBmLP;AAAA;AAAA;IACI;IACA;IACA,OhBtLG;;EgB2Lf;AAAA;AAAA;IAGI,OhBlJqB;IgBmJrB,YhBvJc;IgBwJd,QhBhJkB;;EgBkJlB;AAAA;AAAA;IACI,YhB/Ie;IgBgJf,OhB5IsB;IgB6ItB,chBzIwB;;EgB4I5B;AAAA;AAAA;IACI,YhB7HmB;;EgBgIvB;AAAA;AAAA;IACI,YhB7IgB;IgB8IhB,OhB1IuB;IgB2IvB,chBvIyB;;EgB0I7B;AAAA;AAAA;IACI;IACA,OhB5KU;IgB6KV,QhB7Qc;;EgB+Qd;AAAA;AAAA;IACI;IACA,OhBjLM;IgBkLN,QhBlRU;;EgBqRd;AAAA;AAAA;IACI;IACA,OhBvLM;IgBwLN,QhBxRU;;EgB4RlB;AAAA;AAAA;IACI;IACA,OhB9LU;IgB+LV;;EAEA;AAAA;AAAA;IACI;IACA;IACA,OhBpMM;;EgBuMV;AAAA;AAAA;IACI;IACA;IACA,OhB1MM;;EgB+MlB;AAAA;AAAA;IAGI,O9BtWQ;I8BuWR,YhB3Kc;IgB4Kd,QhBpKkB;;EgBsKlB;AAAA;AAAA;IACI,YhBnKe;IgBoKf,O9B5WI;I8B6WJ,chB7JwB;;EgBgK5B;AAAA;AAAA;IACI,YhBjJmB;;EgBoJvB;AAAA;AAAA;IACI,YhBjKgB;IgBkKhB,O9BtXI;I8BuXJ,chB3JyB;;EgB8J7B;AAAA;AAAA;IACI;IACA,OhBhMU;IgBiMV,QhBzUc;;EgB2Ud;AAAA;AAAA;IACI;IACA,OhBrMM;IgBsMN,QhB9UU;;EgBiVd;AAAA;AAAA;IACI;IACA,OhB3MM;IgB4MN,QhBpVU;;EgBwVlB;AAAA;AAAA;IACI;IACA,OhBlNU;IgBmNV;;EAEA;AAAA;AAAA;IACI;IACA;IACA,OhBxNM;;EgB2NV;AAAA;AAAA;IACI;IACA;IACA,OhB9NM;;EgBmOlB;AAAA;AAAA;IAGI,OhB1LiB;IgB2LjB,YhB/LU;IgBgMV,QhBxLc;;EgB0Ld;AAAA;AAAA;IACI,YhBvLW;IgBwLX,OhBpLkB;IgBqLlB,chBjLoB;;EgBoLxB;AAAA;AAAA;IACI,YhBrKe;;EgBwKnB;AAAA;AAAA;IACI,YhBrLY;IgBsLZ,OhBlLmB;IgBmLnB,chB/KqB;;EgBkLzB;AAAA;AAAA;IACI;IACA,OhBpNM;IgBqNN,QhBrYc;;EgBuYd;AAAA;AAAA;IACI;IACA,OhBzNE;IgB0NF,QhB1YU;;EgB6Yd;AAAA;AAAA;IACI;IACA,OhB/NE;IgBgOF,QhBhZU;;EgBoZlB;AAAA;AAAA;IACI;IACA,OhBtOM;IgBuON;;EAEA;AAAA;AAAA;IACI;IACA;IACA,OhB5OE;;EgB+ON;AAAA;AAAA;IACI;IACA;IACA,OhBlPE;;EgBuPd;AAAA;AAAA;IAGI,OhB9MoB;IgB+MpB,YhBnNa;IgBoNb,QhB5MiB;;EgB8MjB;AAAA;AAAA;IACI,YhB3Mc;IgB4Md,OhBxMqB;IgByMrB,chBrMuB;;EgBwM3B;AAAA;AAAA;IACI,YhBzLkB;;EgB4LtB;AAAA;AAAA;IACI,YhBzMe;IgB0Mf,OhBtMsB;IgBuMtB,chBnMwB;;EgBsM5B;AAAA;AAAA;IACI;IACA,OhBxOS;IgByOT,QhBjcc;;EgBmcd;AAAA;AAAA;IACI;IACA,OhB7OK;IgB8OL,QhBtcU;;EgBycd;AAAA;AAAA;IACI;IACA,OhBnPK;IgBoPL,QhB5cU;;EgBgdlB;AAAA;AAAA;IACI;IACA,OhB1PS;IgB2PT;;EAEA;AAAA;AAAA;IACI;IACA;IACA,OhBhQK;;EgBmQT;AAAA;AAAA;IACI;IACA;IACA,OhBtQK;;EgB2QjB;IACI,OlCniBiB;IkCoiBjB;IACA;;EAEA;IACI;IACA,OlCziBa;IkC0iBb;;EAEA;IACI,iBhBtOmB;;EgB0O3B;IACI;IACA,YhBxOgB;IgByOhB;;EAGJ;IACI;IACA,OlCzjBa;IkC0jBb;;EC1jBJ;IACI,OjB8Ye;IiB7Yf,QjBiZgB;;EiB/YhB;IACI,WjBkZkB;;EiB/YtB;IACI,OjB8YkB;IiB7YlB,QjB6YkB;;EiBxY9B;IACI;;EAIA;I5BhBA,SH+EW;IG9EX,gBHkFiB;IGjFjB,YHqFU;;E+BlEd;IACI,OjBiYmB;IiBhYnB,QjBoYoB;IiBnYpB,YjBuYgB;IiBtYhB,OjB8YuB;;EiB5YvB;IACI,YjBuYiB;IiBtYjB,OjB8YwB;;EiBzY5B;IACI;;EAEA;IACI,e/BiBI;;E+BXZ;IACI;;EAEA;IACI,Y/BOI;;E+BDZ;IACI;;EAEA;IACI,c/BHI;;E+BSZ;IACI;;EAEA;IACI,a/BbI;;E+BqBZ;AAAA;AAAA;IACI;;EAEA;AAAA;AAAA;AAAA;AAAA;IAEI;;EAKZ;IACI,kB/BxBK;;EgCtET;IACI,ehCiCW;;EgC9BP;IACI;IACA,OpCLG;IoCMH,QlB2DU;;EkBzDV;IACI;IACA,OpCVD;;EoCaH;IACI;IACA,OpCfD;;EoCoBH;IACI,OlBgDM;IkB/CN,clB+CM;;EkB7CN;IACI,YlBgDK;IkB/CL,OlB2CE;;EkBxCN;IACI,YlB+CM;IkB9CN,OlBsCE;;EkB/Bd;IACI;IACA,OpCxCG;IoCyCH;;EAEA;IACI;IACA,OpC7CD;IoC8CC;;EAGJ;IACI;IACA,OpCnDD;IoCoDC;;EAKJ;IACI,OlBWM;;EkBTN;IACI,YlBYK;IkBXL,OlBOE;;EkBJN;IACI,YlBWM;IkBVN,OlBEE;;EkBIlB;IACI,YlBzBa;;EkB4BjB;IACI,elBzBoB;;EkB2BpB;IACI,elB5BgB;;EkBiCpB;I7ByLJ;IAJA;;E6BjLQ;I7BqLR;;E6B9KI;I7B8KJ;IAJA;;E6BtKQ;I7B0KR;;E6BjKI;IACI;IACA,OlB/BQ;IkBgCR,QlBhDU;;EkBkDV;IACI;IACA,OlBpCI;;EkBuCR;IACI;IAIA,OlB5CI;;EkBkDZ;IACI;IACA,OlBpDQ;IkBqDR;;EAEA;IACI;IACA;IACA,OlB1DI;;EkB6DR;IACI;IAIA;IACA,OlBnEI;;EkB2EZ;IACI;IACA,OlBrCG;IkBsCH,QlB9FU;;EkBgGV;IACI;IACA,OlB1CD;;EkB6CH;IACI;IACA,OlB/CD;;EkBqDP;IACI;IACA,OlBvDG;IkBwDH;;EAEA;IACI;IACA;IACA,OlB7DD;;EkBgEH;IACI;IACA;IACA,OlBnED;;EkB2EP;IACI;IACA,OlBrCM;IkBsCN,QlBtIU;;EkBwIV;IACI;IACA,OlB1CE;;EkB6CN;IACI;IACA,OlB/CE;;EkBqDV;IACI;IACA,OlBvDM;IkBwDN;;EAEA;IACI;IACA;IACA,OlB7DE;;EkBgEN;IACI;IACA;IACA,OlBnEE;;EkB2EV;IACI;IACA,OlBrCM;IkBsCN,QlB9KU;;EkBgLV;IACI;IACA,OlB1CE;;EkB6CN;IACI;IACA,OlB/CE;;EkBqDV;IACI;IACA,OlBvDM;IkBwDN;;EAEA;IACI;IACA;IACA,OlB7DE;;EkBgEN;IACI;IACA;IACA,OlBnEE;;EkB2EV;IACI;IACA,OlBrCE;IkBsCF,QlBtNU;;EkBwNV;IACI;IACA,OlB1CF;;EkB6CF;IACI;IACA,OlB/CF;;EkBqDN;IACI;IACA,OlBvDE;IkBwDF;;EAEA;IACI;IACA;IACA,OlB7DF;;EkBgEF;IACI;IACA;IACA,OlBnEF;;EkB2EN;IACI;IACA,OlBrCK;IkBsCL,QlB9PU;;EkBgQV;IACI;IACA,OlB1CC;;EkB6CL;IACI;IACA,OlB/CC;;EkBqDT;IACI;IACA,OlBvDK;IkBwDL;;EAEA;IACI;IACA;IACA,OlB7DC;;EkBgEL;IACI;IACA;IACA,OlBnEC;;EmBxRT;AAAA;I9BiSJ,OHjMc;IGkMd,QH9Le;IG+Lf,OHnRiB;IGoRjB,QHxLe;IGyLf,YH7LW;IG8LX,eHtKqB;IGuKrB,YH3PmB;IiCzCX,QjCyDI;;EG6OZ;AAAA;IACI,OH9RI;IG+RJ,cHnLqB;IGoLrB,YHxLY;;EG2LhB;AAAA;IA1SA,SH+EW;IG9EX,gBHkFiB;IGjFjB,YHqFU;;EiCrFV;IACI,SCRoB;;EDUpB;IACI,cjCiDI;IiChDJ,ejCgDI;;EiC9CJ;IACI,kBCXM;IDYN;IACA,QCGU;IDFV,YjC0BO;IiCzBP,eCPgB;;EDShB;IACI,YCdO;;EDmBX;IACI,YrC7BL;IqC8BK,OrC3BD;;EuCHf;IACI,cC+OuB;ID9OvB;;EAGJ;IACI,cC8O0B;ID7O1B;;EAGJ;IACI,YC8DQ;ID7DR,OnCCI;ImCAJ,QCoDY;IDnDZ,cCuDiB;IDtDjB,SCsEa;IDrEb,aCiEgB;;ED9DpB;IACI,YCwMQ;IDvMR,OnCRI;ImCSJ,QC8LY;ID7LZ,cCiMiB;IDhMjB,SCgNa;ID/Mb,aC2MgB;;EDxMpB;IACI,YC+MoB;ID9MpB,SC2DiB;ID1DjB,QC0EgB;IDzEhB,cC6EqB;ID5ErB,aCoEoB;IDnEpB,OnCrBI;ImCsBJ,YC0DY;IDzDZ,YnCaa;;EmCVjB;IACI,YCoMoB;IDnMpB,SC4IiB;ID3IjB,QC8JgB;ID7JhB,cCiKqB;IDhKrB,aCqJoB;IDpJpB,OnChCI;ImCiCJ,YC2IY;;EDvIZ;IACI,OnClCS;ImCmCT,anCSI;;EmCNR;IACI;IACA,QCwFmB;IDvFnB,WCuFmB;IDtFnB,aCsFmB;IDrFnB,OvCzDO;IuC0DP,YvC7DG;IuC8DH,anCDI;;EmCIR;IACI,YC+Ca;ID9Cb,OnCtDA;;EmCwDA;IACI,OnCrDK;;EmCyDb;IACI,YCsDiB;IDrDjB,OvC5EG;;EuC8EH;IACI,OvC/ED;;EuCkFH;IACI,YCsDkB;IDrDlB,OvCpFD;;EuCsFC;IACI,OvCvFL;;EuC4FP;IACI,YpC4Be;IoC3Bf;;EAKJ;IACI,YCiDK;IDhDL,OnCxFA;ImCyFA,YnCrDS;;EmCuDT;IACI,YCmIY;IDlIZ,QC+DM;ID9DN,cCkEW;IDjEX,SCqEO;;EDnEP;AAAA;AAAA;AAAA;IhCoLZ,OHjMc;IGkMd,QH9Le;IG+Lf,OHnRiB;IGoRjB,QHxLe;IGyLf,YH7LW;IG8LX,eHtKqB;IGuKrB,YH3PmB;;EG6PnB;AAAA;AAAA;AAAA;IACI,OH9RI;IG+RJ,cHnLqB;IGoLrB,YHxLY;;EG2LhB;AAAA;AAAA;AAAA;IA1SA,SH+EW;IG9EX,gBHkFiB;IGjFjB,YHqFU;;EmCwBE;IACI,cnCzDJ;;EmC6DJ;IACI;IACA;;EAGJ;IACI,YvChID;IuCiIC,OvC9HG;;EuCiIP;IACI;;EAGJ;IACI;;EAMR;IACI,YCiBU;IDhBV,OnCpIA;;EmCwIR;IACI,YvCtJO;;EuCyJX;AAAA;IAEI,YblJQ;;EauJR;AAAA;AAAA;IAEI,kBCrEQ;;EDyEhB;IACI,WnC9Fc;;EmCkGd;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAKI;IACI;;EAEA;IACI;;EAQR;IACI;;EAEA;IACI;;EAKJ;IACI;;EAEA;IACI;;EASZ;IACI;;EAEA;IACI;;EAQR;IACI;;EAEA;IACI;;EAQR;IACI;;EAEA;IACI;;EASJ;IACI;;EAEA;IACI;;EAUhB;IACI,YCtHK;;EDwHL;IACI,YvCtRL;IuCuRK,OvCpRD;;EuCsRC;IACI,OvCvRL;;EuCyRK;IACI,OvC1RT;;EuCmSX;IhC3BJ;;EgC+BI;IhC/BJ;;EgCmCI;IhCnCJ;;EgCuCI;IhCvCJ;;EgC2CI;IhC3CJ;;EgCiDI;IhCjDJ;;EgCqDI;IhCrDJ;;EgCyDI;IhCzDJ;;EgC6DI;IhC7DJ;;EgCiEI;IhCjEJ;;EkC3QA;IACI,cD+OuB;IC9OvB;;EAGJ;IACI,cD8O0B;IC7O1B;;EAGJ;IACI,YD8DQ;IC7DR,OrCCI;IqCAJ,QDoDY;ICnDZ,cDuDiB;ICtDjB,SDsEa;ICrEb,aDiEgB;;EC9DpB;IACI,YDiIS;IChIT,OrCRI;IqCSJ,QD8OgB;IC7OhB,SDyOiB;;ECtOrB;IACI,YDiMQ;IChMR,OrCfI;IqCgBJ,QDuLY;ICtLZ,cD0LiB;ICzLjB,SDyMa;ICxMb,aDoMgB;ICnMhB;IACA,4BrCDO;;EqCIX;IACI,WrCmCc;;EqChClB;IACI,SfmBc;;EgB7DlB;AAAA;IAEI,atC2DQ;;EsCvDhB;IACI,OtC0Fc;IsCzFd,QtC6Fe;IsC5Ff,OtCQiB;IsCPjB,QtCmGe;IsClGf,YtC8FW;IsC7FX,etCqHqB;IsCpHrB,YtCgCmB;;EsC9BnB;IACI,OtCHI;IsCIJ,ctCwGqB;IsCvGrB,YtCmGY;;EsChGhB;IAEI,YtC8FY;IsC7FZ,OtCXI;;EsCcR;IAEI,Y1C7BO;I0C8BP,O1C3BW;;E0C8Bf;InC3BA,SH+EW;IG9EX,gBHkFiB;IGjFjB,YHqFU;;EsCtDd;IACI,OtCyDc;IsCxDd,QtC4De;IsC3Df,OtCzBiB;IsC0BjB,QtCkEe;IsCjEf,YtC6DW;IsC5DX,etCoFqB;IsCnFrB,YtCDmB;;EsCGnB;IACI,OtCpCI;IsCqCJ,ctCuEqB;IsCtErB,YtCkEY;;EsC/DhB;InChDA,SH+EW;IG9EX,gBHkFiB;IGjFjB,YHqFU;;EsClCd;IACI,YvCKU;IuCJV,OtChDQ;IsCiDR,QvC4FiB;IuC3FjB,etC9BW;IsC+BX,YvC8FiB;IuC7FjB,WhC5BQ;;EgC8BR;IACI,SvCSW;;EuCPX;IACI,QvC8CU;IuC7CV,SvCSW;IuCRX,QvCoCU;IuCnCV,OtC7DA;IsC8DA,YvCUM;IuCTN,YtC3BS;IsC4BT,evCoCgB;;EuClChB;IACI,O1C7EG;I0C8EH,Y1CjFD;;E0CoFH;IACI,OtCxEJ;IsCyEI,YvCOO;;EuCJX;InClER,SH8DW;IG7DX,gBHiEiB;IGhEjB,YJgGuB;;EuC3BnB;IACI,YtCtCF;IsCuCE,QhC6DU;;EgCvDlB;IACI,SvCsBiB;IuCrBjB,evCqCgB;IuCpChB,OtC5FI;IsC6FJ,YvC2BY;IuC1BZ,QvCsBgB;IuCrBhB,yBtC3EO;IsC4EP,wBtC5EO;;EsC+EX;IACI,ShBpDc;IgBqDd,etCzDE;;EsC2DF;IACI,etCxDI;;EsC2DR;IACI,YtC5DI;;EsC+DR;IACI;;EAIR;IACI,ShBrDa;;EgBwDjB;IACI,ShBzEc;;EiB7DrB;IACC,SjB4DoB;;EiB1DpB;IACC,evCyDa;;EuCrDf;IACO,YjBwCS;IiBvCT,QjBmCa;IiBlCb,evCsBO;IuCrBP,YvC6BgB;IuC5BhB;;EAEA;IpCTJ,SH+EW;IG9EX,gBHkFiB;IGjFjB,YHqFU;IG1EV,cPnBW;;E2CoBd;IACC,OvCRU;IuCSJ,SjBDa;IiBEb,ajBNgB;;EiBOtB;IACC,ajBRqB;;EiBYvB;IACC,SjBTmB;IiBUnB,YjBkBe;IiBjBf,QjB3BkB;IiB4BlB;;EAEA;IACC;;EAGD;IACC;IACA,OvC5BS;;EuCgCX;IACC,OvCjCU;IuCkCJ,SxC8BW;IwC7BjB;;EACA;IACU,YjBLS;;EiBOnB;IACC,SxC4BoB;IwC3BpB,QxC+DmB;IwC9DnB,QxCsDmB;IwCrDnB,OvC3CS;IuC4CT,YxC4Be;IwC3Bf,YvCTkB;;EuCWlB;IACC,YxCgCmB;IwC/BnB,OvCjDQ;;EuCoDT;IACC,OvCrDQ;IuCsDR,YxCkCmB;;EwC/BpB;IACC,O3CpEe;I2CqEf,Y3CxEW;;E2C0EX;IACC,YvC9Cc;;EuCmDjB;IACC;IACA,OvCrES;;EuC0ER;IACC,YxCKkB;IwCJlB,OvC5EO;;EuCoFT;IACC,YjB7CoB;;EiB+CpB;IACC,YxCRkB;;EwCgBtB;IACC,SxC7BqB;IwC8BrB,YxC+CmB;IwC9CnB,QxCHoB;IwCIpB,OvCpGU;IuCqGV,YjBjEe;IiBkEf;;EClHM;IACI,YzC2FW;IyC1FX,OxCUA;;EwCPJ;IACI,Y5CPG;I4CQH,O5CLO;;E4CQH;IACI;;EAMhB;IACI,YJqT0B;;EIlT9B;IACI,clBsBa;IkBrBb,cJgT0B;;EI7S9B;IACI,YlBiBa;IkBhBb,cJ2S0B;;EIxS9B;IACI,QlBYa;IkBXb,YlBeS;IkBdT,OxCtBI;IwCuBJ,SlByBc;;EkBtBlB;IACI;IACA;IACA;;EAEA;IrCtCJ,SH+EW;IG9EX,gBHkFiB;IGjFjB,YHqFU;;EyC9Fd;IACI,YLCU;IKAV,OzCgBiB;IyCfjB,QLOc;IKNd,cLUmB;IKTnB,SLae;IKZf,ezC4BW;;EyC1BX;AAAA;AAAA;AAAA;IAII,kBLkBa;IKjBb,QLqBiB;IKpBjB,OzCIa;IyCHb,W3BTc;I2BUd,Q3BVc;I2BWd,QLyCiB;IKxCjB,YzCgCa;IyC/Bb,ezCeO;;EyCbP;AAAA;AAAA;AAAA;IACI,YLoBc;IKnBd,cLuBuB;IKtBvB,OzCNS;;EyCUjB;IACI,wBzCKO;IyCJP,2BzCIO;;EyCDX;IACI;IACA,4BzCDO;;EyCIX;IACI,azCuBQ;IyCtBR,czCsBQ;IyCrBR,Q3BnCc;;E2BqCd;IACI;;EAIR;IACI,azCaQ;IyCZR,czCYQ;;EyCVR;IACI,W3B/CU;;E2BmDlB;IACI,kBL5Ba;IK6Bb,QLzBiB;IK0BjB,OzC1Ca;IyC2Cb,W3BvDc;I2BwDd,Q3BxDc;I2ByDd,QLLiB;IKMjB;;EAIA;IACI,kBLvCS;IKwCT,QLpCa;IKqCb,OzCrDS;IyCsDT,W3BlEU;I2BmEV,Q3BnEU;I2BoEV,QLhBa;IKiBb,YzCzBS;IyC0BT,ezC1CG;;EyC4CH;IACI,Y7C9ED;I6C+EC,c7C/ED;I6CgFC,O7C7EG;;E6CgFP;IACI,YL3CU;IK4CV,cLxCmB;IKyCnB,OzCrEK;;E0CjBpB;IACC,SpB4DoB;;EoB1DpB;IACC,e1CyDa;;E0CrDf;IACO,YpBwCS;IoBvCT,QpBmCa;IoBlCb,e1CsBO;I0CrBP,Y1C6BgB;I0C5BhB;;EAEA;IvCTJ,SH+EW;IG9EX,gBHkFiB;IGjFjB,YHqFU;IG1EV,cPnBW;;E8CoBd;IACE,O1CRS;I0CSJ,SpBDa;IoBEb,apBNgB;;EoBQtB;IACC,apBTqB;;EoBavB;IACC,SpBVmB;IoBWnB,YpBiBe;IoBhBf,QpB5BkB;IoB6BlB;;EAEA;IACC;;EAGD;IACC;IACA,O1C7BS;;E0CiCX;IACC,O1ClCU;I0CmCJ,S3C6BW;I2C5BX;;EAEN;IACU,YpBPS;;EoBSnB;IACC,S3C0BoB;I2CzBpB,Q3C6DmB;I2C5DnB,Q3CoDmB;I2CnDnB,O1C7CS;I0C8CT,Y3C0Be;I2CzBf,Y1CXkB;;E0CalB;IACC,Y3C8BmB;I2C7BnB,O1CnDQ;;E0CsDT;IACC,O1CvDQ;I0CwDR,Y3CgCmB;;E2C7BpB;IACC,O9CtEe;I8CuEf,Y9C1EW;;E8C4EX;IACC,Y1ChDc;;E0CqDjB;IACC,S3CFoB;I2CGpB,O1CvES;;E0C4ER;IACC,Y3CGkB;I2CFlB,O1C9EO;;E0CsFT;IACC,YpB/CoB;;EoBiDpB;IACC,Y3CVkB;;E2CkBtB;IACC,S3C/BqB;I2CgCrB,Y3C6CmB;I2C5CnB,Q3CLoB;I2CMpB,O1CtGU;I0CuGV,YpBnEe;IoBoEf;;ECrHE;IACI,QPuToB;IOtTpB,ePkT0B;IOjT1B,OPySmB;IOxSnB,QP4SoB;IO3SpB,kB/CFW;;E+CKf;IACI,kBP2Ta;;EOvTb;AAAA;IAEI,SPqR0B;;EOlR9B;IACI,OP6SiB;;EOxSrB;AAAA;IAEI,SP8Q4B;;EO3QhC;IACI,QPkSiB;;EQjU7B;IACC,QtB6CoB;IsB5CpB,YtBgDgB;IsB/ChB,O5CWW;I4CVX,StB0DqB;IsBzDrB,e5C6Bc;;E4C1Bb;IACC,SR4Qe;IQ3Qf;;EAEA;IzCYC,SH8DW;IG7DX,gBHiEiB;IGhEjB,YJgGuB;;E6C1GxB;IACC,e5CiBW;I4ChBX,Y5CgCiB;I4C/BjB,SRsQqB;;EQpQrB;IACC,c5CwCW;IGqOZ,OHjMc;IGkMd,QH9Le;IG+Lf,OHnRiB;IGoRjB,QHxLe;IGyLf,YH7LW;IG8LX,eHtKqB;IGuKrB,YH3PmB;;EG6PnB;IACI,OH9RI;IG+RJ,cHnLqB;IGoLrB,YHxLY;;EG2LhB;IA1SA,SH+EW;IG9EX,gBHkFiB;IGjFjB,YHqFU;;E4CpEV;IACC,c5CmCW;I4ClCX,O5CVgB;;E4CajB;IACC,c5C8BW;;E4C3BV;IACC,O5CtBK;;E4C2BR;IACC,YhDzCU;IgD0CV,OhDvCc;;EgDyCd;AAAA;IAEC,OhD3Ca;;EgD6Cb;AAAA;IACC,OhD9CY;;EgDmDf;IACC,Y7CsCkB;I6CrClB,O5C3CO;;E4C8CR;IACC,Y7CiCkB;I6ChClB,O5ChDO;;E4CsDX;IACC,e5CPc;;E4CSd;IACC;IACA;;EAGD;IACC;IACA,O5ChES;;E4CoEX;IACC,SR0MwB;;EQvMzB;IACC,W5CboB;;E4CepB;IACC,O5ChBmB;I4CiBnB,Q5CjBmB;;E4CsBpB;IACC;;EAMA;IACC,e5CtEW;I4CuEX,QtB3DiB;IsB4DjB,kBtBxDa;IsByDb,O5C7FQ;I4C8FR,SR6KqB;IQ5KrB,Y5C3DiB;;E4C6DjB;IACC,kBhD/GU;IgDgHV,OhD7Gc;;EgD+Gd;IACC,OhDhHa;;EgDoHf;IACC,c5C3DW;;E4C8DZ;IACC,O5C3GgB;I4C4GhB,c5ChEW;;E4CmEZ;IACC,c5CpEW;;E4CuEZ;IACC;IACA;;EAGD;IACC,Y7C7CkB;I6C8ClB,O5C9HO;;E4CiIR;IzCxIA,SH+EW;IG9EX,gBHkFiB;IGjFjB,YHqFU;;E6C7FV;IACI,cT+OuB;IS9OvB;;EAGJ;IACI,cT8O0B;IS7O1B;;EAGJ;IACI,YT8DQ;IS7DR,O7CCI;I6CAJ,QToDY;ISnDZ,cTuDiB;IStDjB,STsEa;ISrEb,aTiEgB;;ES9DpB;IACI,YTwMQ;ISvMR,O7CRI;I6CSJ,QT8LY;IS7LZ,cTiMiB;IShMjB,STgNa;IS/Mb,aT2MgB;;ESxMpB;IACI,YT+MoB;IS9MpB,ST2DiB;IS1DjB,QT0EgB;ISzEhB,cT6EqB;IS5ErB,aToEoB;ISnEpB,O7CrBI;I6CsBJ,YT0DY;ISzDZ,Y7Caa;;E6CVjB;IACI,YToMoB;ISnMpB,ST4IiB;IS3IjB,QT8JgB;IS7JhB,cTiKqB;IShKrB,aTqJoB;ISpJpB,O7ChCI;I6CiCJ,YT2IY;;ESxIhB;IACI,e7C+BY;;E6C7BZ;IACI,O7CpCS;I6CqCT,a7COI;;E6CJR;IACI;IACA,QTsFmB;ISrFnB,WTqFmB;ISpFnB,aToFmB;ISnFnB,OjD3DO;IiD4DP,YjD/DG;IiDgEH,a7CHI;;E6CMR;IACI,YT6Ca;IS5Cb,O7CxDA;;E6C0DA;IACI,O7CvDK;;E6C2Db;IACI,YToDiB;ISnDjB,OjD9EG;;EiDgFH;IACI,OjDjFD;;EiDuFP;IACI,YT6DK;IS5DL,O7C5EA;I6C6EA,Y7CzCS;;E6C2CT;IACI,YT+IY;IS9IZ,QT2EM;IS1EN,cT8EW;IS7EX,STiFO;;ES/EP;I1CgMZ,OHjMc;IGkMd,QH9Le;IG+Lf,OHnRiB;IGoRjB,QHxLe;IGyLf,YH7LW;IG8LX,eHtKqB;IGuKrB,YH3PmB;I6CuDH,c7CvCJ;;EG6OZ;IACI,OH9RI;IG+RJ,cHnLqB;IGoLrB,YHxLY;;EG2LhB;IA1SA,SH+EW;IG9EX,gBHkFiB;IGjFjB,YHqFU;;E6CSM;IACI,O7C9BF;I6C+BE,Q7C/BF;;E6CmCN;IACI,c7ChDJ;;E6CmDQ;IACI,O7CpGhB;;E6C0GA;IACI;IACA;;EAGJ;IACI,YjD7HD;IiD8HC,OjD3HG;;EiD6HH;IACI,OjD9HD;;EiDgIC;IACI,OjDjIL;;EiD0IX;IACI,YTmBU;ISlBV,O7ClIA;;E6CoIA;IACI,O7CrIJ;;E6C0IR;IACI,YjDxJO;;EiD2JX;AAAA;IAEI,YvBpJQ;;EuBuJZ;IACI,W7CxFc;;E6C0Fd;IACI,O7C3FU;I6C4FV,Q7C5FU;;E6CiGd;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAGJ;IACI;;EAKI;IACI;;EAOJ;IACI;;EAOJ;IACI;;EAOZ;I1CuDJ;;E0CnDI;I1CmDJ;;E0C/CI;I1C+CJ;;E0C3CI;I1C2CJ;;E0CvCI;I1CuCJ;;E0CjCI;I1CiCJ;;E0C7BI;I1C6BJ;;E0CzBI;I1CyBJ;;E0CrBI;I1CqBJ;;E0CjBI;I1CiBJ;;E2C3QA;IACI,YVwEQ;IUvER,O9CWI;I8CVJ,QV8DY;IU7DZ,cViEiB;IUhEjB,SVgFa;IU/Eb,aV2EgB;;EUxEpB;IACI,YV2IS;IU1IT,O9CEI;I8CDJ,QVwPgB;IUvPhB,SVmPiB;;EUhPrB;IACI,YV2MQ;IU1MR,O9CLI;I8CMJ,QViMY;IUhMZ,cVoMiB;IUnMjB,SVmNa;IUlNb,aV8MgB;IU7MhB,2B9CUO;I8CTP,4B9CSO;;E+ChCP;IACI,SzBmBS;IyBlBT,QzBEQ;IyBDR,O/CSA;I+CRA,YzBII;IyBHJ,azBWY;IyBVZ,e/C0BG;I+CzBH,Y/CyCS;;E+CvCT;IACI,c/CkDA;;E+C5CA;I5C6SZ,SHzOW;IG0OX,gBHtOiB;IGuOjB;;E4CxSQ;IACI,YzBgFS;IyB/ET,czBrBI;IyBsBJ,O/CdJ;;E+CmBA;IACI,YzBxBA;IyByBA,czBuFmB;IyBtFnB,O/CtBJ;I+CuBI;IACA;;EAIA;IACI,czB2FoB;IyB1FpB,YzBsFW;IyBrFX,O/C/BR;;E+CqCR;IACI,SzBUc;IyBTd,QzBPa;IyBQb,YzBJS;IyBKT,O/CzCI;I+C0CJ;IACA;IACA;IACA,4B/CzBO;I+C0BP,2B/C1BO;;E+C8BP;IACI,ezBiBO;;EyBZH;IACI;;EAIR;IACI;;EAKI;IACI;;EAKA;IACI;;EAQR;IACI,yB/C/DT;I+CgES,wB/ChET;;E+CuEK;IACI,4B/CxET;I+CyES,2B/CzET;;E+C6EC;IACI,4B/C9EL;I+C+EK,2B/C/EL;;EgDlCf;IACI,Y1BiDa;I0BhDb,OhDYQ;IgDXR,Y1BmSS;I0BlST,ehD8BW;;EgD5BX;IACI,S1BmQU;;E0BhQd;IACI,W1BmQY;I0BlQZ,a1BsQc;I0BrQd,ehDiDQ;;EgD9CZ;IACI,a1BqQiB;I0BpQjB,ehD4CQ;IgD3CR,OhDDa;;EgDIjB;IACI,S1BuQa;;E0BpQjB;IACI,S1BuQY;;E2BjShB;IACI,kB3BgDS;;E2B7Cb;IACI,Q3BoSiB;I2BnSjB,S3BuSkB;;E2BrSlB;IACI;;EAGJ;IACI;;EAIR;IACI,Q3B+Re;I2B9Rf,S3BkSgB;;E2BhShB;IACI;;EAGJ;IACI;;EC3BZ;IACI,Q5B6CiB;I4B5CjB,Y5BgDa;I4B/Cb,OlDWQ;IkDVR,elD8BW;;EkD5BX;IACI,S5Bea;I4Bdb,Q5BFY;I4BGZ,OlDKI;IkDJJ;IACA,a5BOgB;I4BNhB,elDsBO;;EkDlBP;IACI;IACA,YlD4BW;;EkD1BX;IACI,S5BCK;I4BAL,OlDRJ;IkDSI,elDWD;IkDVC,YlD0BK;;EkDxBL;IACI,clDmCJ;;EkDhCA;I/CvBZ,SH+EW;IG9EX,gBHkFiB;IGjFjB,YHqFU;;EkD3DF;IACI,Y5BkNK;I4BjNL,c5BqNc;I4BpNd,OlDxBJ;;EkD6BR;IACI,S5BkBc;;E6B7DlB;IACI,Q7BIY;I6BHZ,S7BmBa;I6BlBb,Y7BMQ;I6BLR,OnDSI;ImDRJ,yBnD4BO;ImD3BP,wBnD2BO;;EmDzBP;IACI,a7BQY;;E6BLhB;IhDsRJ,OHjMc;IGkMd,QH9Le;IG+Lf,OHnRiB;IGoRjB,QHxLe;IGyLf,YH7LW;IG8LX,eHtKqB;IGuKrB,YH3PmB;;EG6PnB;IACI,OH9RI;IG+RJ,cHnLqB;IGoLrB,YHxLY;;EG2LhB;IA1SA,SH+EW;IG9EX,gBHkFiB;IGjFjB,YHqFU;;EmD3EN;IACI,S7BMmB;;E6BF3B;IACI,S7BqCc;I6BpCd,Q7BoBa;I6BnBb,Y7BuBS;I6BtBT,OnDdI;ImDeJ;;EAEA;IACI,4BnDEG;ImDDH,2BnDCG;;EmDGX;IACI,S7BwCa;I6BvCb,Q7B2BY;I6B1BZ,Y7B8BQ;I6B7BR,OnD3BI;ImD4BJ,4BnDRO;ImDSP,2BnDTO;ImDUP;;EAGJ;IACI;IACA;;EAGJ;IACI;IACA,cnDQQ;;EmDLZ;IACI;IACA;IACA;;EC3DJ;IACI,Y9BoQa;I8BnQb,Q9B+PiB;I8B9PjB,YpDsCgB;;EoDpChB;IjDCJ,SH+EW;IG9EX,gBHkFiB;IGjFjB,YHqFU;;EqD9Fd;IACI,Q/B6CiB;I+B5CjB,Y/BgDa;I+B/Cb,erD+BW;IqD9BX,OrDUQ;;EqDRR;IACI,YrDuCe;IqDtCf,Y/B0TU;;E+BxTV;IACI,Y/B2TY;;E+BzTZ;IlDNR,SH+EW;IG9EX,gBHkFiB;IGjFjB,YHqFU;;EqD3EV;IACI,Y/BkTgB;;EgCrUpB;IACI,uBxCIc;;EwCDlB;IACI,YhCgKO;IgC/JP,QhCuJW;IgCtJX,chC0JgB;;EgCxJhB;IACI,chC+JW;;EgC7JX;IACI,QhCgKM;IgC/JN,chCmKW;IgClKX,chCsKW;IgCrKX,YhCyKE;IgCxKF;IACA,ShCGK;IgCFL,ahCFQ;IgCGR,yBtDaD;IsDZC,wBtDYD;IsDXC,YtD2BK;IsD1BL,QhCkLM;;EgChLN;InDqSZ,SHzOW;IG0OX,gBHtOiB;IGuOjB;;EmDjSY;IACI,YhC6KG;IgC5KH,chCgLY;IgC/KZ,OtDjBC;;EsDsBL;IACI,YhCiLI;IgChLJ,c1DzCL;I0D0CK,O1D1CL;;E0DgDX;IACI,ctDYQ;;EsDTZ;IACI,atDQQ;;EsDLZ;IACI,atDIQ;;EsDDZ;IACI,YhC4JgB;IgC3JhB,O1D9DO;I0D+DP,OxC1Dc;IwC2Dd,YxCfa;IwCgBb;;EAEA;InD2PJ,SHzOW;IG0OX,gBHtOiB;IGuOjB;;EmDxPA;IACI,YhCxBS;IgCyBT,ShCbc;IgCcd,QhC0Je;IgCzJf,OtD/DI;IsDgEJ,4BtD5CO;IsD6CP,2BtD7CO;;EuDlCf;IACI,YjCSY;IiCRZ,QjCIgB;IiCHhB,SjCmBiB;IiClBjB,evD8BW;IuD7BX,KvDyDY;;EuDvDZ;IACI;;ECRR;IACI,YlCiDa;IkChDb,OxDYQ;IwDXR,QjCDmB;IiCEnB,exD8BW;IwD7BX,YjCKqB;;EiCHrB;IACI,SlCsDc;;EkCnDlB;IACI;IACA,SlCiEa;;EkC/Db;IACI;IACA;;EAEA;IACI;;EAKZ;IACI;IACA;IACA,qBlCsBS;;EkCnBb;IACI;IAGI;IACA,qBlCcK;;EkCLT;IACI,kBlCIK;;EkCDT;IAEQ,kBlCDC;;EkCSb;IACI;;EAEA;IACI;IACA;;EAIR;IACI;;ECrER;IACI,ezDiCW;IyDhCX,YlCQqB;IkCPrB,QlCDmB;;EkCGnB;IACI,elCYa;IkCXb,YlCOS;IkCNT,OzDMI;IyDLJ,SlCyBc;IkCxBd,yBzDwBO;IyDvBP,wBzDuBO;;EyDrBP;IACI,alCYa;IkCXb,WlCeW;;EkCZf;ItDiRJ,OHjMc;IGkMd,QH9Le;IG+Lf,OHnRiB;IGoRjB,QHxLe;IGyLf,YH7LW;IG8LX,eHtKqB;IGuKrB,YH3PmB;IyD1BX,czD0CI;;EG6OZ;IACI,OH9RI;IG+RJ,cHnLqB;IGoLrB,YHxLY;;EG2LhB;IA1SA,SH+EW;IG9EX,gBHkFiB;IGjFjB,YHqFU;;EyDxEF;IACI;;EAKZ;IACI,YnCqBS;ImCpBT,OzDhBI;IyDiBJ,SlCOe;;EkCLf;IACI;IACA,2BzDDG;;EyDKX;IACI,YlCEa;IkCDb,YnCSS;ImCRT,OzD5BI;IyD6BJ,SlCGc;IkCFd;IACA,4BzDXO;IyDYP,2BzDZO;;EyDcP;IACI;IACA;;EAKJ;IACI;;EAEA;IACI;IACA;;EAIR;IACI;;EC/DZ;IACI,YpC+Ca;IoC9Cb,O1DUQ;I0DTR,QnCHmB;ImCInB,e1D4BW;I0D3BX,YnCGqB;;EmCDrB;IACI,SpCoDc;;EoCjDlB;IACI,Y9DbO;I8DcP,O9DXW;I8DYX,O1DkFU;I0DjFV,Q1DqFW;I0DpFX,Y1D4Be;I0D3Bf,e1D+GiB;I0D9GjB;IACA;IACA;;EAEA;IACI,Y9DvBO;I8DwBP,O9DtBO;;E8D0Bf;IACI;IACA;IACA,qBpCiBS;;EoCdb;IACI;IAGI;IACA;;EASJ;IACI,kBpCDK;;EoCIT;IAEQ,kBpCNC;;EqClDjB;IACI,YrCiDa;IqChDb,O3DYQ;I2DXR,QpCDmB;IoCEnB,YpCMqB;;EoCJrB;IACI,SrCea;;EqCbb;AAAA;IxD0RJ,OHjMc;IGkMd,QH9Le;IG+Lf,OHnRiB;IGoRjB,QHxLe;IGyLf,YH7LW;IG8LX,eHtKqB;IGuKrB,YH3PmB;;EG6PnB;AAAA;IACI,OH9RI;IG+RJ,cHnLqB;IGoLrB,YHxLY;;EG2LhB;AAAA;IA1SA,SH+EW;IG9EX,gBHkFiB;IGjFjB,YHqFU;;E2DhFN;IACI;;EAIR;IACI,SrC0Cc;;EqCvClB;IACI,SrCFa;;EsCrBjB;IACI,Y5DYI;I4DXJ,OrCmDW;IqClDX,S7DFO;I6DGP,Y7D0Ja;I6DzJb,e5D4BO;;E4DxBP;IACI,oB5DGA;;E4DEJ;IACI,mB5DHA;;E4DQJ;IACI,kB5DTA;;E4DcJ;IACI,qB5DfA;;E6DbR;IACI,YvCQQ;IuCPR,SvCmBa;IuClBb,QvCEY;IuCDZ,O7DSI;I6DRJ;IACA,yB7D2BO;I6D1BP,wB7D0BO;;E6DxBP;IACI,c7DmDI;;E6DjDJ;I1DNR,SH+EW;IG9EX,gBHkFiB;IGjFjB,YHqFU;;E6D3EV;IACI,YvC8BS;IuC7BT,S9D0emB;I8DzenB,QvCwBa;IuCvBb,O7DTI;I6DUJ,4B7DUO;I6DTP,2B7DSO;;E6DPP;IACI,c9DuemB;I8DtenB;IACA,kBjE7BG;;EiEiCX;IACI,Q9DwdsB;;E8DpdtB;IACI,SzB0IW;;EyBrIf;IACI;;EAMR;IACI,YjEnDW;IiEoDX,OjElDW;IiEmDX,cjErDW;;EiEwDf;IACI,YjExDa;IiEyDb,OjExDW;IiEyDX,cjE1Da;;EkEHrB;IACI,YxDyCK;IwDxCL,QxD4CS;IwD3CT,e9D+BW;I8D9BX,SxD8JgB;;EwD1JR;IACI,Y9DyCK;I8DxCL,e9DwBD;;E8DtBC;I3DLZ,SH+EW;IG9EX,gBHkFiB;IGjFjB,YHqFU;;E8D9EE;IACI,O9DHR;;E8DMI;IACI,O9DHC;;E8DOT;IACI;IACA,O9DbJ;;E8DiBI;IACI,O9DlBR;;E8DqBI;IACI,O9DlBC;;E+DlBrB;IACI,SzDqJkB;IyDpJlB,YzDwCK;IyDvCL,O/DWQ;I+DVR,QzD0IgB;IyDzIhB,YzD6IgB;IyD5IhB,e/D4BW;I+D3BX,OzD+BQ;;EyD7BR;IACI;;EAGJ;IACI,SzDwIc;IyDvId,YzD2BC;IyD1BD,QzD8HY;IyD7HZ,YzDiIY;IyDhIZ,e/DgBO;;EGyCX;IACI,OH9DI;IG+DJ,YH3Ba;IG4Bb,eGpBe;;EHsBf;IACI,OHnEA;IGoEA,SG5BM;IH6BN;;EAEA;IACI,OHxEJ;;EG2EA;IACI,OHxEK;IGyEL,cH7BA;;EGgCJ;IACI,OH7EK;;EGmFb;IACI,OHxFA;IGyFA,YGDO;;EHIH;IACI,OH7FR;;EGgGI;AAAA;IAEI,OH9FC;;EGoGT;IACI,YGbQ;;EHoBZ;IACI,OHjHJ;IGkHI,YGtCE;;EHyCE;IACI,OHtHZ;;EGyHQ;AAAA;IAEI,OH3HZ;;EGkIA;IACI,OHnIJ;IGoII,YGpEE;;EHuEE;IACI,OHxIZ;;EG2IQ;AAAA;IAEI,OHzIH;;E+DOjB;IACI,Y/DgCE;I+D/BF,QzDmIc;;EyDhIlB;IACI,WzD+EsB;;EyD7EtB;IACI,OzD4EkB;IyD3ElB,QzD2EkB;;E0D7G1B;IACI,Y1DoRC;I0DnRD,Q1DuRK;I0DtRL,S1D0RM;I0DzRN,e1D6RW;;E0D3RX;IACI;;EAIR;IACI,S1DqPU;I0DpPV,ehEoBO;;EgElBP;I7DQJ,SH8DW;IG7DX,gBHiEiB;IGhEjB,YJgGuB;;EiErGvB;IACI,O1DoOU;I0DnOV,Q1DuOW;;E0DlOX;AAAA;AAAA;IAEI;;EAGJ;AAAA;AAAA;IAEI;;EAGJ;IACI;;EAMJ;AAAA;AAAA;IAEI;;EAGJ;AAAA;AAAA;IAEI;;EAGJ;IACI;;EAKZ;IAIY;MACI;MACA;;IAEA;MACI;;IAOR;MACI;MACA;;IAEA;MACI;;IAMR;MACI;MACA;;;EC1FhB;IACI,S3DiMoB;I2DhMpB,Y3DoMe;I2DnMf,OjEWQ;IiEVR,Q3D0CS;I2DzCT,ejE6BW;;EiE3BX;IACI;;E9DmEJ;IACI,OH9DI;IG+DJ,YH3Ba;IG4Bb,eGpBe;;EHsBf;IACI,OHnEA;IGoEA,SG5BM;IH6BN;;EAEA;IACI,OHxEJ;;EG2EA;IACI,OHxEK;IGyEL,cH7BA;;EGgCJ;IACI,OH7EK;;EGmFb;IACI,OHxFA;IGyFA,YGDO;;EHIH;IACI,OH7FR;;EGgGI;AAAA;IAEI,OH9FC;;EGoGT;IACI,YGbQ;;EHoBZ;IACI,OHjHJ;IGkHI,YGtCE;;EHyCE;IACI,OHtHZ;;EGyHQ;AAAA;IAEI,OH3HZ;;EGkIA;IACI,OHnIJ;IGoII,YGpEE;;EHuEE;IACI,OHxIZ;;EG2IQ;AAAA;IAEI,OHzIH;;EiEHjB;IACI,Y3D0BC;I2DzBD,OjEHI;IiEIJ,Q3D4HY;I2D3HZ,Y3D+HY;;E2D5HhB;IACI,Q3D2Fc;I2D1Fd,S3D8Fe;I2D7Ff,OjEXI;IiEYJ,Y3DgGU;I2D/FV,a3D2GkB;I2D1GlB,yBjEMO;IiELP,wBjEKO;;EiEFX;IACI,S3DqHc;I2DpHd,O3DII;;E2DFJ;IACI,YjEqBF;IiEpBE,Q3DwHU;;E2DpHlB;IACI,O3DLI;I2DMJ,S3D0Gc;;EHwDlB;IACI,OHjMI;IGkMJ,YH9Ja;IG+Jb,eH/KO;;EGiLP;IACI,SG9JM;IH+JN;;EAEA;IACI,OH1MJ;;EG6MA;IACI,OH1MK;IG2ML,cH/JA;;EGkKJ;IACI,OH/MK;IGgNL,aHpKA;;EG2KJ;IACI,OH5NJ;IG6NI,YG7JE;;EHgKE;IACI,OHjOZ;;EGoOQ;AAAA;IAEI,OHlOH;;EkElBrB;IACI,S5DqJkB;I4DpJlB,Y5DwCK;I4DvCL,OlEWQ;IkEVR,Q5D0CS;I4DzCT,elE6BW;IkE5BX,O5DgCQ;;EHqCR;IACI,OH9DI;IG+DJ,YH3Ba;IG4Bb,eGpBe;;EHsBf;IACI,OHnEA;IGoEA,SG5BM;IH6BN;;EAEA;IACI,OHxEJ;;EG2EA;IACI,OHxEK;IGyEL,cH7BA;;EGgCJ;IACI,OH7EK;;EGmFb;IACI,OHxFA;IGyFA,YGDO;;EHIH;IACI,OH7FR;;EGgGI;AAAA;IAEI,OH9FC;;EGoGT;IACI,YGbQ;;EHoBZ;IACI,OHjHJ;IGkHI,YGtCE;;EHyCE;IACI,OHtHZ;;EGyHQ;AAAA;IAEI,OH3HZ;;EGkIA;IACI,OHnIJ;IGoII,YGpEE;;EHuEE;IACI,OHxIZ;;EG2IQ;AAAA;IAEI,OHzIH;;EkENjB;IACI,Y5D6BC;I4D5BD,Q5DgIY;I4D/HZ,Y5DmIY;;E4DhIhB;IACI,Q5D+Fc;I4D9Fd,S5DkGe;I4DjGf,OlEPI;IkEQJ,Y5DoGU;I4DnGV,a5D+GkB;I4D9GlB,yB5D0GoB;I4DzGpB,wB5DyGoB;;E4DtGxB;IACI,YlE6BE;IkE5BF,Q5DgIc;;E4D7HlB;I/DoSA,YPpUW;IOqUX,OPlUe;IOmUf,WErSY;IFsSZ,aE1Sc;IF2Sd,WEnTY;IFoTZ,QEhTU;IFiTV,aEjTU;IFkTV,eH1SW;IG2SX,aH/QY;IGgRZ,cHhRY;IGiRZ,eHjRY;;EmE9DhB;IACI,S7DiMoB;I6DhMpB,Y7DoMe;I6DnMf,OnEWQ;ImEVR,Q7D0CS;I6DzCT,enE6BW;;EmE3BX;IACI;;EhEsMJ;IACI,OHjMI;IGkMJ,YH9Ja;IG+Jb,eH/KO;;EGiLP;IACI,SG9JM;IH+JN;;EAEA;IACI,OH1MJ;;EG6MA;IACI,OH1MK;IG2ML,cH/JA;;EGkKJ;IACI,OH/MK;IGgNL,aHpKA;;EG2KJ;IACI,OH5NJ;IG6NI,YG7JE;;EHgKE;IACI,OHjOZ;;EGoOQ;AAAA;IAEI,OHlOH;;EGyDjB;IACI,OH9DI;IG+DJ,YH3Ba;IG4Bb,eGpBe;;EHsBf;IACI,OHnEA;IGoEA,SG5BM;IH6BN;;EAEA;IACI,OHxEJ;;EG2EA;IACI,OHxEK;IGyEL,cH7BA;;EGgCJ;IACI,OH7EK;;EGmFb;IACI,OHxFA;IGyFA,YGDO;;EHIH;IACI,OH7FR;;EGgGI;AAAA;IAEI,OH9FC;;EGoGT;IACI,YGbQ;;EHoBZ;IACI,OHjHJ;IGkHI,YGtCE;;EHyCE;IACI,OHtHZ;;EGyHQ;AAAA;IAEI,OH3HZ;;EGkIA;IACI,OHnIJ;IGoII,YGpEE;;EHuEE;IACI,OHxIZ;;EG2IQ;AAAA;IAEI,OHzIH;;EmECjB;IACI,S7DkIc;I6DjId,Y7DqBC;I6DpBD,Q7DwHY;I6DvHZ,Y7D2HY;I6D1HZ,O7DcI;;E6DZJ;IACI,YnE+BF;ImE9BE,Q7DkIU;;E6D/Hd;IACI,W7D8EkB;;E6DzE9B;IACI;MACI;;IAEA;MACI;MACA,OnEuDM;MmEtDN,QnE0DO;MmEzDP,OnE3BS;MmE4BT,enEoFa;MmEnFb,YnEDW;;ImEGX;MACI,OnEhCK;MmEiCL,Y7D2BE;;I6DxBN;MhE/CR,SH+EW;MG9EX,gBHkFiB;MGjFjB,YHqFU;;ImEnCN;MACI;MACA;MACA,S7DwFU;M6DvFV,Y7DrBH;M6DsBG,Q7D8EQ;M6D7ER,Y7DiFQ;M6DhFR;;IAEA;MACI,YnEXN;MmEYM,Q7DwFM;;I6DrFV;MACI,W7DoCc;;I6DjClB;MACI;MACA;;IAIQ;MACI;MACA;;IASA;MACI;;IAOpB;MACI;MACA;MACA;MACA;;IAEA;MACI;MACA;;IAMQ;MACI;;IAOpB;MACI;MACA;;IhEyJA;MACI;;IADJ;MACI;;IADJ;MACI;;IADJ;MACI;;IADJ;MACI;;IgEpJZ;MACI;MACA;MACA;MACA;MACA;;;ECxIR;IACI;;EAEA;IACI,Q9CCQ;I8CAR,OpEQA;IoEPA,Y9CGI;I8CFJ,epE0BG;IoEzBH,YpEyCS;;EoEvCT;IACI,OpEEJ;IoEDI,S9CSK;I8CRL,a9CIQ;;E8CFR;IACI,cpE6CJ;;EoE1CA;IACI,cpEyCJ;;EoElCA;IjEmSZ,SHzOW;IG0OX,gBHtOiB;IGuOjB;;EiE9RQ;IACI,Y9CsES;I8CrET,c9C/BI;I8CgCJ,OpExBJ;;EoE6BA;IACI,Y9ClCA;I8CmCA,c9C6EmB;I8C5EnB,OpEhCJ;IoEiCI;IACA;IACA;;EAIA;IACI,c9CgFoB;I8C/EpB,Y9C2EW;I8C1EX,OpE1CR;;EoEgDR;IACI,S9DuFc;I8DtFd,Q9ClBa;I8CmBb,Y9CfS;I8CgBT,OpEpDI;IoEqDJ;IACA;IACA;IACA,4BpEpCO;IoEqCP,2BpErCO;;EoEuCP;IACI;;EjECR;IACI,OH9DI;IG+DJ,YH3Ba;IG4Bb,eGpBe;;EHsBf;IACI,OHnEA;IGoEA,SG5BM;IH6BN;;EAEA;IACI,OHxEJ;;EG2EA;IACI,OHxEK;IGyEL,cH7BA;;EGgCJ;IACI,OH7EK;;EGmFb;IACI,OHxFA;IGyFA,YGDO;;EHIH;IACI,OH7FR;;EGgGI;AAAA;IAEI,OH9FC;;EGoGT;IACI,YGbQ;;EHoBZ;IACI,OHjHJ;IGkHI,YGtCE;;EHyCE;IACI,OHtHZ;;EGyHQ;AAAA;IAEI,OH3HZ;;EGkIA;IACI,OHnIJ;IGoII,YGpEE;;EHuEE;IACI,OHxIZ;;EG2IQ;AAAA;IAEI,OHzIH;;EoEgED;IACI,cpErBR;;EoE2BR;IACI,YpEhCF;IoEiCE,Q9DmEU;;E8DhEd;IACI,ShC8Lc;;EgC1LtB;IACI,e9ClBW;;E8CsBH;IACI;;EAIR;IACI;;EAKI;IACI;;EAKA;IACI;;EAQR;IACI,yBpEjGT;IoEkGS,wBpElGT;;EoEyGK;IACI,4BpE1GT;IoE2GS,2BpE3GT;;EoE+GC;IACI,4BpEhHL;IoEiHK,2BpEjHL;;EqElCf;IACI,S/DqJkB;I+DpJlB,Y/DwCK;I+DvCL,OrEWQ;IqEVR,Q/D0CS;I+DzCT,erE6BW;IqE5BX,O/DgCQ;;E+D9BR;IACI;;EAGJ;IACI;;ElE8DJ;IACI,OH9DI;IG+DJ,YH3Ba;IG4Bb,eGpBe;;EHsBf;IACI,OHnEA;IGoEA,SG5BM;IH6BN;;EAEA;IACI,OHxEJ;;EG2EA;IACI,OHxEK;IGyEL,cH7BA;;EGgCJ;IACI,OH7EK;;EGmFb;IACI,OHxFA;IGyFA,YGDO;;EHIH;IACI,OH7FR;;EGgGI;AAAA;IAEI,OH9FC;;EGoGT;IACI,YGbQ;;EHoBZ;IACI,OHjHJ;IGkHI,YGtCE;;EHyCE;IACI,OHtHZ;;EGyHQ;AAAA;IAEI,OH3HZ;;EGkIA;IACI,OHnIJ;IGoII,YGpEE;;EHuEE;IACI,OHxIZ;;EG2IQ;AAAA;IAEI,OHzIH;;EqEEjB;IACI,Y/DqBC;I+DpBD,Q/DwHY;I+DvHZ,Y/D2HY;;E+DxHhB;IACI,S/D2Hc;I+D1Hd,Y/DcC;I+DbD,Q/DiHY;I+DhHZ,Y/DoHY;;E+DjHhB;IACI,YrEwBE;IqEvBF,Q/D2Hc;;E+DxHlB;IACI,W/DuEsB;;E+DpE1B;IACI,O/DmEsB;I+DlEtB,Q/DkEsB;;E+D/D1B;IACI,S/DMU;I+DLb,OrEnCO;;EqEoCJ;IlE6QJ,SHzOW;IG0OX,gBHtOiB;IGuOjB;;EkE1QA;IlE8QA,YPpUW;IOqUX,OPlUe;IOmUf,WErSY;IFsSZ,aE1Sc;IF2Sd,WEnTY;IFoTZ,QEhTU;IFiTV,aEjTU;IFkTV,eH1SW;IG2SX,aH/QY;IGgRZ,cHhRY;IGiRZ,eHjRY;;EsE1DR;IACI;IACA,YtE4CS;IsE3CT,etE2BG;IsE1BH,YhENE;;EgEQF;IACI,OtEGJ;IsEFI,QhENE;IgEOF,YhEXF;IgEYE;IACA,QhEGQ;IgEFR,ahEEQ;IgEDR,WhEKU;IgEJV;IACA,ehEWc;;EgERlB;IACI,YtEuCA;IsEtCA,OtENK;;EsEST;InEpBR,SH+EW;IG9EX,gBHkFiB;IGjFjB,YHqFU;;EsE7DF;IACI,Y1EjCD;I0EkCC,O1E/BG;;E0EkCP;IACI,ahELY;IgEMZ,OtE1BJ;;EsE8BJ;IACI;IACA,YtEYF;IsEXE;IACA;IACA;IACA;IACA;IACA;;ECnDR;IACI,YjDoKO;IiDnKP,QjD2JW;IiD1JX,cjD8JgB;;EiD3JhB;IpE8TJ,YPpUW;IOqUX,OPlUe;IOmUf,WErSY;IFsSZ,aE1Sc;IF2Sd,WEnTY;IFoTZ,QEhTU;IFiTV,aEjTU;IFkTV,eH1SW;IG2SX,aH/QY;IGgRZ,cHhRY;IGiRZ,eHjRY;;EuEnDR;IACI,cjD8JW;;EiD5JX;IACI,QjD+JM;IiD9JN,cjDkKW;IiDjKX,cjDqKW;IiDpKX,YjDwKE;IiDvKF,OvEDK;IuEEL,SjDEK;IiDDL,ajDHQ;IiDIR,yBvEYD;IuEXC,wBvEWD;IuEVC,YvE0BK;IuEzBL,QjDiLM;;EiD/KN;IACI,cvEkCJ;;EuE/BA;IpEgSZ,SHzOW;IG0OX,gBHtOiB;IGuOjB;;EoE5RY;IACI,YjDwKG;IiDvKH,cjD2KY;IiD1KZ,OvEtBC;;EuE2BL;IACI,YjD4KI;IiD3KJ,c3E9CL;I2E+CK,O3E/CL;;E2EqDX;IACI,cvEOQ;;EuEJZ;IACI,avEGQ;;EuEAZ;IACI,YjD2JgB;IiD1JhB,O3E/DO;I2EgEP,OzD3Dc;IyD4Dd,YzDhBa;IyDiBb;;EAEA;IpE0PJ,SHzOW;IG0OX,gBHtOiB;IGuOjB;;EqEjUJ;IACI,SlEqJkB;IkEpJlB,YlEwCK;IkEvCL,OxEWQ;IwEVR,QlE0CS;IkEzCT,exE6BW;IwE5BX,OlEgCQ;;EkE9BR;IACI,YlEiCC;IkEhCD,QlEoIY;IkEnIZ,YlEuIY;;EkEpIhB;IACI;;EAGJ;IACI,SlEmIc;IkElId,YlEsBC;IkErBD,QlEyHY;IkExHZ,YlE4HY;;EHvEhB;IACI,OH9DI;IG+DJ,YH3Ba;IG4Bb,eGpBe;;EHsBf;IACI,OHnEA;IGoEA,SG5BM;IH6BN;;EAEA;IACI,OHxEJ;;EG2EA;IACI,OHxEK;IGyEL,cH7BA;;EGgCJ;IACI,OH7EK;;EGmFb;IACI,OHxFA;IGyFA,YGDO;;EHIH;IACI,OH7FR;;EGgGI;AAAA;IAEI,OH9FC;;EGoGT;IACI,YGbQ;;EHoBZ;IACI,OHjHJ;IGkHI,YGtCE;;EHyCE;IACI,OHtHZ;;EGyHQ;AAAA;IAEI,OH3HZ;;EGkIA;IACI,OHnIJ;IGoII,YGpEE;;EHuEE;IACI,OHxIZ;;EG2IQ;AAAA;IAEI,OHzIH;;EwEWjB;IACI,YxE4BE;IwE3BF,QlE+Hc;;EkE5HlB;IACI,WlE2EsB;;EkEzEtB;IACI,OlEwEkB;IkEvElB,QlEuEkB;;EmE9G9B;IACI,S1ECW;I0EAX,QC4BkB;ID3BlB,ezE+BW;;EyE7BX;IACI,YC4EQ;ID3ER,QC+EY;ID9EZ,cCkCmB;IDjCnB,OCiFe;;ED/Ef;IACI,OCkFW;;ED9EnB;IACI,YCiFW;IDhFX,QCoFe;IDnFf,cCuBmB;IDtBnB,OCsFkB;;EDpFlB;IACI,OCuFc;;EDnFtB;IACI,YCsFW;IDrFX,QCyFe;IDxFf,cCYmB;IDXnB,OzEjBI;;EyEmBJ;IACI,OzEpBA;;EyEwBR;IACI,YC2FS;ID1FT,QC8Fa;ID7Fb,cCCmB;IDAnB,OCgGgB;;ED9FhB;IACI,OCiGY;;ED7FpB;IACI,WChBoB;IDiBpB,czEWQ;;EyERZ;IACI,OCrBoB;IDsBpB,QCtBoB;;EDyBxB;IACI,WCtBoB;;ED0BpB;IACI;;EEjEZ;IACI,QDCY;ICAZ,e3EgCW;;E2E9BX;IACI,SDCS;;ECEb;IACI,O3EyFU;I2ExFV,Q3E4FW;I2E3FX,e3EuHiB;I2EtHjB;IACA,Y3EiCe;;E2E/Bf;IACI;;EAGJ;IxEZJ,SH+EW;IG9EX,gBHkFiB;IGjFjB,YHqFU;;E2EtEV;IACI,YDyDQ;ICxDR,QD4DY;IC3DZ,cDjBa;ICkBb,OD8De;;EC5Df;IACI,OD+DW;;EC5Df;IACI,OD2DW;;ECvDnB;IACI,YD0DW;ICzDX,QD6De;IC5Df,cDhCa;ICiCb,OD+DkB;;EC7DlB;IACI,ODgEc;;EC7DlB;IACI,OD4Dc;;ECxDtB;IACI,YD2DW;IC1DX,QD8De;IC7Df,cD/Ca;ICgDb,O3E5CI;;E2E8CJ;IACI,O3E/CA;;E2EkDJ;IACI,O3EnDA;;E2EuDR;IACI,YD4DS;IC3DT,QD+Da;IC9Db,cD9Da;IC+Db,ODiEgB;;EC/DhB;IACI,ODkEY;;EC/DhB;IACI,OD8DY;;EC1DpB;IACI,WDnEc;ICoEd,aDhEgB;;ECmEpB;IACI,WD5Ec;IC6Ed,c3E7BQ;;E2EgCZ;IACI,ODjFc;ICkFd,QDlFc;;ECqFlB;IACI;;EAGJ;IACI,a3E1CQ;;E4E9DhB;IACI,SFqEW;;EEnEX;IACI,QFkDM;IEjDN,YF6DM;IE5DN,e5E4BO;;E4E1BP;IACI,SFiDG;IEhDH,cFoDO;;EElDP;IACI,QFqCS;;EElCb;IACI,WF6BI;;EE1BR;IACI,OFyBI;IExBJ,QFwBI;;EErBR;IACI,aFgDO;;EE7CX;IACI,QFgDI;;EE5CZ;IACI,OFWQ;IEVR,QFUQ;IETR,e5E6Fa;I4E5Fb;IACA,Y5EOW;;E4ELX;IACI;;EAGJ;IzEtCR,SH+EW;IG9EX,gBHkFiB;IGjFjB,YHqFU;;E4E5CN;IACI,YF+BI;IE9BJ,QFkCQ;IEjCR,cF3CS;IE4CT,OFoCW;;EElCX;AAAA;IAEI,OFoCO;;EEhCf;IACI,YFmCO;IElCP,QFsCW;IErCX,cFvDS;IEwDT,OFwCc;;EEtCd;AAAA;IAEI,OFwCU;;EEpClB;IACI,YFuCO;IEtCP,QF0CW;IEzCX,cFnES;IEoET,O5EhEA;;E4EkEA;AAAA;IAEI,O5EpEJ;;E4EwEJ;IACI,YF2CK;IE1CL,QF8CS;IE7CT,cF/ES;IEgFT,OFgDY;;EE9CZ;AAAA;IAEI,OFgDQ;;EG7IpB;IACI,Q3C+BkB;I2C9BlB,Y3CsCc;I2CrCd,O3CyCiB;I2CxCjB,O3CoDiB;I2CnDjB,Q3CuDkB;I2CtDlB,Y7EuCe;I6EtCf,e3CyDwB;;E2CvDxB;IACI,W3C0BgB;;E2CtBhB;IACI,O3CqBY;I2CpBZ,Q3CoBY;;E2ChBpB;IACI,Y3C2Be;I2C1Bf,O3C8BkB;;E2C1B1B;IACI,Y3CyCkB;I2CxClB,O3C4CqB;I2C3CrB,O3C+DqB;I2C9DrB,Q3CkEsB;I2CjEtB,Y7Ece;I6Ebf,e7ECO;I6EAP,Q3C2CsB;;E2CzCtB;AAAA;IAEI,W3C2CoB;;E2CvCpB;IACI,O3CNY;I2COZ,Q3CPY;;E2CYhB;IACI,Y3CmCe;I2ClCf,O3CsCkB;;E2CjC9B;IACI,Y3CgDY;I2C/CZ,O3CmDmB;I2ClDnB,S3CsDiB;;E2CnDrB;IACI,S3CsDoB;;E2CnDhB;IACI,kB3CsDM;I2CrDN,O3CiES;I2ChET,Q3CoEU;I2CnEV,Y7ExBO;I6EyBP,e3C0DgB;;E2CxDhB;IACI,Y3CmDO;;E2C9CX;IACI,YjF/EL;IiFgFK,OjF7ED;;EiFqFX;IACI,c7E5BI;;E6EkCR;IACI,e7EnCI;;E6EwCR;IACI,Y3CsCiB;;E2CnCb;IACI,Y3CsCQ;;E2CpCR;IACI,Y3CuCS;;E2ClCb;IACI,YjFnHT;IiFoHS,OjFjHL;;EiFwHf;IACI,Y3C4BuB;I2C3BvB,S3C+B4B;;E2C7B5B;AAAA;IAEI,Q7EpEI;I6EqEJ,kB3C8BmB;I2C7BnB,O3CiCsB;I2ChCtB,O3CgDsB;I2C/CtB,Q3CmDuB;I2ClDvB,Y7EzFW;I6E0FX,e3CyC6B;;E2CvC7B;AAAA;IACI,Y3C8BoB;I2C7BpB,O3CiCuB;;E2C5B3B;I1E1IR,SH+EW;IG9EX,gBHkFiB;IGjFjB,YHqFU;;E6E0Dd;IACI;;ECzJJ;IACI;;EAGJ;IACI;IACA,O5C+LwB;I4C9LxB,Y9EuCmB;;E8ElCf;IACI,kB5C4La;;E4CvLzB;IACI,S5C8KwB;;E4C3K5B;IACI,O5C0LyB;I4CzLzB,kB5CqLsB;I4CpLtB,O5CoMyB;I4CnMzB,Q5CuM0B;I4CtM1B,e5C8MgC;I4C7MhC,Y9EkBmB;I8EjBnB,c9EiCY;;E8E/BZ;IACI;;EAGJ;IACI,O5CqL0B;I4CpL1B,kB5CgLuB;;E4C7K3B;IACI,W5C4LwB;;E4CzL5B;IACI,O5CwLwB;I4CvLxB,Q5CuLwB;;E6CrOhC;IACI,kB1E6DM;I0E5DN,e/EgCW;;E+E9BX;IACI;IACA;IACA;;EAEA;IACI;;EAIR;IACI;IACA;IACA;;EAEA;IACI;;EAMR;IACI;;EC3BR;IACI;IACA,OpFEe;IoFDf,W3E+BY;I2E9BZ,a3E0Bc;I2EzBd,W3EiBY;I2EhBZ,Q3EoBU;I2EnBV,a3EmBU;;E2EjBV;IACI,kBlEwEY;IkEvEZ,OlE2EmB;;EkExEvB;IACI,kBlEmJU;IkElJV,OlEsJiB;;EkEnJrB;IACI,kBlEsGO;IkErGP,OlEyGc;;EkEtGlB;IACI,kBlEiLU;IkEhLV,OhFZI;;EgFeR;IACI,kBlE4PS;IkE3PT,OlE+PgB;;EkE5PpB;IACI;IACA;IACA;IACA;;EAGJ;IACI;IACA;IACA;IACA;;EC3CR;IACI,kB5EmEI;I4ElEJ,OjFUQ;IiFTR,e5EyEc;I4ExEd;;EAEA;IACI;IACA;IACA;;EAGJ;IACI,cjF+CQ;;EiF5CZ;IACI,ajF2CQ;;EiFxCZ;IACI;IACA;IACA;IACA,cjFoCQ;;EiFjCZ;IACI,ejFIO;IiFHP,YjFee;;EiFbf;I9E1BJ,SH+EW;IG9EX,gBHkFiB;IGjFjB,YHqFU;;EiFzDN;IACI;;ECrCR;IACI;IACA,elF+BO;IkF9BP,YlFsCgB;;EkFpChB;IACI,Y7EDK;I6EEL,OlFMA;;EkFHJ;I/EJJ,SH+EW;IG9EX,gBHkFiB;IGjFjB,YHqFU;;EmF9Fd;IACI,Q9E6CgB;I8E5ChB,Q9EwCgB;I8EvChB,Y9E+CY;I8E9CZ,enF8BW;;EmF5BX;IACI;IACA;IACA,YvFRO;;EuFWX;IACI,OvFTW;IuFUX,a9E4BY;;E+E1CpB;IACI,O/EiGY;I+EhGZ,Q/EoGa;I+EnGb,e/EuGmB;I+EtGnB,YrF2JiB;IqF1JjB,YpFyCmB;;EoFvCnB;IACI,Y/EkFK;;E+EhFL;IACI,Y/EmFM;;E+E/Ed;IACI,W/E8FW;I+E7FX,O/EiGY;;E+E9FhB;IACI,O/EyFW;I+ExFX,Q/EwFW;;EgF9GnB;IACI,kBhFqHQ;IgFpHR,erFgCW;;EqF9BX;IACI;;ECHR;IACI,Y1FFW;I0FGX;IACA,WjF6BY;IiF5BZ,ajFwBc;IiFvBd,SjF+BS;IiF9BT,etF0BW;;EsFxBX;IACI,kBxEuJU;IwEtJV,OxE0JiB;;EwEvJrB;IACI,kBxE0GO;IwEzGP,OxE6Gc;;EwE1GlB;IACI,kBxEqLU;IwEpLV,OtFRI;;EsFWR;IACI,kBxEgQS;IwE/PT,OxEmQgB;;EwEhQpB;IACI;IACA,WjFEQ;;EiFCZ;IACI,OjFFQ;IiFGR,QjFHQ;;EkFlChB;IACC,YjEiDgB;IiEhDhB,OvFYW;IuFXX,QjE2CoB;IiE1CpB,SjE0DqB;;EiExDrB;IACO;IACN;IACA,WxFCkB;;;AyFVpB","file":"theme.css"} \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/mytheme/theme.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/mytheme/theme.scss new file mode 100644 index 000000000..c844e9ad3 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/mytheme/theme.scss @@ -0,0 +1,4 @@ +@import './variables'; +@import './_fonts'; +@import '../../theme-base/_components'; +@import './_extensions'; \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/mytheme/variables/_button.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/mytheme/variables/_button.scss new file mode 100644 index 000000000..b78415597 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/mytheme/variables/_button.scss @@ -0,0 +1,435 @@ +/// Padding of a button, must be defined with a shorthand for vertical and horizontal values e.g. ".5rem .5rem" +/// @group button +$buttonPadding: .5rem 1rem; + +/// Width of a button having an icon with no label +/// @group button +$buttonIconOnlyWidth: 2.357rem; + +/// Padding of a button having an icon with no label +/// @group button +$buttonIconOnlyPadding: .5rem 0; + +/// Background of a button +/// @group button +$buttonBg: $primaryColor; + +/// Text color of a button +/// @group button +$buttonTextColor: $primaryTextColor; + +/// Border of a button +/// @group button +$buttonBorder: 1px solid $primaryColor; + +/// Background of a button in hover state +/// @group button +$buttonHoverBg: $primaryDarkColor; + +/// Text color of a button in hover state +/// @group button +$buttonTextHoverColor: $primaryTextColor; + +/// Border color of a button in hover state +/// @group button +$buttonHoverBorderColor: $primaryDarkColor; + +/// Background of a button in pressed state +/// @group button +$buttonActiveBg: $primaryDarkerColor; + +/// Color of a button in pressed state +/// @group button +$buttonTextActiveColor: $primaryTextColor; + +/// Border color of a button in pressed state +/// @group button +$buttonActiveBorderColor: $primaryDarkerColor; + +/// Shadow of a raised button +/// @group button +$raisedButtonShadow: 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); + +/// Border radius of a rounded button +/// @group button +$roundedButtonBorderRadius: 2rem; + +/// Alpha level of a text button background in hover state +/// @group button +$textButtonHoverBgOpacity:.04; + +/// Alpha level of a text button background in active state +/// @group button +$textButtonActiveBgOpacity:.16; + +/// Border style of a outlined button +/// @group button +$outlinedButtonBorder:1px solid; + +/// Text color of a plain text button +/// @group button +$plainButtonTextColor:#6c757d; + +/// Background color of a plain text button in hover state +/// @group button +$plainButtonHoverBgColor:#e9ecef; + +/// Background color of a plain text button in active state +/// @group button +$plainButtonActiveBgColor:#dee2e6; + +/// Background of a secondary button +/// @group button +$secondaryButtonBg: #607D8B; + +/// Text color of a secondary button +/// @group button +$secondaryButtonTextColor: #ffffff; + +/// Border of a secondary button +/// @group button +$secondaryButtonBorder: 1px solid #607D8B; + +/// Background of a secondary button in hover state +/// @group button +$secondaryButtonHoverBg: #546E7A; + +/// Text color of a secondary button in hover state +/// @group button +$secondaryButtonTextHoverColor: #ffffff; + +/// Border color of a secondary button in hover state +/// @group button +$secondaryButtonHoverBorderColor: #546E7A; + +/// Background of a secondary button in pressed state +/// @group button +$secondaryButtonActiveBg: #455A64; + +/// Text color of a secondary button in pressed state +/// @group button +$secondaryButtonTextActiveColor: #ffffff; + +/// Border color of a secondary button in pressed state +/// @group button +$secondaryButtonActiveBorderColor: #455A64; + +/// Box shadow of a secondary button in focused state +/// @group button +$secondaryButtonFocusShadow: 0 0 0 0.2rem #B0BEC5; + +/// Background of an info button +/// @group button +$infoButtonBg: #03A9F4; + +/// Text color of an info button +/// @group button +$infoButtonTextColor: #ffffff; + +/// Border of an info button +/// @group button +$infoButtonBorder: 1px solid #03A9F4; + +/// Background of an info button in hover state +/// @group button +$infoButtonHoverBg: #039BE5; + +/// Text color of an info button in hover state +/// @group button +$infoButtonTextHoverColor: #ffffff; + +/// Border color of an info button in hover state +/// @group button +$infoButtonHoverBorderColor: #039BE5; + +/// Background of an info button in pressed state +/// @group button +$infoButtonActiveBg: #0288D1; + +/// Text color of an info button in pressed state +/// @group button +$infoButtonTextActiveColor: #ffffff; + +/// Border color of an info button in pressed state +/// @group button +$infoButtonActiveBorderColor: #0288D1; + +/// Box shadow of an info button in focused state +/// @group button +$infoButtonFocusShadow: 0 0 0 0.2rem lighten($infoButtonBg, 35%); + +/// Background of a success button +/// @group button +$successButtonBg: #4CAF50; + +/// Text color of a success button +/// @group button +$successButtonTextColor: #ffffff; + +/// Border of a success button +/// @group button +$successButtonBorder: 1px solid #4CAF50; + +/// Background of a success button in hover state +/// @group button +$successButtonHoverBg: #43A047; + +/// Text color of a success button in hover state +/// @group button +$successButtonTextHoverColor: #ffffff; + +/// Border color of a success button in hover state +/// @group button +$successButtonHoverBorderColor: #43A047; + +/// Background of a success button in pressed state +/// @group button +$successButtonActiveBg: #388E3C; + +/// Text Color of a success button in pressed state +/// @group button +$successButtonTextActiveColor: #ffffff; + +/// Border color of a success button in pressed state +/// @group button +$successButtonActiveBorderColor: #388E3C; + +/// Box shadow of a success button in focused state +/// @group button +$successButtonFocusShadow: 0 0 0 0.2rem lighten($successButtonBg, 35%); + +/// Background of a warning button +/// @group button +$warningButtonBg: #FFC107; + +/// Text color of a warning button +/// @group button +$warningButtonTextColor: $textColor; + +/// Border of a warning button +/// @group button +$warningButtonBorder: 1px solid #FFC107; + +/// Background of a warning button in hover state +/// @group button +$warningButtonHoverBg: #FFB300; + +/// Text color of a warning button in hover state +/// @group button +$warningButtonTextHoverColor: $textColor; + +/// Border color of a warning button in hover state +/// @group button +$warningButtonHoverBorderColor: #FFB300; + +/// Background of a warning button in pressed state +/// @group button +$warningButtonActiveBg: #FFA000; + +/// Text color of a warning button in pressed state +/// @group button +$warningButtonTextActiveColor: $textColor; + +/// Border color of a warning button in pressed state +/// @group button +$warningButtonActiveBorderColor: #FFA000; + +/// Box shadow of a warning button in focused state +/// @group button +$warningButtonFocusShadow: 0 0 0 0.2rem lighten($warningButtonBg, 35%); + +/// Background of a help button +/// @group button +$helpButtonBg:#9C27B0; + +/// Text color of a help button +/// @group button +$helpButtonTextColor:#ffffff; + +/// Border of a help button +/// @group button +$helpButtonBorder:1px solid #9C27B0; + +/// Background of a help help in hover state +/// @group button +$helpButtonHoverBg:#8E24AA; + +/// Text color of a help button in hover state +/// @group button +$helpButtonTextHoverColor:#ffffff; + +/// Border color of a help button in hover state +/// @group button +$helpButtonHoverBorderColor:#8E24AA; + +/// Background of a help button in pressed state +/// @group button +$helpButtonActiveBg:#7B1FA2; + +/// Text color of a help button in pressed state +/// @group button +$helpButtonTextActiveColor:#ffffff; + +/// Border color of a help button in pressed state +/// @group button +$helpButtonActiveBorderColor:#7B1FA2; + +/// Box shadow of a help button in focused state +/// @group button +$helpButtonFocusShadow:0 0 0 0.2rem #CE93D8; + +/// Background of a danger button +/// @group button +$dangerButtonBg: #f44336; + +/// Text color of a danger button +/// @group button +$dangerButtonTextColor: #ffffff; + +/// Border of a danger button +/// @group button +$dangerButtonBorder: 1px solid #f44336; + +/// Background of a danger button in hover state +/// @group button +$dangerButtonHoverBg: #e53935; + +/// Text color of a danger button in hover state +/// @group button +$dangerButtonTextHoverColor: #ffffff; + +/// Border color of a danger button in hover state +/// @group button +$dangerButtonHoverBorderColor: #e53935; + +/// Background of a danger button in pressed state +/// @group button +$dangerButtonActiveBg: #d32f2f; + +/// Text color of a danger button in pressed state +/// @group button +$dangerButtonTextActiveColor: #ffffff; + +/// Border color of a danger button in pressed state +/// @group button +$dangerButtonActiveBorderColor: #d32f2f; + +/// Box shadow of a danger button in focused state +/// @group button +$dangerButtonFocusShadow: 0 0 0 0.2rem lighten($dangerButtonBg, 35%); + +/// Text color of a link button +/// @group button +$linkButtonColor:$primaryDarkerColor; + +/// Text color of a link button in hover state +/// @group button +$linkButtonHoverColor:$primaryDarkerColor; + +/// Text decoration of a link button in hover state +/// @group button +$linkButtonTextHoverDecoration:underline; + +/// Box shadow of a link button in focused state +/// @group button +$linkButtonFocusShadow: 0 0 0 0.2rem $focusOutlineColor; + +/// Background of a toggle button +/// @group button +$toggleButtonBg: #ffffff; + +/// Border of a toggle button +/// @group button +$toggleButtonBorder: 1px solid #ced4da; + +/// Text color of a toggle button +/// @group button +$toggleButtonTextColor: $textColor; + +/// Icon color of a toggle button +/// @group button +$toggleButtonIconColor: $textSecondaryColor; + +/// Background of a toggle button in hover state +/// @group button +$toggleButtonHoverBg: #e9ecef; + +/// Border color of a toggle button in hover state +/// @group button +$toggleButtonHoverBorderColor: #ced4da; + +/// Text color of a toggle button in hover state +/// @group button +$toggleButtonTextHoverColor: $textColor; + +/// Icon color of a toggle button in hover state +/// @group button +$toggleButtonIconHoverColor: $textSecondaryColor; + +/// Background of a toggle button in selected state +/// @group button +$toggleButtonActiveBg: $primaryColor; + +/// Border color of a toggle button in selected state +/// @group button +$toggleButtonActiveBorderColor: $primaryColor; + +/// Text color of a toggle button in selected state +/// @group button +$toggleButtonTextActiveColor: $primaryTextColor; + +/// Icon color of a toggle button in selected state +/// @group button +$toggleButtonIconActiveColor: $primaryTextColor; + +/// Hover background of a toggle button in selected state +/// @group button +$toggleButtonActiveHoverBg: $primaryDarkColor; + +/// Hover border color of a toggle button in selected state +/// @group button +$toggleButtonActiveHoverBorderColor: $primaryDarkColor; + +/// Hover text color of a toggle button in selected state +/// @group button +$toggleButtonTextActiveHoverColor: $primaryTextColor; + +/// Hover icon of a toggle button in selected state +/// @group button +$toggleButtonIconActiveHoverColor: $primaryTextColor; + +/// Width of a floating action button on speed dial +/// @group button +$speedDialButtonWidth: 4rem; + +/// Height of a floating action button on speed dial +/// @group button +$speedDialButtonHeight: 4rem; + +/// Font Size of a floating action button on speed dial +/// @group button +$speedDialButtonIconFontSize: 1.3rem; + +/// Width of any action button on speed dial +/// @group button +$speedDialActionWidth: 3rem; + +/// Height of any action button on speed dial +/// @group button +$speedDialActionHeight: 3rem; + +/// Background color of any action button on speed dial +/// @group button +$speedDialActionBg: #495057; + +/// Background color of any action button on speed dial in hover state +/// @group button +$speedDialActionHoverBg: #343a40; + +/// Color of any action button on speed dial +/// @group button +$speedDialActionTextColor: #fff; + +/// Color of any action button on speed dial in hover state +/// @group button +$speedDialActionTextHoverColor: #fff; diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/mytheme/variables/_data.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/mytheme/variables/_data.scss new file mode 100644 index 000000000..3275ca0f9 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/mytheme/variables/_data.scss @@ -0,0 +1,330 @@ +/// Background of a paginator +/// @group data +$paginatorBg: #ffffff; + +/// Text color of a paginator +/// @group data +$paginatorTextColor: $textSecondaryColor; + +/// Border of a paginator +/// @group data +$paginatorBorder: solid #e9ecef; + +/// Border width of a paginator +/// @group data +$paginatorBorderWidth: 0; + +/// Padding of a paginator +/// @group data +$paginatorPadding: 0.5rem 1rem; + +/// Width of a paginator element +/// @group data +$paginatorElementWidth: $buttonIconOnlyWidth; + +/// Height of a paginator element +/// @group data +$paginatorElementHeight: $buttonIconOnlyWidth; + +/// Background of a paginator element +/// @group data +$paginatorElementBg: transparent; + +/// Border of a paginator element +/// @group data +$paginatorElementBorder: 0 none; + +/// Icon color of a paginator element +/// @group data +$paginatorElementIconColor: $textSecondaryColor; + +/// Background of a paginator element in hover state +/// @group data +$paginatorElementHoverBg: #e9ecef; + +/// Border color of a paginator element in hover state +/// @group data +$paginatorElementHoverBorderColor: transparent; + +/// Icon color of a paginator element in hover state +/// @group data +$paginatorElementIconHoverColor: $textSecondaryColor; + +/// Border radius of a paginator element +/// @group data +$paginatorElementBorderRadius: $borderRadius; + +/// Margin of a paginator element +/// @group data +$paginatorElementMargin: 0.143rem; + +/// Padding of a paginator element +/// @group data +$paginatorElementPadding: 0; + +/// Border of a table header +/// @group data +$tableHeaderBorder: 1px solid #e9ecef; + +/// Border width of a table header +/// @group data +$tableHeaderBorderWidth: 0 0 1px 0; + +/// Background of a table header +/// @group data +$tableHeaderBg: #f8f9fa; + +/// Text color of a table header +/// @group data +$tableHeaderTextColor: $textColor; + +/// Font weight of a table header +/// @group data +$tableHeaderFontWeight: 600; + +/// Padding of a table header, must be defined with a shorthand for vertical and horizontal values e.g. ".5rem .5rem" +/// @group data +$tableHeaderPadding: 1rem 1rem; + +/// Padding of a table header cell, must be defined with a shorthand for vertical and horizontal values e.g. ".5rem .5rem" +/// @group data +$tableHeaderCellPadding: 1rem 1rem; + +/// Background of a table header cell +/// @group data +$tableHeaderCellBg: #f8f9fa; + +/// Text color of a table header cell +/// @group data +$tableHeaderCellTextColor: $textColor; + +/// Font weight of a table header cell +/// @group data +$tableHeaderCellFontWeight: 600; + +/// Border of a table header cell +/// @group data +$tableHeaderCellBorder: 1px solid #e9ecef; + +/// Border width of a table header cell +/// @group data +$tableHeaderCellBorderWidth: 0 0 1px 0; + +/// Background of a table header cell in hover state +/// @group data +$tableHeaderCellHoverBg: #e9ecef; + +/// Text color of a table header cell in hover state +/// @group data +$tableHeaderCellTextHoverColor: $textColor; + +/// Icon color of a table header cell +/// @group data +$tableHeaderCellIconColor: $textSecondaryColor; + +/// Icon color of a table header cell in hover state +/// @group data +$tableHeaderCellIconHoverColor: $textSecondaryColor; + +/// Background of a table header cell in sorted state +/// @group data +$tableHeaderCellHighlightBg: #f8f9fa; + +/// Text color of a table header cell in sorted state +/// @group data +$tableHeaderCellHighlightTextColor: $primaryColor; + +/// Hover background of a table header cell in sorted state +/// @group data +$tableHeaderCellHighlightHoverBg: #e9ecef; + +/// Hover text color of a table header cell in sorted state +/// @group data +$tableHeaderCellHighlightTextHoverColor: $primaryColor; + +/// Size of a multiple column sorting order indicator +/// @group data +$tableSortableColumnBadgeSize: 1.143rem; + +/// Background of a table body row +/// @group data +$tableBodyRowBg: #ffffff; + +/// Text color of a table body row +/// @group data +$tableBodyRowTextColor: $textColor; + +/// Background of an even table body row +/// @group data +$tableBodyRowEvenBg: #ffffff; + +/// Background of a table body row in hover state +/// @group data +$tableBodyRowHoverBg: #e9ecef; + +/// Text color of a table body row in hover state +/// @group data +$tableBodyRowTextHoverColor: $textColor; + +/// Border for a cell of a table toby row +/// @group data +$tableBodyCellBorder: 1px solid rgba(0, 0, 0, 0.08); + +/// Border width for a cell of a table toby row +/// @group data +$tableBodyCellBorderWidth: 0 0 1px 0; + +/// Padding for a cell of a table toby row, must be defined with a shorthand for vertical and horizontal values e.g. ".5rem .5rem" +/// @group data +$tableBodyCellPadding: 1rem 1rem; + +/// Padding of a table footer cell, must be defined with a shorthand for vertical and horizontal values e.g. ".5rem .5rem" +/// @group data +$tableFooterCellPadding: 1rem 1rem; + +/// Background of a table footer cell +/// @group data +$tableFooterCellBg: #f8f9fa; + +/// Text color of a table footer cell +/// @group data +$tableFooterCellTextColor: $textColor; + +/// Font weight of a table footer cell +/// @group data +$tableFooterCellFontWeight: 600; + +/// Border of a table footer cell +/// @group data + +/// Border of a table footer cell +/// @group data +$tableFooterCellBorder: 1px solid #e9ecef; + +/// Border width of a table footer cell +/// @group data +$tableFooterCellBorderWidth: 0 0 1px 0; + +/// Backgground of a table column resize indicator bar +/// @group data +$tableResizerHelperBg: $primaryColor; + +/// Border of a table footer +/// @group data +$tableFooterBorder: 1px solid #e9ecef; + +/// Border width of a table footer +/// @group data +$tableFooterBorderWidth: 0 0 1px 0; + +/// Background of a table footer +/// @group data +$tableFooterBg: #f8f9fa; + +/// Text color of a table footer +/// @group data +$tableFooterTextColor: $textColor; + +/// Font weight of a table footer +/// @group data +$tableFooterFontWeight: 600; + +/// Padding of a table footer, must be defined with a shorthand for vertical and horizontal values e.g. ".5rem .5rem" +/// @group data +$tableFooterPadding: 1rem 1rem; + +/// Content alignment of a table cell +/// @group data +$tableCellContentAlignment: left; + +/// Border width of a table paginator positioned at top +/// @group data +$tableTopPaginatorBorderWidth: 1px 0 1px 0; + +/// Border width of a table paginator positioned at bottom +/// @group data +$tableBottomPaginatorBorderWidth: 0 0 1px 0; + +/// Scale factor of a small datatable +/// @group data +$tableScaleSM: 0.5; + +/// Scale factor of a large datatable +/// @group data +$tableScaleLG: 1.25; + +/// Padding for content section of a dataview +/// @group data +$dataViewContentPadding: 0; + +/// Border for content section of a dataview +/// @group data +$dataViewContentBorder: 0 none; + +/// Breakpoint of orderlist to alternate between horizontal and vertical layout +/// @group data +$orderListBreakpoint: 769px; + +/// Breakpoint of picklist to alternate between horizontal and vertical layout +/// @group data +$pickListBreakpoint: 769px; + +/// Padding of a tree +/// @group data +$treeContainerPadding: 0.286rem; + +/// Padding of a tree node +/// @group data +$treeNodePadding: 0.143rem; + +/// Padding of a tree node content consists of toggler, icon and label +/// @group data +$treeNodeContentPadding: 0.5rem; + +/// Padding of a tree node children container +/// @group data +$treeNodeChildrenPadding: 0 0 0 1rem; + +/// Color of a treenode data icon, $dataActionIconColor for the toggler element +/// @group data +$treeNodeIconColor: $textSecondaryColor; + +/// Padding of a vertical timeline content element +/// @group data +$timelineVerticalEventContentPadding: 0 1rem; + +/// Padding of a horizontal timeline content element +/// @group data +$timelineHorizontalEventContentPadding: 1rem 0; + +/// Width of a timeline marker +/// @group data +$timelineEventMarkerWidth: 1rem; + +/// Height of a timeline marker +/// @group data +$timelineEventMarkerHeight: 1rem; + +/// Border radius of a timeline marker +/// @group data +$timelineEventMarkerBorderRadius: 50%; + +/// Border of a timeline marker +/// @group data +$timelineEventMarkerBorder: 2px solid $highlightBg; + +/// Background of a timeline marker +/// @group data +$timelineEventMarkerBackground: $highlightTextColor; + +/// Size of a timeline connector +/// @group data +$timelineEventConnectorSize: 2px; + +/// Color of a timeline event +/// @group data +$timelineEventColor: #dee2e6; + +/// Color of a line to connect to organization chart nodes +/// @group data +$organizationChartConnectorColor: #dee2e6; diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/mytheme/variables/_form.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/mytheme/variables/_form.scss new file mode 100644 index 000000000..9a6ca6a32 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/mytheme/variables/_form.scss @@ -0,0 +1,564 @@ +/// Padding of an input field, must be defined with a shorthand for vertical and horizontal values e.g. ".5rem .5rem" +/// @group form +$inputPadding: .5rem .5rem; + +/// Background of an input field +/// @group form +$inputBg: #ffffff; + +/// Font size of an input field +/// @group form +$inputTextFontSize: 1rem; + +/// Text color of an input field +/// @group form +$inputTextColor: $textColor; + +/// Color of an icon inside an input field +/// @group form +$inputIconColor: $textColor; + +/// Border of an input field +/// @group form +$inputBorder: 1px solid #ced4da; + +/// Border of an input field in hover state +/// @group form +$inputHoverBorderColor: $primaryColor; + +/// Border of an input field in focus state +/// @group form +$inputFocusBorderColor: $primaryColor; + +/// Color of an input field in invalid state +/// @group form +$inputErrorBorderColor: #ced4da #ced4da #ced4da $errorColor; + +/// Text color of a placeholder +/// @group form +$inputPlaceholderTextColor: #6c757d; + +/// Background of a filled input +/// @group form +$inputFilledBg:#f8f9fa; + +/// Background of a filled input in hover state +/// @group form +$inputFilledHoverBg:#f8f9fa; + +/// Background of a filled input in focus state +/// @group form +$inputFilledFocusBg:#f8f9fa; + +/// Backgroud color of an input group addon +/// @group form +$inputGroupBg: #e9ecef; + +/// Text color of an input group addon +/// @group form +$inputGroupTextColor: $textSecondaryColor; + +/// Minimum width of an input group addon +/// @group form +$inputGroupAddOnMinWidth: 2.357rem; + +/// Background of an input list such as dropdown, listbox, multiselect +/// @group form +$inputListBg: #ffffff; + +/// Text color of an input list +/// @group form +$inputListTextColor: $textColor; + +/// Border of an input list +/// @group form +$inputListBorder: $inputBorder; + +/// Padding of an input list +/// @group form +$inputListPadding: .5rem 0; + +/// Padding for an individual itrem of an input list +/// @group form +$inputListItemPadding: .5rem 1rem; + +/// Background for an individual itrem of an input list +/// @group form +$inputListItemBg: transparent; + +/// Text color for an individual itrem of an input list +/// @group form +$inputListItemTextColor: $textColor; + +/// Hover state background for an individual itrem of an input list +/// @group form +$inputListItemHoverBg: #e9ecef; + +/// Hover state text color for an individual itrem of an input list +/// @group form +$inputListItemTextHoverColor: $textColor; + +/// Focus state background for an individual itrem of an input list +/// @group form +$inputListItemFocusBg: #f8f9fa; + +/// Focus state text color for an individual itrem of an input list +/// @group form +$inputListItemTextFocusColor: $textColor; + +/// Border for an individual itrem of an input list +/// @group form +$inputListItemBorder: 0 none; + +/// Border radius for an individual itrem of an input list +/// @group form +$inputListItemBorderRadius: 0; + +/// Margin for an individual itrem of an input list +/// @group form +$inputListItemMargin: 0; + +/// Box shadow for an individual itrem of an input list in focused state +/// @group form +$inputListItemFocusShadow: inset 0 0 0 0.15rem $focusOutlineColor; + +/// Padding for a header of an input list +/// @group form +$inputListHeaderPadding: .5rem 1rem; + +/// Margin for a header of an input list +/// @group form +$inputListHeaderMargin: 0; + +/// Background for a header of an input list +/// @group form +$inputListHeaderBg: #f8f9fa; + +/// Text color for a header of an input list +/// @group form +$inputListHeaderTextColor: $textColor; + +/// Border for a header of an input list +/// @group form +$inputListHeaderBorder: 0 none; + + +/// Background for an overlay of an input such as autocomplete or dropdown +/// @group form +$inputOverlayBg:$inputListBg; + +/// Background for an overlay header of an input such as autocomplete or dropdown +/// @group form +$inputOverlayHeaderBg:$inputListHeaderBg; + +/// Border for an overlay of an input such as autocomplete or dropdown +/// @group form +$inputOverlayBorder: 0 none; + +/// Shadow for an overlay of an input such as autocomplete or dropdown +/// @group form +$inputOverlayShadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1); + +/// Width of a checkbox +/// @group form +$checkboxWidth: 20px; + +/// Height of a checkbox +/// @group form +$checkboxHeight: 20px; + +/// Border of a checkbox +/// @group form +$checkboxBorder: 2px solid #ced4da; + +/// Size of a checkbox icon +/// @group form +$checkboxIconFontSize: 14px; + +/// Border color of a selected checkbox +/// @group form +$checkboxActiveBorderColor: $primaryColor; + +/// Background of a selected checkbox +/// @group form +$checkboxActiveBg: $primaryColor; + +/// Icon color of a selected checkbox +/// @group form +$checkboxIconActiveColor: $primaryTextColor; + +/// Background of a selected checkbox in hover state +/// @group form +$checkboxActiveHoverBg: $primaryDarkerColor; + +/// Icon color of a selected checkbox in hover state +/// @group form +$checkboxIconActiveHoverColor: $primaryTextColor; + +/// Border color of a selected checkbox in hover state +/// @group form +$checkboxActiveHoverBorderColor: $primaryDarkerColor; + +/// Width of a radiobutton +/// @group form +$radiobuttonWidth: 20px; + +/// Height of a radiobutton +/// @group form +$radiobuttonHeight: 20px; + +/// Border of a radiobutton +/// @group form +$radiobuttonBorder: 2px solid #ced4da; + +/// Font size of a radiobutton icon +/// @group form +$radiobuttonIconSize: 12px; + +/// Border color of a selected radiobutton +/// @group form +$radiobuttonActiveBorderColor: $primaryColor; + +/// Background of a selected radiobutton +/// @group form +$radiobuttonActiveBg: $primaryColor; + +/// Icon color of a selected radiobutton +/// @group form +$radiobuttonIconActiveColor: $primaryTextColor; + +/// Background of a selected radiobutton in hover state +/// @group form +$radiobuttonActiveHoverBg: $primaryDarkerColor; + +/// Icon color of a selected radiobutton in hover state +/// @group form +$radiobuttonIconActiveHoverColor: $primaryTextColor; + +/// Border color of a selected radiobutton in hover state +/// @group form +$radiobuttonActiveHoverBorderColor: $primaryDarkerColor; + +/// Width of a color picker preview element +/// @group form +$colorPickerPreviewWidth: 2rem; + +/// Height of a color picker preview element +/// @group form +$colorPickerPreviewHeight: 2rem; + +/// Background of a color picker +/// @group form +$colorPickerBg: #323232; + +/// Border color of a color picker +/// @group form +$colorPickerBorder:1px solid #191919; + +/// Handle color of a color picker +/// @group form +$colorPickerHandleColor: #ffffff; + +/// Font size of a rating icon +/// @group form +$ratingIconFontSize: 1.143rem; + +/// Icon color for the cancel icon of a rating +/// @group form +$ratingCancelIconColor: #e74c3c; + +/// Hover icon color for the cancel icon of a rating +/// @group form +$ratingCancelIconHoverColor: #c0392b; + +/// Icon color for the star icon of a rating in unselected state +/// @group form +$ratingStarIconOffColor: $textColor; + +/// Icon color for the star icon of a rating in selected state +/// @group form +$ratingStarIconOnColor: $primaryColor; + +/// Icon color for the star icon of a rating in hover state +/// @group form +$ratingStarIconHoverColor: $primaryColor; + +/// Background of a slider +/// @group form +$sliderBg: #dee2e6; + +/// Border of a slider +/// @group form +$sliderBorder: 0 none; + +/// Height of a horizontal slider +/// @group form +$sliderHorizontalHeight: .286rem; + +/// Width of a vertical slider +/// @group form +$sliderVerticalWidth: 0.286rem; + +/// Width of a slider handle +/// @group form +$sliderHandleWidth: 1.143rem; + +/// Height of a slider handle +/// @group form +$sliderHandleHeight: 1.143rem; + +/// Background of a slider handle +/// @group form +$sliderHandleBg: #ffffff; + +/// Border of a slider handle +/// @group form +$sliderHandleBorder: 2px solid $primaryColor; + +/// Border radius of a slider handle +/// @group form +$sliderHandleBorderRadius: 50%; + +/// Border of a slider handle in hover state +/// @group form +$sliderHandleHoverBorderColor: $primaryColor; + +/// Background of a slider handle in hover state +/// @group form +$sliderHandleHoverBg: $primaryColor; + +/// Background color of a range slider +/// @group form +$sliderRangeBg: $primaryColor; + +/// Margin of a calendar table +/// @group form +$calendarTableMargin: .5rem 0; + +/// Margin of a calendar +/// @group form +$calendarPadding: .5rem; + +/// Background of a calendar +/// @group form +$calendarBg:#ffffff; + +/// Background of an inlime calendar +/// @group form +$calendarInlineBg:$calendarBg; + +/// Text color of a calendar +/// @group form +$calendarTextColor: $textColor; + +/// Border of an inline calendar +/// @group form +$calendarBorder: $inputListBorder; + +/// Border of an overlay calendar +/// @group form +$calendarOverlayBorder: $inputOverlayBorder; + +/// Padding of a calendar header +/// @group form +$calendarHeaderPadding: .5rem; + +/// Background of a calendar header +/// @group form +$calendarHeaderBg: #ffffff; + +/// Background of an inline calendar header +/// @group form +$calendarInlineHeaderBg:$calendarBg; + +/// Border of a calendar header +/// @group form +$calendarHeaderBorder: 1px solid #dee2e6; + +/// Text color of a calendar header +/// @group form +$calendarHeaderTextColor: $textColor; + +/// Font weight of a calendar header +/// @group form +$calendarHeaderFontWeight: 600; + +/// Padding of a calendar weekday cell +/// @group form +$calendarHeaderCellPadding: .5rem; + +/// Text color of current month and year text in hover state +/// @group form +$calendarMonthYearHeaderHoverTextColor: $primaryColor !default; + +/// Padding of a calendar date cell +/// @group form +$calendarCellDatePadding: .5rem; + +/// Width of a calendar date cell +/// @group form +$calendarCellDateWidth: 2.5rem; + +/// Height of a calendar date cell +/// @group form +$calendarCellDateHeight: 2.5rem; + +/// Border radius of a calendar date cell +/// @group form +$calendarCellDateBorderRadius: 50%; + +/// Border of a calendar date cell +/// @group form +$calendarCellDateBorder:1px solid transparent; + +/// Background of a calendar date cell in hover state +/// @group form +$calendarCellDateHoverBg: #e9ecef; + +/// Background of a calendar date cell indicating today +/// @group form +$calendarCellDateTodayBg: #ced4da; + +/// Border color of a calendar date cell indicating today +/// @group form +$calendarCellDateTodayBorderColor: transparent; + +/// Text color of a calendar date cell indicating today +/// @group form +$calendarCellDateTodayTextColor: $textColor; + +/// Padding of the calendar button bar +/// @group form +$calendarButtonBarPadding: 1rem 0; + +/// Padding of a time picker container of a calendar +/// @group form +$calendarTimePickerPadding: .5rem; + +/// Padding of a time picker element of a calendar +/// @group form +$calendarTimePickerElementPadding: 0 .429rem; + +/// Font size of a time picker element of a calendar +/// @group form +$calendarTimePickerTimeFontSize: 1.286rem; + +/// Breakpoint of calendar to apply styles for small screens like phones +/// @group form +$calendarBreakpoint: 769px; + +/// Padding of a calendar date cell on small screens like phones +/// @group form +$calendarCellDatePaddingSM: 0; + +/// Width of an inputswitch +/// @group form +$inputSwitchWidth: 3rem; + +/// Height of an inputswitch +/// @group form +$inputSwitchHeight: 1.75rem; + +/// Border radius of an inputswitch +/// @group form +$inputSwitchBorderRadius: 30px; + +/// Width of an inputswitch handle +/// @group form +$inputSwitchHandleWidth: 1.250rem; + +/// Height of an inputswitch handle +/// @group form +$inputSwitchHandleHeight: 1.250rem; + +/// Border radius of an inputswitch handle +/// @group form +$inputSwitchHandleBorderRadius: 50%; + +/// Padding of an inputswitch slider +/// @group form +$inputSwitchSliderPadding: .25rem; + +/// Background color of an inputswitch slider when unselected +/// @group form +$inputSwitchSliderOffBg: #ced4da; + +/// Background color of an inputswitch handle when unselected +/// @group form +$inputSwitchHandleOffBg: #ffffff; + +/// Hover background color of an inputswitch slider when unselected +/// @group form +$inputSwitchSliderOffHoverBg: #c3cad2; + +/// Background color of an inputswitch slider when selected +/// @group form +$inputSwitchSliderOnBg: $primaryColor; + +/// Hover background color of an inputswitch slider when selected +/// @group form +$inputSwitchSliderOnHoverBg: $primaryDarkColor; + +/// Background color of an inputswitch handle when selected +/// @group form +$inputSwitchHandleOnBg: #ffffff; + +/// Height for the progress bar of a fileupload +/// @group input +$fileUploadProgressBarHeight: .25rem; + +/// Padding of the fileupload content section +/// @group input +$fileUploadContentPadding: 2rem 1rem; + +/// +/// @group input +$fileUploadContentHoverBorder: 1px dashed #e9ecef !default; + +/// Background of an editor toolbar +/// @group input +$editorToolbarBg:#f8f9fa; + +/// Border of an editor toolbar +/// @group input +$editorToolbarBorder:1px solid #dee2e6; + +/// Padding of an editor toolbar +/// @group input +$editorToolbarPadding:1rem; + +/// Icon color of an editor toolbar +/// @group input +$editorToolbarIconColor:#6c757d; + +/// Icon color of an editor toolbar in hover state +/// @group input +$editorToolbarIconHoverColor:#495057; + +/// Icon color of an editor toolbar in active state +/// @group input +$editorIconActiveColor:$primaryColor; + +/// Border of an editor content +/// @group input +$editorContentBorder: 1px solid #dee2e6; + +/// Background of an editor content +/// @group input +$editorContentBg:#ffffff; + +/// Background of a password meter +/// @group form +$passwordMeterBg:#dee2e6; + +/// Background of a week password +/// @group form +$passwordWeakBg:#E53935; + +/// Background of a medium password +/// @group form +$passwordMediumBg:#FFB300; + +/// Background of a strong password +/// @group form +$passwordStrongBg:#43A047; diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/mytheme/variables/_general.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/mytheme/variables/_general.scss new file mode 100644 index 000000000..28ed54df7 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/mytheme/variables/_general.scss @@ -0,0 +1,139 @@ +/// Font of the theme +/// @group general +$fontFamily: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + +/// Size of the font +/// @group general +$fontSize: 1rem; + +/// Thickness of the texts +/// @group general +$fontWeight: normal; + +/// Primary text color +/// @group general +$textColor: #495057; + +/// Secondary text color +/// @group general +$textSecondaryColor: #6c757d; + +/// Background of a highlighted item +/// @group general +$highlightBg: $primaryColor; + +/// Text color of a highlighted item +/// @group general +$highlightTextColor: $primaryTextColor; + +/// Background of a highlighted item in focus state +/// @group general +$highlightFocusBg: rgba($primaryColor, .24) !default; + +/// Radius of the corners +/// @group general +$borderRadius: 3px; + +/// Duration of the property transitions +/// @group general +$transitionDuration: .2s; + +/// Properties of a form element transition +/// @group general +$formElementTransition: background-color $transitionDuration, color $transitionDuration, border-color $transitionDuration, box-shadow $transitionDuration; + +/// Properties of a action icon transition +/// @group general +$actionIconTransition: background-color $transitionDuration, color $transitionDuration, box-shadow $transitionDuration; + +/// Properties of a list item transition +/// @group general +$listItemTransition: background-color $transitionDuration, border-color $transitionDuration, box-shadow $transitionDuration; + +/// Size of the Icons +/// @group general +$primeIconFontSize: 1rem; + +/// Separator border +/// @group general +$divider: 1px solid #dee2e6; + +/// Space between two inline items +/// @group general +$inlineSpacing: .5rem; + +/// Opacity of the disabled elements +/// @group general +$disabledOpacity: .8; + +/// Background of the modal layer +/// @group general +$maskBg: rgba(0, 0, 0, 0.4); + +/// Font size of the loading icons +/// @group general +$loadingIconFontSize: 2rem; + +/// Color to use on an invalid element e.g. invalid input +/// @group general +$errorColor: #e4677e; + +/// Outline color of a focused element +/// @group general +$focusOutlineColor: #bfd1f6; + +/// Outline of a focused element +/// @group general +$focusOutline: 0 none; + +/// Outline offset of a focused element +/// @group general +$focusOutlineOffset: 0; + +/// Box shadow of a focused element +/// @group general +$focusShadow: 0 0 0 0.2rem $focusOutlineColor; + +/// Width of an action icon +/// @group general +$actionIconWidth: 2rem; + +/// Height of an action icon +/// @group general +$actionIconHeight: 2rem; + +/// Background of an action icon +/// @group general +$actionIconBg: transparent; + +/// Border of an action icon +/// @group general +$actionIconBorder: 0 none; + +/// Color of an action icon +/// @group general +$actionIconColor: $textSecondaryColor; + +/// Backgroun of an action icon in hover state +/// @group general +$actionIconHoverBg: #e9ecef; + +/// Border of an action icon in hover state +/// @group general +$actionIconHoverBorderColor: transparent; + +/// Color of an action icon in hover state +/// @group general +$actionIconHoverColor: $textColor; + +/// Border radius of an action icon +/// @group general +$actionIconBorderRadius: 50%; + +/// Scale factor of small component size +/// @group general +$scaleSM:0.875; + +/// Scale factor of small large size +/// @group general +$scaleLG:1.25; \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/mytheme/variables/_media.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/mytheme/variables/_media.scss new file mode 100644 index 000000000..9f617f985 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/mytheme/variables/_media.scss @@ -0,0 +1,234 @@ +/// Padding of a carousel indicators container +/// @group media +$carouselIndicatorsPadding: 1rem; + +/// Padding of a carousel indicator +/// @group media +$carouselIndicatorBg: #e9ecef; + +/// Padding of a carousel indicator in hover state +/// @group media +$carouselIndicatorHoverBg: #dee2e6; + +/// Border radius of a carousel indicator +/// @group media +$carouselIndicatorBorderRadius: 0; + +/// Width of a carousel indicator +/// @group media +$carouselIndicatorWidth: 2rem; + +/// Height of a carousel indicator +/// @group media +$carouselIndicatorHeight: .5rem; + +/// Background of a galleria modal +/// @group media + +/// Background of a galleria mask +/// @group media +$galleriaMaskBg: rgba(0,0,0,0.9); + +/// Margin of a galleria close icon +/// @group media +$galleriaCloseIconMargin: .5rem; + +/// Font size of a galleria close icon +/// @group media +$galleriaCloseIconFontSize: 2rem; + +/// Background of a galleria close icon +/// @group media +$galleriaCloseIconBg: transparent; + +/// Color of a galleria close icon +/// @group media +$galleriaCloseIconColor: #ebedef; + +/// Background of a galleria close icon in hover state +/// @group media +$galleriaCloseIconHoverBg: rgba(255,255,255,0.1); + +/// Color of a galleria close icon in hover state +/// @group media +$galleriaCloseIconHoverColor: #ebedef; + +/// Width of a galleria close icon +/// @group media +$galleriaCloseIconWidth: 4rem; + +/// Height of a galleria close icon +/// @group media +$galleriaCloseIconHeight: 4rem; + +/// Border radius of a galleria close icon +/// @group media +$galleriaCloseIconBorderRadius: 50%; + +/// Background of a galleria navigator item +/// @group media +$galleriaItemNavigatorBg: rgba(0,0,0,.2); + +/// Color of a galleria navigator item +/// @group media +$galleriaItemNavigatorColor: #aeb6bf; + +/// Margin of a galleria navigator item +/// @group media +$galleriaItemNavigatorMargin: .5rem 0; + +/// Font size of a galleria navigator item +/// @group media +$galleriaItemNavigatorFontSize: 2rem; + +/// Background of a galleria navigator item in hover state +/// @group media +$galleriaItemNavigatorHoverBg: rgba(0,0,0,.3); + +/// Color of a galleria navigator item in hover state +/// @group media +$galleriaItemNavigatorHoverColor: #ebedef; + +/// Width of a galleria navigator item +/// @group media +$galleriaItemNavigatorWidth: 4rem; + +/// Height of a galleria navigator item +/// @group media +$galleriaItemNavigatorHeight: 4rem; + +/// Border radius of a galleria navigator item +/// @group media +$galleriaItemNavigatorBorderRadius: $borderRadius; + +/// Background of a galleria caption +/// @group media +$galleriaCaptionBg: rgba(0,0,0,.5); + +/// Color of a galleria caption +/// @group media +$galleriaCaptionTextColor: #ebedef; + +/// Padding of a galleria caption +/// @group media +$galleriaCaptionPadding: 1rem; + +/// Padding of a galleria indicators container +/// @group media +$galleriaIndicatorsPadding: 1rem; + +/// Background of a galleria indicator +/// @group media +$galleriaIndicatorBg: #e9ecef; + +/// Background of a galleria indicator in hover state +/// @group media +$galleriaIndicatorHoverBg: #dee2e6; + +/// Border radius of a galleria indicator +/// @group media +$galleriaIndicatorBorderRadius: 50%; + +/// Width of a galleria indicator +/// @group media +$galleriaIndicatorWidth: 1rem; + +/// Height of a galleria indicator +/// @group media +$galleriaIndicatorHeight: 1rem; + +/// Background of a galleria indicator container when placed inside the viewport +/// @group media +$galleriaIndicatorsBgOnItem: rgba(0,0,0,.5); + +/// Background of a galleria indicator when placed inside the viewport +/// @group media +$galleriaIndicatorBgOnItem: rgba(255,255,255,.4); + +/// Background of a galleria indicator in hover state when placed inside the viewport +/// @group media +$galleriaIndicatorHoverBgOnItem: rgba(255,255,255,.6); + +/// Background of a galleria thumbnail container +/// @group media +$galleriaThumbnailContainerBg: rgba(0,0,0,.9); + +/// Padding of a galleria thumbnail container +/// @group media +$galleriaThumbnailContainerPadding: 1rem .25rem; + +/// Background of a galleria thumbnail navigator +/// @group media +$galleriaThumbnailNavigatorBg: transparent; + +/// Color of a galleria thumbnail navigator +/// @group media +$galleriaThumbnailNavigatorColor: #aeb6bf; + +/// Background of a galleria thumbnail navigator in hover state +/// @group media +$galleriaThumbnailNavigatorHoverBg: rgba(255,255,255,0.1); + +/// Color of a galleria thumbnail navigator in hover state +/// @group media +$galleriaThumbnailNavigatorHoverColor: #aeb6bf; + +/// Border radius of a galleria thumbnail navigator in hover state +/// @group media +$galleriaThumbnailNavigatorBorderRadius: 50%; + +/// Width of a galleria thumbnail navigator in hover state +/// @group media +$galleriaThumbnailNavigatorWidth: 2rem; + +/// Height of a galleria thumbnail navigator in hover state +/// @group media +$galleriaThumbnailNavigatorHeight: 2rem; + +/// Background of an image preview modal +/// @group media +$imageMaskBg:rgba(0,0,0,0.9) !default; + +/// Padding of image preview toolbar +/// @group media +$imagePreviewToolbarPadding:1rem !default; + +/// Text color of the image preview indicator +/// @group media +$imagePreviewIndicatorColor:#f8f9fa !default; + +/// Background of the image preview indicator +/// @group media +$imagePreviewIndicatorBg:rgba(0,0,0,0.5) !default; + +/// Background of an image action item +/// @group media +$imagePreviewActionIconBg:transparent !default; + +/// Text color of an image action item +/// @group media +$imagePreviewActionIconColor:#f8f9fa !default; + +/// Background of an image action item in hover state +/// @group media +$imagePreviewActionIconHoverBg:rgba(255,255,255,0.1) !default; + +/// Tect color of an image action item in hover state +/// @group media +$imagePreviewActionIconHoverColor:#f8f9fa !default; + +/// Width of an image action item +/// @group media +$imagePreviewActionIconWidth:3rem !default; + +/// Height of an image action item +/// @group media +$imagePreviewActionIconHeight:3rem !default; + +/// Font size of an image action item icon +/// @group media +$imagePreviewActionIconFontSize:1.5rem !default; + +/// Border radius of an image action item +/// @group media +$imagePreviewActionIconBorderRadius:50% !default; diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/mytheme/variables/_menu.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/mytheme/variables/_menu.scss new file mode 100644 index 000000000..2bbdceb5e --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/mytheme/variables/_menu.scss @@ -0,0 +1,291 @@ +/// Background of a steps item +/// @group menu +$stepsItemBg: #ffffff; + +/// Border of a steps item +/// @group menu +$stepsItemBorder: 1px solid #c8c8c8; + +/// Text color of a steps item +/// @group menu +$stepsItemTextColor: $textSecondaryColor; + +/// Width of a steps itrem number +/// @group menu +$stepsItemNumberWidth: 2rem; + +/// Height of a steps itrem number +/// @group menu +$stepsItemNumberHeight: 2rem; + +/// Font size of a steps itrem number +/// @group menu +$stepsItemNumberFontSize: 1.143rem; + +/// Color of a steps itrem number +/// @group menu +$stepsItemNumberColor: $textColor; + +/// Border radius of a steps itrem number +/// @group menu +$stepsItemNumberBorderRadius: 50%; + +/// Font weight of an active steps itrem number +/// @group menu +$stepsItemActiveFontWeight: 600; + +/// Width of a vertical menu such as tieredmenu or context menu +/// @group menu +$menuWidth: 12.5rem; + +/// Background of a menu +/// @group menu +$menuBg: #ffffff; + +/// Border of a menu +/// @group menu +$menuBorder: 1px solid #dee2e6; + +/// Text color of a menu +/// @group menu +$menuTextColor: $textColor; + +/// Padding of a menuitem +/// @group menu +$menuitemPadding: .75rem 1rem; + +/// Border radius of a menuitem +/// @group menu +$menuitemBorderRadius: 0; + +/// Text color of a menuitem +/// @group menu +$menuitemTextColor: $textColor; + +/// Icon color of a menuitem +/// @group menu +$menuitemIconColor: $textSecondaryColor; + +/// Text color of a menuitrem in hover state +/// @group menu +$menuitemTextHoverColor: $textColor; + +/// Icon color of a menuitrem in hover state +/// @group menu +$menuitemIconHoverColor: $textSecondaryColor; + +/// Background of a menuitrem in hover state +/// @group menu +$menuitemHoverBg: #e9ecef; + +/// Text color of a menuitem in focus state +/// @group menu +$menuitemTextFocusColor: $textColor; + +/// Icon color of a menuitem in focus state +/// @group menu +$menuitemIconFocusColor: $textColor; + +/// Background of a menuitem in focus state +/// @group menu +$menuitemFocusBg: #f8f9fa; + +/// Text color of a menuitrem in active state +/// @group menu +$menuitemTextActiveColor: $textColor; + +/// Icon color of a menuitrem in active state +/// @group menu +$menuitemIconActiveColor: $textSecondaryColor; + +/// Background of a menuitrem in active state +/// @group menu +$menuitemActiveBg: #e9ecef; + +/// Background of a menuitem in active and focus states +/// @group menu +$menuitemActiveFocusBg: #e9ecef; + +/// Font size of an icon indicating the itrem has a submenu +/// @group menu +$menuitemSubmenuIconFontSize: .875rem; + +/// Margin of a submenu header +/// @group menu +$submenuHeaderMargin: 0; + +/// Padding of a submenu header +/// @group menu +$submenuHeaderPadding: .75rem 1rem; + +/// Background of a submenu header +/// @group menu +$submenuHeaderBg: #ffffff; + +/// Text color of a submenu header +/// @group menu +$submenuHeaderTextColor: $textColor; + +/// Border radius of a submenu header +/// @group menu +$submenuHeaderBorderRadius: 0; + +/// Font weight of a submenu header +/// @group menu +$submenuHeaderFontWeight: 600; + +/// Background of an overlay menu +/// @group menu +$overlayMenuBg:$menuBg; + +/// Border of an overlay menu +/// @group menu +$overlayMenuBorder: 0 none; + +/// Box shadow of an overlay menu +/// @group menu +$overlayMenuShadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1); + +/// Padding of a vertical menu e.g. tieredmenu, contextmenu +/// @group menu +$verticalMenuPadding: .25rem 0; + +/// Margin of a vertical menuitem +/// @group menu +$verticalMenuitemMargin:0; + +/// Margin of a menuitrem separator +/// @group menu +$menuSeparatorMargin: .25rem 0; + +/// Padding of a breadcrumb +/// @group menu +$breadcrumbPadding: 1rem; + +/// Background of a breadcrumb +/// @group menu +$breadcrumbBg: $menuBg; + +/// Border of a breadcrumb +/// @group menu +$breadcrumbBorder: $menuBorder; + +/// Text color of a breadcrumb item +/// @group menu +$breadcrumbItemTextColor: $menuitemTextColor; + +/// Icon color of a breadcrumb item +/// @group menu +$breadcrumbItemIconColor: $menuitemIconColor; + +/// Text color of the breadcrumb item +/// @group menu +$breadcrumbLastItemTextColor: $menuitemTextColor; + +/// Icon color of the breadcrumb item +/// @group menu +$breadcrumbLastItemIconColor: $menuitemIconColor; + +/// Color of a breadcrumb separator +/// @group menu +$breadcrumbSeparatorColor: $menuitemTextColor; + +/// Padding of a horizontal menu e.g. menubar +/// @group menu +$horizontalMenuPadding: .5rem; + +/// Background of a horizontal menu e.g. menubar +/// @group menu +$horizontalMenuBg: #f8f9fa; + +/// Border of a horizontal menu e.g. menubar +/// @group menu +$horizontalMenuBorder: $menuBorder; + +/// Text color of a horizontal menu e.g. menubar +/// @group menu +$horizontalMenuTextColor: $menuTextColor; + +/// Padding of a horizontal menu root item e.g. menubar +/// @group menu +$horizontalMenuRootMenuitemPadding: $menuitemPadding; + +/// Border radius of a horizontal menu root item e.g. menubar +/// @group menu +$horizontalMenuRootMenuitemBorderRadius: $borderRadius; + +/// Text color of a horizontal menu root item e.g. menubar +/// @group menu +$horizontalMenuRootMenuitemTextColor: $menuitemTextColor; + +/// Icon color of a horizontal menu root item e.g. menubar +/// @group menu +$horizontalMenuRootMenuitemIconColor: $menuitemIconColor; + +/// Text color of a horizontal menu root item in hover state e.g. menubar +/// @group menu +$horizontalMenuRootMenuitemTextHoverColor: $menuitemTextHoverColor; + +/// Icon color of a horizontal menu root item in hover state e.g. menubar +/// @group menu +$horizontalMenuRootMenuitemIconHoverColor: $menuitemIconHoverColor; + +/// Background of a horizontal menu root item in hover state e.g. menubar +/// @group menu +$horizontalMenuRootMenuitemHoverBg: $menuitemHoverBg; + +/// Text color of a horizontal menu root item in hover active e.g. menubar +/// @group menu +$horizontalMenuRootMenuitemTextActiveColor:$menuitemTextActiveColor; + +/// Icon color of a horizontal menu root item in hover active e.g. menubar +/// @group menu +$horizontalMenuRootMenuitemIconActiveColor: $menuitemIconActiveColor; + +/// Background of a horizontal menu root item in active state e.g. menubar +/// @group menu +$horizontalMenuRootMenuitemActiveBg: $menuitemActiveBg; + +/// Width of an action item on dock +/// @group menu +$dockActionWidth: 4rem; + +/// Height of an action item on dock +/// @group menu +$dockActionHeight: 4rem; + +/// Padding of an action item on dock +/// @group menu +$dockItemPadding: .5rem; + +/// Border radius of an action item on dock +/// @group menu +$dockItemBorderRadius: $borderRadius; + +/// Margin of the current action item on dock +/// @group menu +$dockCurrentItemMargin: 1.5rem; + +/// Margin of the previous and next action item on dock +/// @group menu +$dockFirstItemsMargin: 1.3rem; + +/// Margin of the second previous and second next action item on dock +/// @group menu +$dockSecondItemsMargin: 0.9rem; + +/// Background of the list on dock +/// @group menu +$dockBg: rgba(255,255,255,.1); + +/// Border of the list on dock +/// @group menu +$dockBorder: 1px solid rgba(255,255,255,0.2); + +/// Padding of the list on dock +/// @group menu +$dockPadding: .5rem .5rem; + +/// Border Radius of the list on dock +/// @group menu +$dockBorderRadius: .5rem; diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/mytheme/variables/_message.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/mytheme/variables/_message.scss new file mode 100644 index 000000000..a5246df71 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/mytheme/variables/_message.scss @@ -0,0 +1,143 @@ +/// Margin of a message +/// @group message +$messageMargin: 1rem 0; + +/// Padding of a message +/// @group message +$messagePadding: 1rem 1.5rem; + +/// Border width of a message +/// @group message +$messageBorderWidth: 0 0 0 4px; + +/// Font size of a message icon +/// @group message +$messageIconFontSize: 1.5rem; + +/// Font size of a message text +/// @group message +$messageTextFontSize: 1rem; + +/// Font weight of a message text +/// @group message +$messageTextFontWeight: 500; + +/// Padding of an inline message +/// @group message +$inlineMessagePadding: $inputPadding; + +/// Margin of an inline message +/// @group message +$inlineMessageMargin: 0; + +/// Font size of an inline message icon +/// @group message +$inlineMessageIconFontSize: 1rem; + +/// Padding of an inline message text +/// @group message +$inlineMessageTextFontSize: 1rem; + +/// Border width of an inline message text +/// @group message +$inlineMessageBorderWidth: 1px; + +/// Font size of a toast message icon +/// @group message +$toastIconFontSize: 2rem; + +/// Margin of a toast message text +/// @group message +$toastMessageTextMargin: 0 0 0 1rem; + +/// Margin of a toast message +/// @group message +$toastMargin: 0 0 1rem 0; + +/// Padding of a toast message +/// @group message +$toastPadding: 1rem; + +/// Border width of a toast message +/// @group message +$toastBorderWidth: 0 0 0 4px; + +/// Box shadow of a toast message +/// @group message +$toastShadow: 0 3px 14px 0 rgba(0, 0, 0, 0.3); + +/// Opacity of a toast message +/// @group message +$toastOpacity: .9; + +/// Font weight of a toast message title text +/// @group message +$toastTitleFontWeight: 700; + +/// Margin of a toast message detail text +/// @group message +$toastDetailMargin: $inlineSpacing 0 0 0; + +/// Background of an info message +/// @group message +$infoMessageBg: #039BE5; + +/// Border of an info message +/// @group message +$infoMessageBorder: solid #027cb7; + +/// Text color of an info message +/// @group message +$infoMessageTextColor: #ffffff; + +/// Icon color of an info message +/// @group message +$infoMessageIconColor: #ffffff; + +/// Background of a success message +/// @group message +$successMessageBg: #43A047; + +/// Border of a success message +/// @group message +$successMessageBorder: 0 none; + +/// Text color of a success message +/// @group message +$successMessageTextColor: #ffffff; + +/// Icon color of a success message +/// @group message +$successMessageIconColor: #ffffff; + +/// Background of a warning message +/// @group message +$warningMessageBg: #FFB300; + +/// Border of a warning message +/// @group message +$warningMessageBorder: 0 none; + +/// Text color of a warning message +/// @group message +$warningMessageTextColor: $textColor; + +/// Icon color of a warning message +/// @group message +$warningMessageIconColor: $textColor; + +/// Background of an error message +/// @group message +$errorMessageBg: #E53935; + +/// Border of an error message +/// @group message +$errorMessageBorder: 0 none; + +/// Text color of an error message +/// @group message +$errorMessageTextColor: #ffffff; + +/// Icon color of an error message +/// @group message +$errorMessageIconColor: #ffffff; \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/mytheme/variables/_misc.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/mytheme/variables/_misc.scss new file mode 100644 index 000000000..5ae7923f1 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/mytheme/variables/_misc.scss @@ -0,0 +1,123 @@ +/// Padding of an inplace element +/// @group misc +$inplacePadding: $inputPadding; + +/// Background of an inplace element in hover state +/// @group misc +$inplaceHoverBg: #e9ecef; + +/// Text color of an inplace element in hover state +/// @group misc +$inplaceTextHoverColor: $textColor; + +/// Background of a badge +/// @group misc +$badgeBg: $primaryColor; + +/// Text color of a badge +/// @group misc +$badgeTextColor: $primaryTextColor; + +/// Minimum width of a badge +/// @group misc +$badgeMinWidth: 1.5rem; + +/// Height of a badge +/// @group misc +$badgeHeight: 1.5rem; + +/// Font weight of a badge +/// @group misc +$badgeFontWeight: 700; + +/// Font size of a badge +/// @group misc +$badgeFontSize: .75rem; + +/// Padding of a badge +/// @group misc +$tagPadding: .25rem .4rem; + +/// Height of a progress bar +/// @group misc +$progressBarHeight: 1.5rem; + +/// Border of a progress bar +/// @group misc +$progressBarBorder: 0 none; + +/// Background of a progress bar +/// @group misc +$progressBarBg: #dee2e6; + +/// Background of a progress bar value +/// @group misc +$progressBarValueBg: $primaryColor; + +/// Text color of a progress bar value +/// @group misc +$progressBarValueTextColor:$primaryTextColor; + +/// Background of an avatar +/// @group misc +$avatarBg:#dee2e6; + +/// Text color of an avatar +/// @group misc +$avatarTextColor:$textColor; + +/// Background of a chip +/// @group misc +$chipBg:#dee2e6; + +/// Text color of a chip +/// @group misc +$chipTextColor:$textColor; + +/// Border radius of a chip +/// @group misc +$chipBorderRadius:16px; + +/// Background of a chip in focus state +/// @group misc +$chipFocusBg:#dee2e6 !default; + +/// Color of a chip in focus state +/// @group misc +$chipFocusTextColor:$textColor !default; + +/// Background of a scrollTop +/// @group misc +$scrollTopBg:rgba(0,0,0,0.7); + +/// Background of a scrollTop in hover state +/// @group misc +$scrollTopHoverBg:rgba(0,0,0,0.8); + +/// Width of a scrollTop +/// @group misc +$scrollTopWidth:3rem; + +/// Height of a scrollTop +/// @group misc +$scrollTopHeight:3rem; + +/// Border radius of a scrollTop +/// @group misc +$scrollTopBorderRadius:50%; + +/// Font size of a scrollTop +/// @group misc +$scrollTopFontSize:1.5rem; + +/// Text color of a scrollTop +/// @group misc +$scrollTopTextColor:#f8f9fa; + +/// Background of a skeleton +/// @group misc +$skeletonBg:#e9ecef; + +/// Background of a skeleton animation +/// @group misc +$skeletonAnimationBg:rgba(255,255,255,0.4); diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/mytheme/variables/_overlay.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/mytheme/variables/_overlay.scss new file mode 100644 index 000000000..5139aa0b4 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/mytheme/variables/_overlay.scss @@ -0,0 +1,59 @@ +/// Border of an overlay container element such as dialog or overlaypanel +/// @group overlay +$overlayContentBorder: 0 none; + +/// Background of an overlay container element such as dialog or overlaypanel +/// @group overlay +$overlayContentBg:$panelContentBg; + +/// Box shadow of an overlay container element such as dialog or overlaypanel +/// @group overlay +$overlayContainerShadow: 0 0 14px 0 rgba(0, 0, 0, 0.1); + +/// Background of a dialog header +/// @group overlay +$dialogHeaderBg: #ffffff; + +/// Border of a dialog header +/// @group overlay +$dialogHeaderBorder: 1px solid #dee2e6; + +/// Text color of a dialog header +/// @group overlay +$dialogHeaderTextColor: $panelHeaderTextColor; + +/// Font weight of a dialog header +/// @group overlay +$dialogHeaderFontWeight: 600; + +/// Font size of a dialog header +/// @group overlay +$dialogHeaderFontSize: 1.25rem; + +/// Padding of a dialog header +/// @group overlay +$dialogHeaderPadding: 1.5rem; + +/// Padding of a dialog content +/// @group overlay +$dialogContentPadding: 0 1.5rem; + +/// Border of a dialog footer +/// @group overlay +$dialogFooterBorder: 1px solid #dee2e6; + +/// Padding of a dialog footer +/// @group overlay +$dialogFooterPadding: 1.5rem; + +/// Background of a tooltip +/// @group overlay +$tooltipBg: $textColor; + +/// Text color of a tooltip +/// @group overlay +$tooltipTextColor: #ffffff; + +/// Padding of a tooltip +/// @group overlay +$tooltipPadding: $inputPadding; \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/mytheme/variables/_panel.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/mytheme/variables/_panel.scss new file mode 100644 index 000000000..a52cbca06 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/mytheme/variables/_panel.scss @@ -0,0 +1,327 @@ +/// Border color of a panel header +/// @group panel +$panelHeaderBorderColor: #dee2e6; + +/// Border of a panel header +/// @group panel +$panelHeaderBorder: 1px solid #dee2e6; + +/// Background of a panel header +/// @group panel +$panelHeaderBg: #f8f9fa; + +/// Text color of a panel header +/// @group panel +$panelHeaderTextColor: $textColor; + +/// Font weight of a panel header +/// @group panel +$panelHeaderFontWeight: 600; + +/// Padding of a panel header +/// @group panel +$panelHeaderPadding: 1rem; + +/// Font weight of a toggleable panel header +/// @group panel +$panelToggleableHeaderPadding: .5rem 1rem; + +/// Background of a panel header in hover state e.g. toggleable state +/// @group panel +$panelHeaderHoverBg: #e9ecef; + +/// Border color of a panel header in hover state e.g. toggleable state +/// @group panel +$panelHeaderHoverBorderColor: #dee2e6; + +/// Text color of a panel header in hover state e.g. toggleable state +/// @group panel +$panelHeaderTextHoverColor: #495057; + +/// Border color for the content section of a panel +/// @group panel +$panelContentBorderColor: #dee2; + +/// Border for the content section of a panel +/// @group panel +$panelContentBorder: 1px solid #dee2e6; + +/// Background for the content section of a panel +/// @group panel +$panelContentBg: #ffffff; + +/// Background for the striped row. +/// @group panel +$panelContentEvenRowBg: #e9ecef; + +/// Text color for the content section of a panel +/// @group panel +$panelContentTextColor: $textColor; + +/// Padding for the content section of a panel +/// @group panel +$panelContentPadding: 1rem; + +/// Border for the footer section of a panel +/// @group panel +$panelFooterBorder: 1px solid #dee2e6; + +/// Background for the footer section of a panel +/// @group panel +$panelFooterBg: #ffffff; + +/// Text color for the footer section of a panel +/// @group panel +$panelFooterTextColor: $textColor; + +/// Padding for the footer section of a panel +/// @group panel +$panelFooterPadding: 0.5rem 1rem; + +/// Spacing between to accordion panels +/// @group panel +$accordionSpacing: 0; + +/// Border of an accordion panel header +/// @group panel +$accordionHeaderBorder: $panelHeaderBorder; + +/// Background of an accordion panel header +/// @group panel +$accordionHeaderBg: $panelHeaderBg; + +/// Text color of an accordion panel header +/// @group panel +$accordionHeaderTextColor: $panelHeaderTextColor; + +/// Font weight of an accordion panel header +/// @group panel +$accordionHeaderFontWeight: $panelHeaderFontWeight; + +/// Padding of an accordion panel header +/// @group panel +$accordionHeaderPadding: $panelHeaderPadding; + +/// Background of an accordion panel header in hover state +/// @group panel +$accordionHeaderHoverBg: #e9ecef; + +/// Border of an accordion panel header in hover state +/// @group panel +$accordionHeaderHoverBorderColor: $panelHeaderBorder; + +/// Text color of an accordion panel header in hover state +/// @group panel +$accordionHeaderTextHoverColor: $textColor; + +/// Background of an accordion panel header in expanded state +/// @group panel +$accordionHeaderActiveBg: $panelHeaderBg; + +/// Border of an accordion panel header in expanded state +/// @group panel +$accordionHeaderActiveBorderColor: #dee2e6; + +/// Text color of an accordion panel header in expanded state +/// @group panel +$accordionHeaderTextActiveColor: $textColor; + +/// Hover background of an accordion panel header in expanded state +/// @group panel +$accordionHeaderActiveHoverBg: #e9ecef; + +/// Hover border of an accordion panel header in expanded state +/// @group panel +$accordionHeaderActiveHoverBorderColor: #dee2e6; + +/// Text color of an accordion panel header in expanded state +/// @group panel +$accordionHeaderTextActiveHoverColor: $textColor; + +/// Border for a content section of an accordion panel +/// @group panel +$accordionContentBorder: $panelContentBorder; + +/// Background for a content section of an accordion panel +/// @group panel +$accordionContentBg: $panelContentBg; + +/// Text color for a content section of an accordion panel +/// @group panel +$accordionContentTextColor: $panelContentTextColor; + +/// Padding for a content section of an accordion panel +/// @group panel +$accordionContentPadding: $panelContentPadding; + +/// Border for a parent element containing all the headers of a tabview +/// @group panel +$tabviewNavBorder: 1px solid #dee2e6; + +/// Border width for a parent element containing all the headers of a tabview +/// @group panel +$tabviewNavBorderWidth: 0 0 2px 0; + +/// Background for a parent element containing all the headers of a tabview +/// @group panel +$tabviewNavBg: #ffffff; + +/// Spacing between tabview headers +/// @group panel +$tabviewHeaderSpacing: 0; + +/// Border of a tabview header +/// @group panel +$tabviewHeaderBorder: solid #dee2e6; + +/// Border width of a tabview header +/// @group panel +$tabviewHeaderBorderWidth: 0 0 2px 0; + +/// Border color of a tabview header +/// @group panel +$tabviewHeaderBorderColor: transparent transparent #dee2e6 transparent; + +/// Background of a tabview header +/// @group panel +$tabviewHeaderBg: #ffffff; + +/// Text color of a tabview header +/// @group panel +$tabviewHeaderTextColor: $textSecondaryColor; + +/// Font weight of a tabview header +/// @group panel +$tabviewHeaderFontWeight: $panelHeaderFontWeight; + +/// Padding of a tabview header +/// @group panel +$tabviewHeaderPadding: $panelHeaderPadding; + +/// Margin of a tabview header +/// @group panel +$tabviewHeaderMargin: 0 0 -2px 0; + +/// Background of a tabview header in hover state +/// @group panel +$tabviewHeaderHoverBg: #ffffff; + +/// Border of a tabview header in hover state +/// @group panel +$tabviewHeaderHoverBorderColor: #9ba2aa; + +/// Text color of a tabview header in hover state +/// @group panel +$tabviewHeaderTextHoverColor: $textSecondaryColor; + +/// Background of a tabview header in selected state +/// @group panel +$tabviewHeaderActiveBg: #ffffff; + +/// Border of a tabview header in selected state +/// @group panel +$tabviewHeaderActiveBorderColor: $primaryColor; + +/// Text color of a tabview header in selected state +/// @group panel +$tabviewHeaderTextActiveColor: $primaryColor; + +/// Border for content section of a tabview tab +/// @group panel +$tabviewContentBorder: 0 none; + +/// Background for content section of a tabview tab +/// @group panel +$tabviewContentBg: $panelContentBg; + +/// Text color for a content section of a tabview tab +/// @group panel +$tabviewContentTextColor: $panelContentTextColor; + +/// Padding for a content section of a tabview tab +/// @group panel +$tabviewContentPadding: $panelContentPadding; + +/// Background of a fieldset header in hover state +/// @group panel +$panelHeaderHoverBg: #e9ecef; + +/// Border of a fieldset header in hover state +/// @group panel +$panelHeaderHoverBorderColor: #dee2e6; + +/// Text color of a fieldset header in hover state +/// @group panel +$panelHeaderTextHoverColor: $textColor; + +/// Border for a track bar of a scroll panel +/// @group panel +$scrollPanelTrackBorder: 0 none; + +/// Background for a track bar of a scroll panel +/// @group panel +$scrollPanelTrackBg: #f8f9fa; + +/// Padding of a card body +/// @group panel +$cardBodyPadding: 1rem; + +/// Font size of a card title +/// @group panel +$cardTitleFontSize: 1.5rem; + +/// Font weight of a card title +/// @group panel +$cardTitleFontWeight: 700; + +/// Font size of a card subtitle +/// @group panel +$cardSubTitleFontWeight: 700; + +/// Text color of a card subtitle +/// @group panel +$cardSubTitleColor: $textSecondaryColor; + +/// Padding of a card content +/// @group panel +$cardContentPadding: 1rem 0; + +/// Padding of a card footer +/// @group panel +$cardFooterPadding: 1rem 0 0 0; + +/// Box shadow of a card +/// @group panel +$cardShadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0,0,0,.12); + +/// Margin of divider in horizontal layout +/// @group panel +$dividerHorizontalMargin:1rem 0; + +/// Padding of divider in horizontal layout +/// @group panel +$dividerHorizontalPadding:0 1rem; + +/// Margin of divider in vertical layout +/// @group panel +$dividerVerticalMargin:0 1rem; + +/// Padding of divider in vertical layout +/// @group panel +$dividerVerticalPadding:1rem 0; + +/// Border width of the divider +/// @group panel +$dividerSize:1px; + +/// Color of the divider border +/// @group panel +$dividerColor:#dee2e6; + +/// Background of the splitter gutter +/// @group panel +$splitterGutterBg:#f8f9fa; + +/// Background of the splitter gutter handle +/// @group panel +$splitterGutterHandleBg:#dee2e6; diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/nano/_extensions.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/nano/_extensions.scss new file mode 100644 index 000000000..e69de29bb diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/nano/_fonts.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/nano/_fonts.scss new file mode 100644 index 000000000..e38a3a604 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/nano/_fonts.scss @@ -0,0 +1 @@ +// Configuration for the font-face of the theme, defaults to the system font so left as blank \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/nano/_variables.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/nano/_variables.scss new file mode 100644 index 000000000..9ca0e21e0 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/nano/_variables.scss @@ -0,0 +1,966 @@ +$primaryColor: #1174c0 !default; +$primaryLightColor: scale-color($primaryColor, $lightness: 60%) !default; +$primaryDarkColor: scale-color($primaryColor, $lightness: -10%) !default; +$primaryDarkerColor: scale-color($primaryColor, $lightness: -20%) !default; +$primaryTextColor: #ffffff !default; + +$colors: ( + "blue": #1e85d3, + "green": #38a958, + "yellow": #f0c135, + "cyan": #21c1f3, + "pink": #d74853, + "indigo": #114cc0, + "teal": #107d79, + "orange": #f08f35, + "bluegray": #697077, + "purple": #8949f8, + "red": #ff2b32, + "primary": $primaryColor, +) !default; + +$highlightBg: #44a1d9 !default; +$highlightTextColor: #ffffff !default; +$highlightFocusBg: darken($primaryColor, 0.08) !default; + +//reused color variables +$shade000: #ffffff !default; //surface +$shade100: #f2f4f8 !default; //header background +$shade200: #dde1e6 !default; //hover background +$shade300: #dee2e6 !default; //border, divider +$shade400: #a5acb3 !default; //input border +$shade500: #878d96 !default; //input icon +$shade600: #697077 !default; //text secondary color +$shade700: #343a3f !default; //text color +$shade800: #21272a !default; //unused +$shade900: #121619 !default; //unused + +//global +$fontFamily: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, + Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default; +$fontSize: 1rem !default; +$fontWeight: normal !default; +$textColor: $shade700 !default; +$textSecondaryColor: $shade600 !default; +$borderRadius: 1px !default; +$transitionDuration: 0.2s !default; +$formElementTransition: background-color $transitionDuration, + color $transitionDuration, border-color $transitionDuration, + box-shadow $transitionDuration !default; +$actionIconTransition: background-color $transitionDuration, + color $transitionDuration, box-shadow $transitionDuration !default; +$listItemTransition: box-shadow $transitionDuration !default; +$primeIconFontSize: 1rem !default; +$divider: 1px solid $shade300 !default; +$inlineSpacing: 0.5rem !default; +$disabledOpacity: 0.6 !default; +$maskBg: rgba(0, 0, 0, 0.4) !default; +$loadingIconFontSize: 2rem !default; +$errorColor: #d8222f !default; + +//scale +$scaleSM: 0.875 !default; +$scaleLG: 1.25 !default; + +//focus +$focusOutlineColor: $primaryLightColor !default; +$focusOutline: 0 none !default; +$focusOutlineOffset: 0 !default; +$focusShadow: 0 0 0 0.2rem $focusOutlineColor !default; + +//action icons +$actionIconWidth: 1rem !default; +$actionIconHeight: 1rem !default; +$actionIconBg: transparent !default; +$actionIconBorder: 0 none !default; +$actionIconColor: $shade500 !default; +$actionIconHoverBg: transparent !default; +$actionIconHoverBorderColor: $shade900 !default; +$actionIconHoverColor: $shade700 !default; +$actionIconBorderRadius: 50% !default; + +//input field (e.g. inputtext, spinner, inputmask) +$inputPadding: 0.25rem 0.25rem !default; +$inputTextFontSize: 1rem !default; + +$inputBg: $shade000 !default; +$inputTextColor: $shade700 !default; +$inputIconColor: $shade600 !default; +$inputBorder: 1px solid $shade400 !default; +$inputHoverBorderColor: $primaryColor !default; +$inputFocusBorderColor: $primaryColor !default; +$inputErrorBorderColor: $errorColor !default; +$inputPlaceholderTextColor: $shade600 !default; +$inputFilledBg: $shade100 !default; +$inputFilledHoverBg: $inputFilledBg !default; +$inputFilledFocusBg: $shade000 !default; + +//input groups +$inputGroupBg: $shade200 !default; +$inputGroupTextColor: $shade600 !default; +$inputGroupAddOnMinWidth: 2.357rem !default; + +//input lists (e.g. dropdown, autocomplete, multiselect, orderlist) +$inputListBg: $shade000 !default; +$inputListTextColor: $shade700 !default; +$inputListBorder: $inputBorder !default; +$inputListPadding: 0.25rem 0 !default; +$inputListItemPadding: 0.25rem 0.5rem !default; +$inputListItemBg: transparent !default; +$inputListItemTextColor: $shade700 !default; +$inputListItemHoverBg: $shade200 !default; +$inputListItemTextHoverColor: $shade700 !default; +$inputListItemFocusBg: #d2d6db !default; +$inputListItemTextFocusColor: $shade700 !default; +$inputListItemBorder: 0 none !default; +$inputListItemBorderRadius: 0 !default; +$inputListItemMargin: 0 !default; +$inputListItemFocusShadow: inset 0 0 0 0.15rem $focusOutlineColor !default; +$inputListHeaderPadding: 0.25rem 0.5rem !default; +$inputListHeaderMargin: 0 !default; +$inputListHeaderBg: $shade100 !default; +$inputListHeaderTextColor: $shade700 !default; +$inputListHeaderBorder: 0 none !default; + +//inputs with overlays (e.g. autocomplete, dropdown, multiselect) +$inputOverlayBg: $inputListBg !default; +$inputOverlayHeaderBg: $inputListHeaderBg !default; +$inputOverlayBorder: 0 none !default; +$inputOverlayShadow: 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) !default; + +//password +$passwordMeterBg: $shade300 !default; +$passwordWeakBg: #d8222f !default; +$passwordMediumBg: #f0c135 !default; +$passwordStrongBg: #207f3b !default; + +//button +$buttonPadding: 0.25rem 0.5rem !default; +$buttonIconOnlyWidth: 2.357rem !default; +$buttonIconOnlyPadding: 0.25rem 0 !default; +$buttonBg: $primaryColor !default; +$buttonTextColor: $primaryTextColor !default; +$buttonBorder: 1px solid $primaryColor !default; +$buttonHoverBg: $primaryDarkColor !default; +$buttonTextHoverColor: $primaryTextColor !default; +$buttonHoverBorderColor: $primaryDarkColor !default; +$buttonActiveBg: $primaryDarkerColor !default; +$buttonTextActiveColor: $primaryTextColor !default; +$buttonActiveBorderColor: $primaryDarkerColor !default; +$raisedButtonShadow: 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) !default; +$roundedButtonBorderRadius: 2rem !default; + +$textButtonHoverBgOpacity: 0.04 !default; +$textButtonActiveBgOpacity: 0.16 !default; +$outlinedButtonBorder: 1px solid !default; +$plainButtonTextColor: $textSecondaryColor !default; +$plainButtonHoverBgColor: $shade200 !default; +$plainButtonActiveBgColor: $shade300 !default; + +$secondaryButtonBg: #697077 !default; +$secondaryButtonTextColor: #ffffff !default; +$secondaryButtonBorder: 1px solid $secondaryButtonBg !default; +$secondaryButtonHoverBg: scale-color( + $secondaryButtonBg, + $lightness: -10% +) !default; +$secondaryButtonTextHoverColor: $secondaryButtonTextColor !default; +$secondaryButtonHoverBorderColor: scale-color( + $secondaryButtonBg, + $lightness: -10% +) !default; +$secondaryButtonActiveBg: scale-color( + $secondaryButtonBg, + $lightness: -20% +) !default; +$secondaryButtonTextActiveColor: $secondaryButtonTextColor !default; +$secondaryButtonActiveBorderColor: scale-color( + $secondaryButtonBg, + $lightness: -20% +) !default; +$secondaryButtonFocusShadow: 0 0 0 0.2rem + scale-color($secondaryButtonBg, $lightness: 60%) !default; + +$infoButtonBg: #107d79 !default; +$infoButtonTextColor: #ffffff !default; +$infoButtonBorder: 1px solid $infoButtonBg !default; +$infoButtonHoverBg: scale-color($infoButtonBg, $lightness: -10%) !default; +$infoButtonTextHoverColor: $infoButtonTextColor !default; +$infoButtonHoverBorderColor: scale-color( + $infoButtonBg, + $lightness: -10% +) !default; +$infoButtonActiveBg: scale-color($infoButtonBg, $lightness: -20%) !default; +$infoButtonTextActiveColor: $infoButtonTextColor !default; +$infoButtonActiveBorderColor: scale-color( + $infoButtonBg, + $lightness: -20% +) !default; +$infoButtonFocusShadow: 0 0 0 0.2rem scale-color($infoButtonBg, $lightness: 60%) !default; + +$successButtonBg: #207f3b !default; +$successButtonTextColor: #ffffff !default; +$successButtonBorder: 1px solid $successButtonBg !default; +$successButtonHoverBg: scale-color($successButtonBg, $lightness: -10%) !default; +$successButtonTextHoverColor: $successButtonTextColor !default; +$successButtonHoverBorderColor: scale-color( + $successButtonBg, + $lightness: -10% +) !default; +$successButtonActiveBg: scale-color( + $successButtonBg, + $lightness: -20% +) !default; +$successButtonTextActiveColor: $successButtonTextColor !default; +$successButtonActiveBorderColor: scale-color( + $successButtonBg, + $lightness: -20% +) !default; +$successButtonFocusShadow: 0 0 0 0.2rem + scale-color($successButtonBg, $lightness: 60%) !default; + +$warningButtonBg: #f0c135 !default; +$warningButtonTextColor: #212529 !default; +$warningButtonBorder: 1px solid $warningButtonBg !default; +$warningButtonHoverBg: scale-color($warningButtonBg, $lightness: -10%) !default; +$warningButtonTextHoverColor: $warningButtonTextColor !default; +$warningButtonHoverBorderColor: scale-color( + $warningButtonBg, + $lightness: -10% +) !default; +$warningButtonActiveBg: scale-color( + $warningButtonBg, + $lightness: -20% +) !default; +$warningButtonTextActiveColor: $warningButtonTextColor !default; +$warningButtonActiveBorderColor: scale-color( + $warningButtonBg, + $lightness: -20% +) !default; +$warningButtonFocusShadow: 0 0 0 0.2rem + scale-color($warningButtonBg, $lightness: 60%) !default; + +$helpButtonBg: #8949f8 !default; +$helpButtonTextColor: #ffffff !default; +$helpButtonBorder: 1px solid $helpButtonBg !default; +$helpButtonHoverBg: scale-color($helpButtonBg, $lightness: -10%) !default; +$helpButtonTextHoverColor: $helpButtonTextColor !default; +$helpButtonHoverBorderColor: scale-color( + $helpButtonBg, + $lightness: -10% +) !default; +$helpButtonActiveBg: scale-color($helpButtonBg, $lightness: -20%) !default; +$helpButtonTextActiveColor: $helpButtonTextColor !default; +$helpButtonActiveBorderColor: scale-color( + $helpButtonBg, + $lightness: -20% +) !default; +$helpButtonFocusShadow: 0 0 0 0.2rem scale-color($helpButtonBg, $lightness: 60%) !default; + +$dangerButtonBg: #d8222f !default; +$dangerButtonTextColor: #ffffff !default; +$dangerButtonBorder: 1px solid $dangerButtonBg !default; +$dangerButtonHoverBg: scale-color($dangerButtonBg, $lightness: -10%) !default; +$dangerButtonTextHoverColor: $dangerButtonTextColor !default; +$dangerButtonHoverBorderColor: scale-color( + $dangerButtonBg, + $lightness: -10% +) !default; +$dangerButtonActiveBg: scale-color($dangerButtonBg, $lightness: -20%) !default; +$dangerButtonTextActiveColor: $dangerButtonTextColor !default; +$dangerButtonActiveBorderColor: scale-color( + $dangerButtonBg, + $lightness: -20% +) !default; +$dangerButtonFocusShadow: 0 0 0 0.2rem + scale-color($dangerButtonBg, $lightness: 60%) !default; + +$linkButtonColor: $primaryDarkerColor !default; +$linkButtonHoverColor: $primaryDarkerColor !default; +$linkButtonTextHoverDecoration: underline !default; +$linkButtonFocusShadow: 0 0 0 0.2rem $focusOutlineColor !default; + +//checkbox +$checkboxWidth: 14px !default; +$checkboxHeight: 14px !default; +$checkboxBorder: 2px solid $shade400 !default; +$checkboxIconFontSize: 12px !default; +$checkboxActiveBorderColor: $primaryColor !default; +$checkboxActiveBg: $primaryColor !default; +$checkboxIconActiveColor: $primaryTextColor !default; +$checkboxActiveHoverBg: $primaryDarkerColor !default; +$checkboxIconActiveHoverColor: $primaryTextColor !default; +$checkboxActiveHoverBorderColor: $primaryDarkerColor !default; + +//radiobutton +$radiobuttonWidth: 14px !default; +$radiobuttonHeight: 14px !default; +$radiobuttonBorder: 2px solid $shade400 !default; +$radiobuttonIconSize: 8px !default; +$radiobuttonActiveBorderColor: $primaryColor !default; +$radiobuttonActiveBg: $primaryColor !default; +$radiobuttonIconActiveColor: $primaryTextColor !default; +$radiobuttonActiveHoverBg: $primaryDarkerColor !default; +$radiobuttonIconActiveHoverColor: $primaryTextColor !default; +$radiobuttonActiveHoverBorderColor: $primaryDarkerColor !default; + +//colorpicker +$colorPickerPreviewWidth: 2rem !default; +$colorPickerPreviewHeight: 2rem !default; +$colorPickerBg: #323232 !default; +$colorPickerBorder: 1px solid #191919 !default; +$colorPickerHandleColor: $shade000 !default; + +//togglebutton +$toggleButtonBg: $inputBg !default; +$toggleButtonBorder: 1px solid $shade400 !default; +$toggleButtonTextColor: $shade700 !default; +$toggleButtonIconColor: $shade600 !default; +$toggleButtonHoverBg: $shade200 !default; +$toggleButtonHoverBorderColor: $shade400 !default; +$toggleButtonTextHoverColor: $shade700 !default; +$toggleButtonIconHoverColor: $shade600 !default; +$toggleButtonActiveBg: $primaryColor !default; +$toggleButtonActiveBorderColor: $primaryColor !default; +$toggleButtonTextActiveColor: $primaryTextColor !default; +$toggleButtonIconActiveColor: $primaryTextColor !default; +$toggleButtonActiveHoverBg: $primaryDarkColor !default; +$toggleButtonActiveHoverBorderColor: $primaryDarkColor !default; +$toggleButtonTextActiveHoverColor: $primaryTextColor !default; +$toggleButtonIconActiveHoverColor: $primaryTextColor !default; + +//inplace +$inplacePadding: $inputPadding !default; +$inplaceHoverBg: $shade200 !default; +$inplaceTextHoverColor: $shade700 !default; + +//rating +$ratingIconFontSize: 1.143rem !default; +$ratingCancelIconColor: #e74c3c !default; +$ratingCancelIconHoverColor: #c0392b !default; +$ratingStarIconOffColor: $shade700 !default; +$ratingStarIconOnColor: $primaryColor !default; +$ratingStarIconHoverColor: $primaryColor !default; + +//slider +$sliderBg: $shade300 !default; +$sliderBorder: 0 none !default; +$sliderHorizontalHeight: 0.286rem !default; +$sliderVerticalWidth: 0.286rem !default; +$sliderHandleWidth: 1.143rem !default; +$sliderHandleHeight: 1.143rem !default; +$sliderHandleBg: $shade000 !default; +$sliderHandleBorder: 2px solid $primaryColor !default; +$sliderHandleBorderRadius: 50% !default; +$sliderHandleHoverBorderColor: $primaryColor !default; +$sliderHandleHoverBg: $primaryColor !default; +$sliderRangeBg: $primaryColor !default; + +//calendar +$calendarTableMargin: 0.25rem 0 !default; +$calendarPadding: 0.25rem !default; +$calendarBg: $shade000 !default; +$calendarInlineBg: $calendarBg !default; +$calendarTextColor: $shade700 !default; +$calendarBorder: $inputListBorder !default; +$calendarOverlayBorder: $inputOverlayBorder !default; + +$calendarHeaderPadding: 0.5rem !default; +$calendarHeaderBg: $shade000 !default; +$calendarInlineHeaderBg: $calendarBg !default; +$calendarHeaderBorder: 1px solid $shade300 !default; +$calendarHeaderTextColor: $shade700 !default; +$calendarHeaderFontWeight: 600 !default; +$calendarHeaderCellPadding: 0.5rem !default; +$calendarMonthYearHeaderHoverTextColor: $primaryColor !default; + +$calendarCellDatePadding: 0.5rem !default; +$calendarCellDateWidth: 1.75rem !default; +$calendarCellDateHeight: 1.75rem !default; +$calendarCellDateBorderRadius: 50% !default; +$calendarCellDateBorder: 1px solid transparent !default; +$calendarCellDateHoverBg: $shade200 !default; +$calendarCellDateTodayBg: $shade400 !default; +$calendarCellDateTodayBorderColor: transparent !default; +$calendarCellDateTodayTextColor: $shade700 !default; + +$calendarButtonBarPadding: 0.5rem 0 !default; +$calendarTimePickerPadding: 0.5rem !default; +$calendarTimePickerElementPadding: 0 0.5rem !default; +$calendarTimePickerTimeFontSize: 1rem !default; + +$calendarBreakpoint: 769px !default; +$calendarCellDatePaddingSM: 0 !default; + +//input switch +$inputSwitchWidth: 2rem !default; //3->2 +$inputSwitchHeight: 1.155rem !default; //1.75->1.155 +$inputSwitchBorderRadius: 30px !default; +$inputSwitchHandleWidth: 0.825rem !default; +$inputSwitchHandleHeight: 0.825rem !default; +$inputSwitchHandleBorderRadius: 50% !default; +$inputSwitchSliderPadding: 0.165rem !default; +$inputSwitchSliderOffBg: $shade400 !default; +$inputSwitchHandleOffBg: $shade000 !default; +$inputSwitchSliderOffHoverBg: scale-color($shade400, $lightness: -10%) !default; +$inputSwitchSliderOnBg: $primaryColor !default; +$inputSwitchSliderOnHoverBg: $primaryDarkColor !default; +$inputSwitchHandleOnBg: $shade000 !default; + +//panel +$panelHeaderBorderColor: $shade300 !default; +$panelHeaderBorder: 1px solid $shade300 !default; +$panelHeaderBg: $shade100 !default; +$panelHeaderTextColor: $shade700 !default; +$panelHeaderFontWeight: 600 !default; +$panelHeaderPadding: 0.75rem !default; +$panelToggleableHeaderPadding: 0.5rem 1rem !default; + +$panelHeaderHoverBg: $shade200 !default; +$panelHeaderHoverBorderColor: $shade300 !default; +$panelHeaderTextHoverColor: $shade700 !default; + +$panelContentBorderColor: $shade300 !default; +$panelContentBorder: 1px solid $shade300 !default; +$panelContentBg: $shade000 !default; +$panelContentEvenRowBg: scale-color($shade000, $lightness: -1%) !default; +$panelContentTextColor: $shade700 !default; +$panelContentPadding: 0.5rem !default; + +$panelFooterBorder: 1px solid $shade300 !default; +$panelFooterBg: $shade000 !default; +$panelFooterTextColor: $shade700 !default; +$panelFooterPadding: 0.5rem 1rem !default; + +//accordion +$accordionSpacing: 0 !default; +$accordionHeaderBorder: $panelHeaderBorder !default; +$accordionHeaderBg: $panelHeaderBg !default; +$accordionHeaderTextColor: $panelHeaderTextColor !default; +$accordionHeaderFontWeight: $panelHeaderFontWeight !default; +$accordionHeaderPadding: $panelHeaderPadding !default; + +$accordionHeaderHoverBg: $shade200 !default; +$accordionHeaderHoverBorderColor: $shade300 !default; +$accordionHeaderTextHoverColor: $shade700 !default; + +$accordionHeaderActiveBg: $panelHeaderBg !default; +$accordionHeaderActiveBorderColor: $shade300 !default; +$accordionHeaderTextActiveColor: $shade700 !default; + +$accordionHeaderActiveHoverBg: $shade200 !default; +$accordionHeaderActiveHoverBorderColor: $shade300 !default; +$accordionHeaderTextActiveHoverColor: $shade700 !default; + +$accordionContentBorder: $panelContentBorder !default; +$accordionContentBg: $panelContentBg !default; +$accordionContentTextColor: $panelContentTextColor !default; +$accordionContentPadding: $panelContentPadding !default; + +//tabview +$tabviewNavBorder: 1px solid $shade300 !default; +$tabviewNavBorderWidth: 0 0 2px 0 !default; +$tabviewNavBg: $shade000 !default; + +$tabviewHeaderSpacing: 0 !default; +$tabviewHeaderBorder: solid $shade300 !default; +$tabviewHeaderBorderWidth: 0 0 2px 0 !default; +$tabviewHeaderBorderColor: transparent transparent $shade300 transparent !default; +$tabviewHeaderBg: $shade000 !default; +$tabviewHeaderTextColor: $shade600 !default; +$tabviewHeaderFontWeight: $panelHeaderFontWeight !default; +$tabviewHeaderPadding: $panelHeaderPadding !default; +$tabviewHeaderMargin: 0 0 -2px 0 !default; + +$tabviewHeaderHoverBg: $shade000 !default; +$tabviewHeaderHoverBorderColor: $shade600 !default; +$tabviewHeaderTextHoverColor: $shade600 !default; + +$tabviewHeaderActiveBg: $shade000 !default; +$tabviewHeaderActiveBorderColor: $primaryColor !default; +$tabviewHeaderTextActiveColor: $primaryColor !default; + +$tabviewContentBorder: 0 none !default; +$tabviewContentBg: $panelContentBg !default; +$tabviewContentTextColor: $panelContentTextColor !default; +$tabviewContentPadding: $panelContentPadding !default; + +//upload +$fileUploadProgressBarHeight: 0.25rem !default; +$fileUploadContentPadding: 2rem 1rem !default; +$fileUploadContentHoverBorder: 1px dashed $primaryColor !default; + +//scrollpanel +$scrollPanelTrackBorder: 0 none !default; +$scrollPanelTrackBg: $shade100 !default; + +//card +$cardBodyPadding: 1rem !default; +$cardTitleFontSize: 1.5rem !default; +$cardTitleFontWeight: 700 !default; +$cardSubTitleFontWeight: 400 !default; +$cardSubTitleColor: $shade600 !default; +$cardContentPadding: 1rem 0 !default; +$cardFooterPadding: 1rem 0 0 0 !default; +$cardShadow: 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) !default; + +//editor +$editorToolbarBg: $panelHeaderBg !default; +$editorToolbarBorder: $panelHeaderBorder !default; +$editorToolbarPadding: $panelHeaderPadding !default; +$editorToolbarIconColor: $textSecondaryColor !default; +$editorToolbarIconHoverColor: $textColor !default; +$editorIconActiveColor: $primaryColor !default; +$editorContentBorder: $panelContentBorder !default; +$editorContentBg: $panelContentBg !default; + +//paginator +$paginatorBg: $shade000 !default; +$paginatorTextColor: $shade600 !default; +$paginatorBorder: solid $shade200 !default; +$paginatorBorderWidth: 0 !default; +$paginatorPadding: 0.5rem 1rem !default; +$paginatorElementWidth: $buttonIconOnlyWidth !default; +$paginatorElementHeight: $buttonIconOnlyWidth !default; +$paginatorElementBg: transparent !default; +$paginatorElementBorder: 0 none !default; +$paginatorElementIconColor: $shade600 !default; +$paginatorElementHoverBg: $shade200 !default; +$paginatorElementHoverBorderColor: transparent !default; +$paginatorElementIconHoverColor: $shade700 !default; +$paginatorElementBorderRadius: $borderRadius !default; +$paginatorElementMargin: 0.143rem !default; +$paginatorElementPadding: 0 !default; + +//table +$tableHeaderBorder: 1px solid $shade200 !default; +$tableHeaderBorderWidth: 1px 0 1px 0 !default; +$tableHeaderBg: $shade100 !default; +$tableHeaderTextColor: $shade700 !default; +$tableHeaderFontWeight: 600 !default; +$tableHeaderPadding: 0.25rem 1rem !default; + +$tableHeaderCellPadding: 0.25rem 1rem !default; +$tableHeaderCellBg: $shade100 !default; +$tableHeaderCellTextColor: $shade700 !default; +$tableHeaderCellFontWeight: 600 !default; +$tableHeaderCellBorder: 1px solid $shade200 !default; +$tableHeaderCellBorderWidth: 0 0 1px 0 !default; +$tableHeaderCellHoverBg: $shade200 !default; +$tableHeaderCellTextHoverColor: $shade700 !default; +$tableHeaderCellIconColor: $shade600 !default; +$tableHeaderCellIconHoverColor: $shade600 !default; +$tableHeaderCellHighlightBg: $shade100 !default; +$tableHeaderCellHighlightTextColor: $primaryColor !default; +$tableHeaderCellHighlightHoverBg: $shade200 !default; +$tableHeaderCellHighlightTextHoverColor: $primaryColor !default; +$tableSortableColumnBadgeSize: 1.143rem !default; + +$tableBodyRowBg: $shade000 !default; +$tableBodyRowTextColor: $shade700 !default; +$tableBodyRowEvenBg: scale-color($tableBodyRowBg, $lightness: -1%) !default; +$tableBodyRowHoverBg: $shade200 !default; +$tableBodyRowTextHoverColor: $shade700 !default; +$tableBodyCellBorder: 1px solid $shade200 !default; +$tableBodyCellBorderWidth: 0 0 1px 0 !default; +$tableBodyCellPadding: 0.25rem 1rem !default; + +$tableFooterCellPadding: 0.25rem 1rem !default; +$tableFooterCellBg: $shade100 !default; +$tableFooterCellTextColor: $shade700 !default; +$tableFooterCellFontWeight: 600 !default; +$tableFooterCellBorder: 1px solid $shade200 !default; +$tableFooterCellBorderWidth: 0 0 1px 0 !default; +$tableResizerHelperBg: $primaryColor !default; + +$tableFooterBorder: 1px solid $shade200 !default; +$tableFooterBorderWidth: 0 0 1px 0 !default; +$tableFooterBg: $shade100 !default; +$tableFooterTextColor: $shade700 !default; +$tableFooterFontWeight: 600 !default; +$tableFooterPadding: 0.25rem 1rem !default; + +$tableCellContentAlignment: left !default; +$tableTopPaginatorBorderWidth: 0 0 1px 0 !default; +$tableBottomPaginatorBorderWidth: 0 0 1px 0 !default; + +$tableScaleSM: 0.5 !default; +$tableScaleLG: 1.25 !default; + +//dataview +$dataViewContentPadding: 0 !default; +$dataViewContentBorder: 0 none !default; + +//tree +$treeContainerPadding: 0.286rem !default; +$treeNodePadding: 0.143rem !default; +$treeNodeContentPadding: 0.25rem !default; +$treeNodeChildrenPadding: 0 0 0 1rem !default; +$treeNodeIconColor: $shade600 !default; + +//timeline +$timelineVerticalEventContentPadding: 0 1rem !default; +$timelineHorizontalEventContentPadding: 1rem 0 !default; +$timelineEventMarkerWidth: 1rem !default; +$timelineEventMarkerHeight: 1rem !default; +$timelineEventMarkerBorderRadius: 50% !default; +$timelineEventMarkerBorder: 0 none !default; +$timelineEventMarkerBackground: $primaryColor !default; +$timelineEventConnectorSize: 2px !default; +$timelineEventColor: $shade300 !default; + +//org chart +$organizationChartConnectorColor: $shade300 !default; + +//message +$messageMargin: 1rem 0 !default; +$messagePadding: 1rem 1.5rem !default; +$messageBorderWidth: 0 0 0 6px !default; +$messageIconFontSize: 1.5rem !default; +$messageTextFontSize: 1rem !default; +$messageTextFontWeight: 500 !default; + +//inline message +$inlineMessagePadding: $inputPadding !default; +$inlineMessageMargin: 0 !default; +$inlineMessageIconFontSize: 1rem !default; +$inlineMessageTextFontSize: 1rem !default; +$inlineMessageBorderWidth: 0px !default; + +//toast +$toastIconFontSize: 2rem !default; +$toastMessageTextMargin: 0 0 0 1rem !default; +$toastMargin: 0 0 1rem 0 !default; +$toastPadding: 1rem !default; +$toastBorderWidth: 0 0 0 6px !default; +$toastShadow: 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) !default; +$toastOpacity: 0.9 !default; +$toastTitleFontWeight: 700 !default; +$toastDetailMargin: $inlineSpacing 0 0 0 !default; + +//severities +$infoMessageBg: #cdf2fb !default; +$infoMessageBorder: solid scale-color($infoMessageBg, $lightness: -50%) !default; +$infoMessageTextColor: scale-color($infoMessageBg, $lightness: -75%) !default; +$infoMessageIconColor: scale-color($infoMessageBg, $lightness: -75%) !default; +$successMessageBg: #d7f8d3 !default; +$successMessageBorder: solid scale-color($successMessageBg, $lightness: -50%) !default; +$successMessageTextColor: scale-color( + $successMessageBg, + $lightness: -75% +) !default; +$successMessageIconColor: scale-color( + $successMessageBg, + $lightness: -75% +) !default; +$warningMessageBg: #fef8d6 !default; +$warningMessageBorder: solid scale-color($warningMessageBg, $lightness: -50%) !default; +$warningMessageTextColor: scale-color( + $warningMessageBg, + $lightness: -75% +) !default; +$warningMessageIconColor: scale-color( + $warningMessageBg, + $lightness: -75% +) !default; +$errorMessageBg: #fdded2 !default; +$errorMessageBorder: solid scale-color($errorMessageBg, $lightness: -50%) !default; +$errorMessageTextColor: scale-color($errorMessageBg, $lightness: -75%) !default; +$errorMessageIconColor: scale-color($errorMessageBg, $lightness: -75%) !default; + +//overlays +$overlayContentBorder: 0 none !default; +$overlayContentBg: $panelContentBg !default; +$overlayContainerShadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), + 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12) !default; + +//dialog +$dialogHeaderBg: $shade000 !default; +$dialogHeaderBorder: 0 none !default; +$dialogHeaderTextColor: $shade700 !default; +$dialogHeaderFontWeight: 600 !default; +$dialogHeaderFontSize: 1.25rem !default; +$dialogHeaderPadding: 0.75rem !default; +$dialogContentPadding: 0 0.75rem 1rem 0.75rem !default; +$dialogFooterBorder: 0 none !default; +$dialogFooterPadding: 0 0.75rem 0.75rem 0.75rem !default; + +//confirmpopup +$confirmPopupContentPadding: $panelContentPadding !default; +$confirmPopupFooterPadding: 0 0.5rem 0.5rem 0.5rem !default; + +//tooltip +$tooltipBg: $shade700 !default; +$tooltipTextColor: $shade000 !default; +$tooltipPadding: $inputPadding !default; + +//steps +$stepsItemBg: $shade000 !default; +$stepsItemBorder: 1px solid $shade200 !default; +$stepsItemTextColor: $shade600 !default; +$stepsItemNumberWidth: 2rem !default; +$stepsItemNumberHeight: 2rem !default; +$stepsItemNumberFontSize: 1.143rem !default; +$stepsItemNumberColor: $shade700 !default; +$stepsItemNumberBorderRadius: 50% !default; +$stepsItemActiveFontWeight: 600 !default; + +//progressbar +$progressBarHeight: 1.5rem !default; +$progressBarBorder: 0 none !default; +$progressBarBg: $shade300 !default; +$progressBarValueBg: $primaryColor !default; +$progressBarValueTextColor: $primaryTextColor !default; + +//menu (e.g. menu, menubar, tieredmenu) +$menuWidth: 12.5rem !default; +$menuBg: $shade000 !default; +$menuBorder: 1px solid $shade300 !default; +$menuTextColor: $shade700 !default; +$menuitemPadding: 0.5rem 0.5rem !default; +$menuitemBorderRadius: 0 !default; +$menuitemTextColor: $shade700 !default; +$menuitemIconColor: $shade600 !default; +$menuitemTextHoverColor: $shade700 !default; +$menuitemIconHoverColor: $shade600 !default; +$menuitemHoverBg: $shade200 !default; +$menuitemTextFocusColor: $shade700 !default; +$menuitemIconFocusColor: $shade700 !default; +$menuitemFocusBg: #d2d6db !default; +$menuitemTextActiveColor: $shade700 !default; +$menuitemIconActiveColor: $shade600 !default; +$menuitemActiveBg: $shade200 !default; +$menuitemActiveFocusBg: $shade200 !default; +$menuitemSubmenuIconFontSize: 0.875rem !default; +$submenuHeaderMargin: 0 !default; +$submenuHeaderPadding: 0.25rem 0.5rem !default; +$submenuHeaderBg: $shade000 !default; +$submenuHeaderTextColor: $shade700 !default; +$submenuHeaderBorderRadius: 0 !default; +$submenuHeaderFontWeight: 600 !default; +$overlayMenuBg: $menuBg !default; +$overlayMenuBorder: 0 none !default; +$overlayMenuShadow: 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) !default; +$verticalMenuPadding: 0.25rem 0 !default; +$verticalMenuitemMargin: 0 !default; +$menuSeparatorMargin: 0.25rem 0 !default; + +$breadcrumbPadding: 0.5rem !default; +$breadcrumbBg: $menuBg !default; +$breadcrumbBorder: $menuBorder !default; +$breadcrumbItemTextColor: $menuitemTextColor !default; +$breadcrumbItemIconColor: $menuitemIconColor !default; +$breadcrumbLastItemTextColor: $menuitemTextColor !default; +$breadcrumbLastItemIconColor: $menuitemIconColor !default; +$breadcrumbSeparatorColor: $menuitemTextColor !default; + +$horizontalMenuPadding: 0.5rem !default; +$horizontalMenuBg: $shade100 !default; +$horizontalMenuBorder: $menuBorder !default; +$horizontalMenuTextColor: $menuTextColor !default; +$horizontalMenuRootMenuitemPadding: $menuitemPadding !default; +$horizontalMenuRootMenuitemBorderRadius: $borderRadius !default; +$horizontalMenuRootMenuitemTextColor: $menuitemTextColor !default; +$horizontalMenuRootMenuitemIconColor: $menuitemIconColor !default; +$horizontalMenuRootMenuitemTextHoverColor: $menuitemTextHoverColor !default; +$horizontalMenuRootMenuitemIconHoverColor: $menuitemIconHoverColor !default; +$horizontalMenuRootMenuitemHoverBg: $menuitemHoverBg !default; +$horizontalMenuRootMenuitemTextActiveColor: $menuitemTextActiveColor !default; +$horizontalMenuRootMenuitemIconActiveColor: $menuitemIconActiveColor !default; +$horizontalMenuRootMenuitemActiveBg: $menuitemActiveBg !default; + +//badge and tag +$badgeBg: $primaryColor !default; +$badgeTextColor: $primaryTextColor !default; +$badgeMinWidth: 1.5rem !default; +$badgeHeight: 1.5rem !default; +$badgeFontWeight: 700 !default; +$badgeFontSize: 0.75rem !default; + +$tagPadding: 0.25rem 0.4rem !default; + +//carousel +$carouselIndicatorsPadding: 1rem !default; +$carouselIndicatorBg: $shade200 !default; +$carouselIndicatorHoverBg: $shade300 !default; +$carouselIndicatorBorderRadius: 0 !default; +$carouselIndicatorWidth: 2rem !default; +$carouselIndicatorHeight: 0.5rem !default; + +//galleria +$galleriaMaskBg: rgba(0, 0, 0, 0.9) !default; +$galleriaCloseIconMargin: 0.5rem !default; +$galleriaCloseIconFontSize: 2rem !default; +$galleriaCloseIconBg: transparent !default; +$galleriaCloseIconColor: $shade100 !default; +$galleriaCloseIconHoverBg: rgba(255, 255, 255, 0.1) !default; +$galleriaCloseIconHoverColor: $shade100 !default; +$galleriaCloseIconWidth: 4rem !default; +$galleriaCloseIconHeight: 4rem !default; +$galleriaCloseIconBorderRadius: 50% !default; + +$galleriaItemNavigatorBg: transparent !default; +$galleriaItemNavigatorColor: $shade100 !default; +$galleriaItemNavigatorMargin: 0 0.5rem !default; +$galleriaItemNavigatorFontSize: 2rem !default; +$galleriaItemNavigatorHoverBg: rgba(255, 255, 255, 0.1) !default; +$galleriaItemNavigatorHoverColor: $shade100 !default; +$galleriaItemNavigatorWidth: 4rem !default; +$galleriaItemNavigatorHeight: 4rem !default; +$galleriaItemNavigatorBorderRadius: $borderRadius !default; + +$galleriaCaptionBg: rgba(0, 0, 0, 0.5) !default; +$galleriaCaptionTextColor: $shade100 !default; +$galleriaCaptionPadding: 1rem !default; + +$galleriaIndicatorsPadding: 1rem !default; +$galleriaIndicatorBg: $shade200 !default; +$galleriaIndicatorHoverBg: $shade300 !default; +$galleriaIndicatorBorderRadius: 50% !default; +$galleriaIndicatorWidth: 1rem !default; +$galleriaIndicatorHeight: 1rem !default; +$galleriaIndicatorsBgOnItem: rgba(0, 0, 0, 0.5) !default; +$galleriaIndicatorBgOnItem: rgba(255, 255, 255, 0.4) !default; +$galleriaIndicatorHoverBgOnItem: rgba(255, 255, 255, 0.6) !default; + +$galleriaThumbnailContainerBg: rgba(0, 0, 0, 0.9) !default; +$galleriaThumbnailContainerPadding: 1rem 0.25rem !default; +$galleriaThumbnailNavigatorBg: transparent !default; +$galleriaThumbnailNavigatorColor: $shade100 !default; +$galleriaThumbnailNavigatorHoverBg: rgba(255, 255, 255, 0.1) !default; +$galleriaThumbnailNavigatorHoverColor: $shade100 !default; +$galleriaThumbnailNavigatorBorderRadius: 50% !default; +$galleriaThumbnailNavigatorWidth: 2rem !default; +$galleriaThumbnailNavigatorHeight: 2rem !default; + +$dividerHorizontalMargin: 0.5rem 0 !default; +$dividerHorizontalPadding: 0 0.5rem !default; +$dividerVerticalMargin: 0 0.5rem !default; +$dividerVerticalPadding: 0.5rem 0 !default; +$dividerSize: 1px !default; +$dividerColor: $shade300 !default; + +//avatar +$avatarBg: $shade300 !default; +$avatarTextColor: $textColor !default; + +//chip +$chipBg: $shade300 !default; +$chipTextColor: $textColor !default; +$chipBorderRadius: 16px !default; +$chipFocusBg: #c8cbcf !default; +$chipFocusTextColor: $textColor !default; + +//scrollTop +$scrollTopBg: rgba(0, 0, 0, 0.7) !default; +$scrollTopHoverBg: rgba(0, 0, 0, 0.8) !default; +$scrollTopWidth: 2rem !default; +$scrollTopHeight: 2rem !default; +$scrollTopBorderRadius: $borderRadius !default; +$scrollTopFontSize: 1rem !default; +$scrollTopTextColor: $shade100 !default; + +//skeleton +$skeletonBg: $shade200 !default; +$skeletonAnimationBg: rgba(255, 255, 255, 0.4) !default; + +//splitter +$splitterGutterBg: $shade100 !default; +$splitterGutterHandleBg: $shade300 !default; + +//speeddial +$speedDialButtonWidth: 2.75rem !default; +$speedDialButtonHeight: 2.75rem !default; +$speedDialButtonIconFontSize: 1rem !default; +$speedDialActionWidth: 2.25rem !default; +$speedDialActionHeight: 2.25rem !default; +$speedDialActionBg: $shade700 !default; +$speedDialActionHoverBg: $shade800 !default; +$speedDialActionTextColor: #fff !default; +$speedDialActionTextHoverColor: #fff !default; + +//dock +$dockActionWidth: 4rem !default; +$dockActionHeight: 4rem !default; +$dockItemPadding: 0.5rem !default; +$dockItemBorderRadius: $borderRadius !default; +$dockCurrentItemMargin: 1.5rem !default; +$dockFirstItemsMargin: 1.3rem !default; +$dockSecondItemsMargin: 0.9rem !default; +$dockBg: rgba(255, 255, 255, 0.1) !default; +$dockBorder: 1px solid rgba(255, 255, 255, 0.2) !default; +$dockPadding: 0.5rem 0.5rem !default; +$dockBorderRadius: 0.5rem !default; + +//image +$imageMaskBg: rgba(0, 0, 0, 0.9) !default; +$imagePreviewToolbarPadding: 1rem !default; +$imagePreviewIndicatorColor: #f8f9fa !default; +$imagePreviewIndicatorBg: rgba(0, 0, 0, 0.5) !default; +$imagePreviewActionIconBg: transparent !default; +$imagePreviewActionIconColor: #f8f9fa !default; +$imagePreviewActionIconHoverBg: rgba(255, 255, 255, 0.1) !default; +$imagePreviewActionIconHoverColor: #f8f9fa !default; +$imagePreviewActionIconWidth: 3rem !default; +$imagePreviewActionIconHeight: 3rem !default; +$imagePreviewActionIconFontSize: 1.5rem !default; +$imagePreviewActionIconBorderRadius: 50% !default; + +:root { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol"; + --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol"; + --surface-a: #{$shade000}; + --surface-b: #{$shade100}; + --surface-c: #{$shade200}; + --surface-d: #{$shade300}; + --surface-e: #{$shade000}; + --surface-f: #{$shade000}; + --text-color: #{$shade700}; + --text-color-secondary: #{$shade600}; + --primary-color: #{$primaryColor}; + --primary-color-text: #{$primaryTextColor}; + --surface-0: #ffffff; + --surface-50: #eff0f0; + --surface-100: #dfe0e1; + --surface-200: #bfc1c4; + --surface-300: #9fa3a6; + --surface-400: #7f8489; + --surface-500: #5f656b; + --surface-600: #4c5156; + --surface-700: #393d40; + --surface-800: #26282b; + --surface-900: #131415; + --gray-50: #eff0f0; + --gray-100: #dfe0e1; + --gray-200: #bfc1c4; + --gray-300: #9fa3a6; + --gray-400: #7f8489; + --gray-500: #5f656b; + --gray-600: #4c5156; + --gray-700: #393d40; + --gray-800: #26282b; + --gray-900: #131415; + --content-padding: #{$panelContentPadding}; + --inline-spacing: #{$inlineSpacing}; + --border-radius: #{$borderRadius}; + --surface-ground: #f2f4f8; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #dee2e6; + --surface-hover: #dde1e6; + --maskbg: #{$maskBg}; + --highlight-bg: #{$highlightBg}; + --highlight-text-color: #{$highlightTextColor}; + --focus-ring: #{$focusShadow}; + color-scheme: light; +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/nano/theme.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/nano/theme.scss new file mode 100644 index 000000000..fccd4b036 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/nano/theme.scss @@ -0,0 +1,4 @@ +@import './variables'; +@import './_fonts'; +@import '../../theme-base/_components'; +@import './_extensions'; diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/nova/_variables.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/nova/_variables.scss new file mode 100644 index 000000000..819b3f86d --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/nova/_variables.scss @@ -0,0 +1,876 @@ +$colors: ( + "blue": #106ebe, + "green": #56a641, + "yellow": #f6bd30, + "cyan": #2cacd5, + "pink": #d8297d, + "indigo": #2c47d5, + "teal": #41a694, + "orange": #f68f30, + "bluegray": #657c8a, + "purple": #8378de, + "red": #d82a13, + "primary": $primaryColor, +) !default; + +//Global +$fontFamily: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, + Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default; +$fontSize: 1rem !default; +$fontWeight: normal !default; +$textColor: #333333 !default; +$textSecondaryColor: #848484 !default; +$borderRadius: 3px !default; +$transitionDuration: 0.2s !default; +$formElementTransition: background-color $transitionDuration, + color $transitionDuration, border-color $transitionDuration, + box-shadow $transitionDuration !default; +$actionIconTransition: background-color $transitionDuration, + color $transitionDuration, box-shadow $transitionDuration !default; +$listItemTransition: background-color $transitionDuration, + box-shadow $transitionDuration !default; +$primeIconFontSize: 1rem !default; +$divider: 1px solid #d8dae2 !default; +$inlineSpacing: 0.5rem !default; //spacing between inline elements +$disabledOpacity: 0.5 !default; //opacity of a disabled item +$maskBg: rgba(0, 0, 0, 0.4) !default; //modal mask bg color +$loadingIconFontSize: 2rem !default; +$errorColor: #a80000 !default; + +//scale +$scaleSM: 0.875 !default; +$scaleLG: 1.25 !default; + +//focus +$focusOutlineColor: lighten($primaryColor, 35%) !default; +$focusOutline: 0 none !default; +$focusOutlineOffset: 0 !default; +$focusShadow: 0 0 0 0.2rem $focusOutlineColor !default; + +//action icons +$actionIconWidth: 2rem !default; +$actionIconHeight: 2rem !default; +$actionIconBg: transparent !default; +$actionIconBorder: 0 none !default; +$actionIconColor: #a6a6a6 !default; +$actionIconHoverBg: transparent !default; +$actionIconHoverBorderColor: transparent !default; +$actionIconHoverColor: $primaryColor !default; +$actionIconBorderRadius: 50% !default; + +//input field (e.g. inputtext, spinner, inputmask) +$inputPadding: 0.429rem 0.429rem !default; +$inputTextFontSize: 1rem !default; +$inputBg: #ffffff !default; +$inputTextColor: $textColor !default; +$inputIconColor: $textSecondaryColor !default; +$inputBorder: 1px solid #a6a6a6 !default; +$inputHoverBorderColor: #212121 !default; +$inputFocusBorderColor: $primaryColor !default; +$inputErrorBorderColor: $errorColor !default; +$inputPlaceholderTextColor: #666666 !default; +$inputFilledBg: #f4f4f4 !default; +$inputFilledHoverBg: #f4f4f4 !default; +$inputFilledFocusBg: #f4f4f4 !default; + +//input groups +$inputGroupBg: #eaeaea !default; +$inputGroupTextColor: $textSecondaryColor !default; +$inputGroupAddOnMinWidth: 2.357rem !default; + +//input lists (e.g. dropdown, autocomplete, multiselect, orderlist) +$inputListBg: #ffffff !default; +$inputListTextColor: $textColor !default; +$inputListBorder: 1px solid #a6a6a6 !default; +$inputListPadding: 0 !default; +$inputListItemPadding: 0.429rem 0.857rem !default; +$inputListItemBg: transparent !default; +$inputListItemTextColor: $textColor !default; +$inputListItemHoverBg: #eaeaea !default; +$inputListItemTextHoverColor: $textColor !default; +$inputListItemFocusBg: #d6d6d6 !default; +$inputListItemTextFocusColor: $textColor !default; +$inputListItemBorder: 0 none !default; +$inputListItemBorderRadius: 0 !default; +$inputListItemMargin: 0 !default; +$inputListItemFocusShadow: inset 0 0 0 0.15rem lighten($primaryColor, 35%) !default; +$inputListHeaderPadding: 0.429rem 0.857rem !default; +$inputListHeaderMargin: 0 !default; +$inputListHeaderBg: #ffffff !default; +$inputListHeaderTextColor: $textColor !default; +$inputListHeaderBorder: 1px solid #eaeaea !default; + +//inputs with overlays (e.g. autocomplete, dropdown, multiselect) +$inputOverlayBg: $inputListBg !default; +$inputOverlayHeaderBg: $inputListHeaderBg !default; +$inputOverlayBorder: 1px solid #c8c8c8 !default; +$inputOverlayShadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16) !default; + +//password +$passwordMeterBg: #eaeaea !default; +$passwordWeakBg: #e91224 !default; +$passwordMediumBg: #ffba01 !default; +$passwordStrongBg: #34a835 !default; + +//button +$buttonPadding: 0.429rem 1rem !default; +$buttonIconOnlyWidth: 2.357rem !default; +$buttonIconOnlyPadding: 0.429rem 0 !default; +$buttonBg: $primaryColor !default; +$buttonTextColor: $primaryTextColor !default; +$buttonBorder: 1px solid $primaryColor !default; +$buttonHoverBg: $primaryDarkColor !default; +$buttonTextHoverColor: $primaryTextColor !default; +$buttonHoverBorderColor: $primaryDarkColor !default; +$buttonActiveBg: $primaryDarkerColor !default; +$buttonTextActiveColor: $primaryTextColor !default; +$buttonActiveBorderColor: $primaryDarkerColor !default; +$raisedButtonShadow: 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) !default; +$roundedButtonBorderRadius: 2rem !default; + +$textButtonHoverBgOpacity: 0.04 !default; +$textButtonActiveBgOpacity: 0.16 !default; +$outlinedButtonBorder: 1px solid !default; +$plainButtonTextColor: $textSecondaryColor !default; +$plainButtonHoverBgColor: #eaeaea !default; +$plainButtonActiveBgColor: #d2d2d2 !default; + +$secondaryButtonBg: #607d8b !default; +$secondaryButtonTextColor: #ffffff !default; +$secondaryButtonBorder: 1px solid #607d8b !default; +$secondaryButtonHoverBg: #546e7a !default; +$secondaryButtonTextHoverColor: #ffffff !default; +$secondaryButtonHoverBorderColor: #546e7a !default; +$secondaryButtonActiveBg: #455a64 !default; +$secondaryButtonTextActiveColor: #ffffff !default; +$secondaryButtonActiveBorderColor: #455a64 !default; +$secondaryButtonFocusShadow: 0 0 0 0.2rem #b0bec5 !default; + +$infoButtonBg: #007ad9 !default; +$infoButtonTextColor: #ffffff !default; +$infoButtonBorder: 1px solid #007ad9 !default; +$infoButtonHoverBg: #116fbf !default; +$infoButtonTextHoverColor: #ffffff !default; +$infoButtonHoverBorderColor: #116fbf !default; +$infoButtonActiveBg: #005b9f !default; +$infoButtonTextActiveColor: #ffffff !default; +$infoButtonActiveBorderColor: #005b9f !default; +$infoButtonFocusShadow: 0 0 0 0.2rem lighten($infoButtonBg, 35%) !default; + +$successButtonBg: #34a835 !default; +$successButtonTextColor: #ffffff !default; +$successButtonBorder: 1px solid #34a835 !default; +$successButtonHoverBg: #107d11 !default; +$successButtonTextHoverColor: #ffffff !default; +$successButtonHoverBorderColor: #107d11 !default; +$successButtonActiveBg: #0c6b0d !default; +$successButtonTextActiveColor: #ffffff !default; +$successButtonActiveBorderColor: #0c6b0d !default; +$successButtonFocusShadow: 0 0 0 0.2rem lighten($successButtonBg, 35%) !default; + +$warningButtonBg: #ffba01 !default; +$warningButtonTextColor: $textColor !default; +$warningButtonBorder: 1px solid #ffba01 !default; +$warningButtonHoverBg: #ed990b !default; +$warningButtonTextHoverColor: $textColor !default; +$warningButtonHoverBorderColor: #ed990b !default; +$warningButtonActiveBg: #d38b10 !default; +$warningButtonTextActiveColor: $textColor !default; +$warningButtonActiveBorderColor: #d38b10 !default; +$warningButtonFocusShadow: 0 0 0 0.2rem lighten($warningButtonBg, 35%) !default; + +$helpButtonBg: #9c27b0 !default; +$helpButtonTextColor: #ffffff !default; +$helpButtonBorder: 1px solid #9c27b0 !default; +$helpButtonHoverBg: #8e24aa !default; +$helpButtonTextHoverColor: #ffffff !default; +$helpButtonHoverBorderColor: #8e24aa !default; +$helpButtonActiveBg: #7b1fa2 !default; +$helpButtonTextActiveColor: #ffffff !default; +$helpButtonActiveBorderColor: #7b1fa2 !default; +$helpButtonFocusShadow: 0 0 0 0.2rem #ce93d8 !default; + +$dangerButtonBg: #e91224 !default; +$dangerButtonTextColor: #ffffff !default; +$dangerButtonBorder: 1px solid #e91224 !default; +$dangerButtonHoverBg: #c01120 !default; +$dangerButtonTextHoverColor: #ffffff !default; +$dangerButtonHoverBorderColor: #c01120 !default; +$dangerButtonActiveBg: #a90000 !default; +$dangerButtonTextActiveColor: #ffffff !default; +$dangerButtonActiveBorderColor: #a90000 !default; +$dangerButtonFocusShadow: 0 0 0 0.2rem lighten($dangerButtonBg, 35%) !default; + +$linkButtonColor: $primaryDarkerColor !default; +$linkButtonHoverColor: $primaryDarkerColor !default; +$linkButtonTextHoverDecoration: underline !default; +$linkButtonFocusShadow: 0 0 0 0.2rem $focusOutlineColor !default; + +//checkbox +$checkboxWidth: 20px !default; +$checkboxHeight: 20px !default; +$checkboxBorder: $inputBorder !default; +$checkboxIconFontSize: 14px !default; +$checkboxActiveBorderColor: $primaryColor !default; +$checkboxActiveBg: $primaryColor !default; +$checkboxIconActiveColor: $primaryTextColor !default; +$checkboxActiveHoverBg: $primaryDarkerColor !default; +$checkboxIconActiveHoverColor: $primaryTextColor !default; +$checkboxActiveHoverBorderColor: $primaryDarkerColor !default; + +//radiobutton +$radiobuttonWidth: 20px !default; +$radiobuttonHeight: 20px !default; +$radiobuttonBorder: $inputBorder !default; +$radiobuttonIconSize: 12px !default; +$radiobuttonActiveBorderColor: $primaryColor !default; +$radiobuttonActiveBg: $primaryColor !default; +$radiobuttonIconActiveColor: $primaryTextColor !default; +$radiobuttonActiveHoverBg: $primaryDarkerColor !default; +$radiobuttonIconActiveHoverColor: $primaryTextColor !default; +$radiobuttonActiveHoverBorderColor: $primaryDarkerColor !default; + +//colorpicker +$colorPickerPreviewWidth: 2rem !default; +$colorPickerPreviewHeight: 2rem !default; +$colorPickerBg: #323232 !default; +$colorPickerBorder: 1px solid #191919 !default; +$colorPickerHandleColor: #ffffff !default; + +//togglebutton +$toggleButtonBg: #dadada !default; +$toggleButtonBorder: 1px solid #dadada !default; +$toggleButtonTextColor: $textColor !default; +$toggleButtonIconColor: #666666 !default; +$toggleButtonHoverBg: #c8c8c8 !default; +$toggleButtonHoverBorderColor: #c8c8c8 !default; +$toggleButtonTextHoverColor: $textColor !default; +$toggleButtonIconHoverColor: #212121 !default; +$toggleButtonActiveBg: $primaryColor !default; +$toggleButtonActiveBorderColor: $primaryColor !default; +$toggleButtonTextActiveColor: $primaryTextColor !default; +$toggleButtonIconActiveColor: $primaryTextColor !default; +$toggleButtonActiveHoverBg: $primaryDarkColor !default; +$toggleButtonActiveHoverBorderColor: $primaryDarkColor !default; +$toggleButtonTextActiveHoverColor: $primaryTextColor !default; +$toggleButtonIconActiveHoverColor: $primaryTextColor !default; + +//inplace +$inplacePadding: $inputPadding !default; +$inplaceHoverBg: #eaeaea !default; +$inplaceTextHoverColor: $textColor !default; + +//rating +$ratingIconFontSize: 1.143rem !default; +$ratingCancelIconColor: #e4018d !default; +$ratingCancelIconHoverColor: #b5019f !default; +$ratingStarIconOffColor: $textColor !default; +$ratingStarIconOnColor: $primaryColor !default; +$ratingStarIconHoverColor: $primaryColor !default; + +//slider +$sliderBg: #c8c8c8 !default; +$sliderBorder: 0 none !default; +$sliderHorizontalHeight: 0.286rem !default; +$sliderVerticalWidth: 0.286rem !default; +$sliderHandleWidth: 1.143rem !default; +$sliderHandleHeight: 1.143rem !default; +$sliderHandleBg: #ffffff !default; +$sliderHandleBorder: 2px solid #666666 !default; +$sliderHandleBorderRadius: 100% !default; +$sliderHandleHoverBorderColor: $primaryColor !default; +$sliderHandleHoverBg: #666666 !default; +$sliderRangeBg: $primaryColor !default; + +//calendar +$calendarTableMargin: 0.857rem 0 !default; +$calendarPadding: 0.857rem !default; +$calendarBg: $inputListBg !default; +$calendarInlineBg: $calendarBg !default; +$calendarTextColor: $inputListTextColor !default; +$calendarBorder: $inputListBorder !default; +$calendarOverlayBorder: $inputOverlayBorder !default; + +$calendarHeaderPadding: 0.5rem !default; +$calendarHeaderBg: $inputListHeaderBg !default; +$calendarInlineHeaderBg: $calendarBg !default; +$calendarHeaderBorder: 0 none !default; +$calendarHeaderTextColor: $inputListHeaderTextColor !default; +$calendarHeaderFontWeight: 700 !default; +$calendarHeaderCellPadding: 0.5rem !default; +$calendarMonthYearHeaderHoverTextColor: $primaryColor !default; + +$calendarCellDatePadding: 0.5rem !default; +$calendarCellDateWidth: 2.5rem !default; +$calendarCellDateHeight: 2.5rem !default; +$calendarCellDateBorderRadius: $borderRadius !default; +$calendarCellDateBorder: 1px solid transparent !default; +$calendarCellDateHoverBg: #eaeaea !default; +$calendarCellDateTodayBg: #d0d0d0 !default; +$calendarCellDateTodayBorderColor: transparent !default; +$calendarCellDateTodayTextColor: $textColor !default; + +$calendarButtonBarPadding: 0.857rem 0 0.429rem 0 !default; +$calendarTimePickerPadding: 0.857rem 0 0.429rem 0 !default; +$calendarTimePickerElementPadding: 0 0.429rem !default; +$calendarTimePickerTimeFontSize: 1.286rem !default; + +$calendarBreakpoint: 769px !default; +$calendarCellDatePaddingSM: 0.25rem !default; + +//input switch +$inputSwitchWidth: 3rem !default; +$inputSwitchHeight: 1.75rem !default; +$inputSwitchBorderRadius: 30px !default; +$inputSwitchHandleWidth: 1.25rem !default; +$inputSwitchHandleHeight: 1.25rem !default; +$inputSwitchHandleBorderRadius: 50% !default; +$inputSwitchSliderPadding: 0.25rem !default; +$inputSwitchSliderOffBg: #cccccc !default; +$inputSwitchHandleOffBg: #ffffff !default; +$inputSwitchSliderOffHoverBg: #b7b7b7 !default; +$inputSwitchSliderOnBg: $primaryColor !default; +$inputSwitchSliderOnHoverBg: $primaryDarkColor !default; +$inputSwitchHandleOnBg: #cccccc !default; + +//panel +$panelHeaderBorderColor: $containerHeaderBorderColor !default; +$panelHeaderBorder: $containerHeaderBorder !default; +$panelHeaderBg: $containerHeaderBg !default; +$panelHeaderTextColor: $containerHeaderTextColor !default; +$panelHeaderFontWeight: 700 !default; +$panelHeaderPadding: 0.857rem 1rem !default; +$panelToggleableHeaderPadding: 0.857rem 1rem !default; + +$panelHeaderHoverBg: #dbdbdb !default; +$panelHeaderHoverBorderColor: #dbdbdb !default; +$panelHeaderTextHoverColor: $textColor !default; + +$panelContentBorderColor: #c8c8c8 !default; +$panelContentBorder: 1px solid #c8c8c8 !default; +$panelContentBg: #ffffff !default; +$panelContentEvenRowBg: #f9f9f9 !default; +$panelContentTextColor: $textColor !default; +$panelContentPadding: 0.571rem 1rem !default; + +$panelFooterBorder: 1px solid #c8c8c8 !default; +$panelFooterBg: #ffffff !default; +$panelFooterTextColor: $textColor !default; +$panelFooterPadding: 0.571rem 1rem !default; + +//accordion +$accordionSpacing: 2px !default; +$accordionHeaderBorder: $panelHeaderBorder !default; +$accordionHeaderBg: $panelHeaderBg !default; +$accordionHeaderTextColor: $panelHeaderTextColor !default; +$accordionHeaderFontWeight: $panelHeaderFontWeight !default; +$accordionHeaderPadding: $panelHeaderPadding !default; + +$accordionHeaderHoverBg: #dbdbdb !default; +$accordionHeaderHoverBorderColor: #dbdbdb !default; +$accordionHeaderTextHoverColor: $textColor !default; + +$accordionHeaderActiveBg: $primaryColor !default; +$accordionHeaderActiveBorderColor: $primaryColor !default; +$accordionHeaderTextActiveColor: #ffffff !default; + +$accordionHeaderActiveHoverBg: $primaryDarkerColor !default; +$accordionHeaderActiveHoverBorderColor: $primaryDarkerColor !default; +$accordionHeaderTextActiveHoverColor: #ffffff !default; + +$accordionContentBorder: $panelContentBorder !default; +$accordionContentBg: $panelContentBg !default; +$accordionContentTextColor: $panelContentTextColor !default; +$accordionContentPadding: $panelContentPadding !default; + +//tabview +$tabviewNavBorder: 0 none !default; +$tabviewNavBorderWidth: 1px !default; +$tabviewNavBg: transparent !default; + +$tabviewHeaderSpacing: 2px !default; +$tabviewHeaderBorder: $panelHeaderBorder !default; +$tabviewHeaderBorderWidth: 1px !default; +$tabviewHeaderBorderColor: $containerHeaderBorderColor !default; +$tabviewHeaderBg: $panelHeaderBg !default; +$tabviewHeaderTextColor: $panelHeaderTextColor !default; +$tabviewHeaderFontWeight: $panelHeaderFontWeight !default; +$tabviewHeaderPadding: $panelHeaderPadding !default; +$tabviewHeaderMargin: 0 0 -1px 0 !default; + +$tabviewHeaderHoverBg: #dbdbdb !default; +$tabviewHeaderHoverBorderColor: #dbdbdb !default; +$tabviewHeaderTextHoverColor: $textColor !default; + +$tabviewHeaderActiveBg: $primaryColor !default; +$tabviewHeaderActiveBorderColor: $primaryColor !default; +$tabviewHeaderTextActiveColor: #ffffff !default; + +$tabviewContentBorder: $panelContentBorder !default; +$tabviewContentBg: $panelContentBg !default; +$tabviewContentTextColor: $panelContentTextColor !default; +$tabviewContentPadding: $panelContentPadding !default; + +//upload +$fileUploadProgressBarHeight: 0.25rem !default; +$fileUploadContentPadding: $panelContentPadding !default; +$fileUploadContentHoverBorder: 1px dashed $primaryColor !default; + +//scrollpanel +$scrollPanelTrackBorder: 0 none !default; +$scrollPanelTrackBg: #f8f8f8 !default; + +//card +$cardBodyPadding: 1rem !default; +$cardTitleFontSize: 1.5rem !default; +$cardTitleFontWeight: 700 !default; +$cardSubTitleFontWeight: 700 !default; +$cardSubTitleColor: $textSecondaryColor !default; +$cardContentPadding: 1rem 0 !default; +$cardFooterPadding: 1rem 0 0 0 !default; +$cardShadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24) !default; + +//editor +$editorToolbarBg: $panelHeaderBg !default; +$editorToolbarBorder: $panelHeaderBorder !default; +$editorToolbarPadding: $panelHeaderPadding !default; +$editorToolbarIconColor: $textSecondaryColor !default; +$editorToolbarIconHoverColor: $textColor !default; +$editorIconActiveColor: $primaryColor !default; +$editorContentBorder: $panelContentBorder !default; +$editorContentBg: $panelContentBg !default; + +//paginator +$paginatorBg: #f4f4f4 !default; +$paginatorTextColor: $textColor !default; +$paginatorBorder: solid #c8c8c8 !default; +$paginatorBorderWidth: 1px !default; +$paginatorPadding: 0 !default; +$paginatorElementWidth: $buttonIconOnlyWidth !default; +$paginatorElementHeight: $buttonIconOnlyWidth !default; +$paginatorElementBg: transparent !default; +$paginatorElementBorder: 0 none !default; +$paginatorElementIconColor: $textSecondaryColor !default; +$paginatorElementHoverBg: #e0e0e0 !default; +$paginatorElementHoverBorderColor: transparent !default; +$paginatorElementIconHoverColor: $textColor !default; +$paginatorElementBorderRadius: 0 !default; +$paginatorElementMargin: 0 !default; +$paginatorElementPadding: 0 !default; + +//table +$tableHeaderBorder: $panelHeaderBorder !default; +$tableHeaderBorderWidth: 1px 1px 0 1px !default; +$tableHeaderBg: $panelHeaderBg !default; +$tableHeaderTextColor: $panelHeaderTextColor !default; +$tableHeaderFontWeight: $panelHeaderFontWeight !default; +$tableHeaderPadding: $panelHeaderPadding !default; + +$tableHeaderCellPadding: 0.571rem 0.857rem !default; +$tableHeaderCellBg: #f4f4f4 !default; +$tableHeaderCellTextColor: $textColor !default; +$tableHeaderCellFontWeight: 700 !default; +$tableHeaderCellBorder: 1px solid #c8c8c8 !default; +$tableHeaderCellBorderWidth: 1px 1px 1px 1px !default; +$tableHeaderCellHoverBg: #e0e0e0 !default; +$tableHeaderCellTextHoverColor: $textColor !default; +$tableHeaderCellIconColor: $textSecondaryColor !default; +$tableHeaderCellIconHoverColor: $textColor !default; +$tableHeaderCellHighlightBg: $highlightBg !default; +$tableHeaderCellHighlightTextColor: $highlightTextColor !default; +$tableHeaderCellHighlightHoverBg: $highlightBg !default; +$tableHeaderCellHighlightTextHoverColor: $highlightTextColor !default; +$tableSortableColumnBadgeSize: 1.143rem !default; + +$tableBodyRowBg: #ffffff !default; +$tableBodyRowTextColor: $textColor !default; +$tableBodyRowEvenBg: #f9f9f9 !default; +$tableBodyRowHoverBg: #eaeaea !default; +$tableBodyRowTextHoverColor: $textColor !default; +$tableBodyCellBorder: 1px solid #c8c8c8 !default; +$tableBodyCellBorderWidth: 1px !default; +$tableBodyCellPadding: 0.571rem 0.857rem !default; + +$tableFooterCellPadding: 0.571rem 0.857rem !default; +$tableFooterCellBg: #f4f4f4 !default; +$tableFooterCellTextColor: $textColor !default; +$tableFooterCellFontWeight: 700 !default; +$tableFooterCellBorder: 1px solid #c8c8c8 !default; +$tableFooterCellBorderWidth: 1px !default; +$tableResizerHelperBg: $primaryColor !default; + +$tableFooterBorder: $panelFooterBorder !default; +$tableFooterBorderWidth: 0 1px 1px 1px !default; +$tableFooterBg: $panelFooterBg !default; +$tableFooterTextColor: $panelFooterTextColor !default; +$tableFooterFontWeight: normal !default; +$tableFooterPadding: $panelFooterPadding !default; + +$tableCellContentAlignment: left !default; +$tableTopPaginatorBorderWidth: 1px 1px 0 1px !default; +$tableBottomPaginatorBorderWidth: 0 1px 1px 1px !default; + +$tableScaleSM: 0.85 !default; +$tableScaleLG: 1.25 !default; + +//dataview +$dataViewContentPadding: 0 !default; +$dataViewContentBorder: 0 none !default; + +//tree +$treeContainerPadding: 0.286rem !default; +$treeNodePadding: 0.143rem !default; +$treeNodeContentPadding: 0 !default; +$treeNodeChildrenPadding: 0 0 0 1rem !default; +$treeNodeIconColor: $textSecondaryColor !default; + +//timeline +$timelineVerticalEventContentPadding: 0 1rem !default; +$timelineHorizontalEventContentPadding: 1rem 0 !default; +$timelineEventMarkerWidth: 1rem !default; +$timelineEventMarkerHeight: 1rem !default; +$timelineEventMarkerBorderRadius: 50% !default; +$timelineEventMarkerBorder: 0 none !default; +$timelineEventMarkerBackground: $highlightBg !default; +$timelineEventConnectorSize: 2px !default; +$timelineEventColor: #c8c8c8 !default; + +//org chart +$organizationChartConnectorColor: #c8c8c8 !default; + +//messages +$messageMargin: 1rem 0 !default; +$messagePadding: 1rem !default; +$messageBorderWidth: 0 !default; +$messageIconFontSize: 1.5rem !default; +$messageTextFontSize: 1rem !default; +$messageTextFontWeight: normal !default; + +//message +$inlineMessagePadding: 0.5rem !default; +$inlineMessageMargin: 0 !default; +$inlineMessageIconFontSize: 1rem !default; +$inlineMessageTextFontSize: 1rem !default; +$inlineMessageBorderWidth: 0 !default; + +//toast +$toastIconFontSize: 2rem !default; +$toastMessageTextMargin: 0 0 0 $inlineSpacing !default; +$toastMargin: 0 0 1rem 0 !default; +$toastPadding: 1rem !default; +$toastBorderWidth: 0 !default; +$toastShadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16) !default; +$toastOpacity: 0.9 !default; +$toastTitleFontWeight: 700 !default; +$toastDetailMargin: $inlineSpacing 0 0 0 !default; + +//severities +$infoMessageBg: #7fbcec !default; +$infoMessageBorder: 0 none !default; +$infoMessageTextColor: #212121 !default; +$infoMessageIconColor: #212121 !default; +$successMessageBg: #b7d8b7 !default; +$successMessageBorder: 0 none !default; +$successMessageTextColor: #212121 !default; +$successMessageIconColor: #212121 !default; +$warningMessageBg: #ffe399 !default; +$warningMessageBorder: 0 none !default; +$warningMessageTextColor: #212121 !default; +$warningMessageIconColor: #212121 !default; +$errorMessageBg: #f8b7bd !default; +$errorMessageBorder: 0 none !default; +$errorMessageTextColor: #212121 !default; +$errorMessageIconColor: #212121 !default; + +//overlays +$overlayContentBorder: 1px solid #c8c8c8 !default; +$overlayContentBg: $panelContentBg !default; +$overlayContainerShadow: 0 0 6px 0 rgba(0, 0, 0, 0.16) !default; + +//dialog +$dialogHeaderBg: $panelHeaderBg !default; +$dialogHeaderBorder: $panelHeaderBorder !default; +$dialogHeaderTextColor: $panelHeaderTextColor !default; +$dialogHeaderFontWeight: $panelHeaderFontWeight !default; +$dialogHeaderFontSize: 1rem !default; +$dialogHeaderPadding: 1rem !default; +$dialogContentPadding: 1rem !default; +$dialogFooterBorder: $panelFooterBorder !default; +$dialogFooterPadding: $panelFooterPadding !default; + +//confirmpopup +$confirmPopupContentPadding: $panelContentPadding !default; +$confirmPopupFooterPadding: 0 1rem 0.571rem 1rem !default; + +//tooltip +$tooltipBg: $textColor !default; +$tooltipTextColor: #ffffff !default; +$tooltipPadding: $inputPadding !default; + +//steps +$stepsItemBg: #ffffff !default; +$stepsItemBorder: 1px solid #dee2e6 !default; +$stepsItemTextColor: $textSecondaryColor !default; +$stepsItemNumberWidth: 2rem !default; +$stepsItemNumberHeight: 2rem !default; +$stepsItemNumberFontSize: 1.143rem !default; +$stepsItemNumberColor: $textColor !default; +$stepsItemNumberBorderRadius: 50% !default; +$stepsItemActiveFontWeight: 700 !default; + +//progressbar +$progressBarHeight: 24px !default; +$progressBarBorder: 0 none !default; +$progressBarBg: #eaeaea !default; +$progressBarValueBg: $primaryColor !default; +$progressBarValueTextColor: $primaryTextColor !default; + +//menu (e.g. menu, menubar, tieredmenu) +$menuWidth: 12.5rem !default; +$menuBg: #ffffff !default; +$menuBorder: 1px solid #c8c8c8 !default; +$menuTextColor: $textColor !default; +$menuitemPadding: 0.857rem !default; +$menuitemBorderRadius: 0 !default; +$menuitemTextColor: $textColor !default; +$menuitemIconColor: $textColor !default; +$menuitemTextHoverColor: $textColor !default; +$menuitemIconHoverColor: $textColor !default; +$menuitemHoverBg: #eaeaea !default; +$menuitemTextFocusColor: $textColor !default; +$menuitemIconFocusColor: $textColor !default; +$menuitemFocusBg: #d6d6d6 !default; +$menuitemTextActiveColor: $textColor !default; +$menuitemIconActiveColor: $textColor !default; +$menuitemActiveBg: #eaeaea !default; +$menuitemActiveFocusBg: #eaeaea !default; +$menuitemSubmenuIconFontSize: 0.875rem !default; +$submenuHeaderMargin: 0 !default; +$submenuHeaderPadding: 0.857rem !default; +$submenuHeaderBg: #f4f4f4 !default; +$submenuHeaderTextColor: $textColor !default; +$submenuHeaderBorderRadius: $borderRadius !default; +$submenuHeaderFontWeight: 700 !default; +$overlayMenuBg: $menuBg !default; +$overlayMenuBorder: 1px solid #c8c8c8 !default; +$overlayMenuShadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16) !default; +$verticalMenuPadding: 0 !default; +$verticalMenuitemMargin: 0 !default; +$menuSeparatorMargin: 0 !default; + +$breadcrumbPadding: 0.571rem 1rem !default; +$breadcrumbBg: $menuBg !default; +$breadcrumbBorder: $menuBorder !default; +$breadcrumbItemTextColor: $menuitemTextColor !default; +$breadcrumbItemIconColor: $menuitemIconColor !default; +$breadcrumbLastItemTextColor: $menuitemTextColor !default; +$breadcrumbLastItemIconColor: $menuitemIconColor !default; +$breadcrumbSeparatorColor: $menuitemTextColor !default; + +$horizontalMenuPadding: 0.5rem !default; +$horizontalMenuBg: $menuBg !default; +$horizontalMenuBorder: $menuBorder !default; +$horizontalMenuTextColor: $menuTextColor !default; +$horizontalMenuRootMenuitemPadding: $menuitemPadding !default; +$horizontalMenuRootMenuitemBorderRadius: $borderRadius !default; +$horizontalMenuRootMenuitemTextColor: $menuitemTextColor !default; +$horizontalMenuRootMenuitemIconColor: $menuitemIconColor !default; +$horizontalMenuRootMenuitemTextHoverColor: $menuitemTextHoverColor !default; +$horizontalMenuRootMenuitemIconHoverColor: $menuitemIconHoverColor !default; +$horizontalMenuRootMenuitemHoverBg: $menuitemHoverBg !default; +$horizontalMenuRootMenuitemTextActiveColor: $menuitemTextActiveColor !default; +$horizontalMenuRootMenuitemIconActiveColor: $menuitemIconActiveColor !default; +$horizontalMenuRootMenuitemActiveBg: $menuitemActiveBg !default; + +//badge and tag +$badgeBg: $primaryColor !default; +$badgeTextColor: $primaryTextColor !default; +$badgeMinWidth: 1.5rem !default; +$badgeHeight: 1.5rem !default; +$badgeFontWeight: 700 !default; +$badgeFontSize: 0.75rem !default; + +$tagPadding: 0.25rem 0.4rem !default; + +//carousel +$carouselIndicatorsPadding: 1rem !default; +$carouselIndicatorBg: #f4f4f4 !default; +$carouselIndicatorHoverBg: #eaeaea !default; +$carouselIndicatorBorderRadius: 0 !default; +$carouselIndicatorWidth: 2rem !default; +$carouselIndicatorHeight: 0.5rem !default; + +//galleria +$galleriaMaskBg: rgba(0, 0, 0, 0.9) !default; +$galleriaCloseIconMargin: 0.5rem !default; +$galleriaCloseIconFontSize: 2rem !default; +$galleriaCloseIconBg: transparent !default; +$galleriaCloseIconColor: #ebedef !default; +$galleriaCloseIconHoverBg: rgba(255, 255, 255, 0.1) !default; +$galleriaCloseIconHoverColor: #ebedef !default; +$galleriaCloseIconWidth: 4rem !default; +$galleriaCloseIconHeight: 4rem !default; +$galleriaCloseIconBorderRadius: 50% !default; + +$galleriaItemNavigatorBg: rgba(0, 0, 0, 0.2) !default; +$galleriaItemNavigatorColor: #aeb6bf !default; +$galleriaItemNavigatorMargin: 0 0.5rem !default; +$galleriaItemNavigatorFontSize: 2rem !default; +$galleriaItemNavigatorHoverBg: rgba(0, 0, 0, 0.3) !default; +$galleriaItemNavigatorHoverColor: #ebedef !default; +$galleriaItemNavigatorWidth: 4rem !default; +$galleriaItemNavigatorHeight: 4rem !default; +$galleriaItemNavigatorBorderRadius: $borderRadius !default; + +$galleriaCaptionBg: rgba(0, 0, 0, 0.5) !default; +$galleriaCaptionTextColor: #ebedef !default; +$galleriaCaptionPadding: 1rem !default; + +$galleriaIndicatorsPadding: 1rem !default; +$galleriaIndicatorBg: #f4f4f4 !default; +$galleriaIndicatorHoverBg: #eaeaea !default; +$galleriaIndicatorBorderRadius: 50% !default; +$galleriaIndicatorWidth: 1rem !default; +$galleriaIndicatorHeight: 1rem !default; +$galleriaIndicatorsBgOnItem: rgba(0, 0, 0, 0.5) !default; +$galleriaIndicatorBgOnItem: rgba(255, 255, 255, 0.4) !default; +$galleriaIndicatorHoverBgOnItem: rgba(255, 255, 255, 0.6) !default; + +$galleriaThumbnailContainerBg: rgba(0, 0, 0, 0.9) !default; +$galleriaThumbnailContainerPadding: 1rem 0.25rem !default; +$galleriaThumbnailNavigatorBg: transparent !default; +$galleriaThumbnailNavigatorColor: #aeb6bf !default; +$galleriaThumbnailNavigatorHoverBg: rgba(255, 255, 255, 0.1) !default; +$galleriaThumbnailNavigatorHoverColor: #aeb6bf !default; +$galleriaThumbnailNavigatorBorderRadius: 50% !default; +$galleriaThumbnailNavigatorWidth: 2rem !default; +$galleriaThumbnailNavigatorHeight: 2rem !default; + +//divider +$dividerHorizontalMargin: 1rem 0 !default; +$dividerHorizontalPadding: 0 1rem !default; +$dividerVerticalMargin: 0 1rem !default; +$dividerVerticalPadding: 1rem 0 !default; +$dividerSize: 1px !default; +$dividerColor: #c8c8c8 !default; + +//avatar +$avatarBg: #c8c8c8 !default; +$avatarTextColor: $textColor !default; + +//chip +$chipBg: #c8c8c8 !default; +$chipTextColor: $textColor !default; +$chipBorderRadius: 16px !default; +$chipFocusBg: #bababa !default; +$chipFocusTextColor: $textColor !default; + +//scrollTop +$scrollTopBg: rgba(0, 0, 0, 0.7) !default; +$scrollTopHoverBg: rgba(0, 0, 0, 0.8) !default; +$scrollTopWidth: 3rem !default; +$scrollTopHeight: 3rem !default; +$scrollTopBorderRadius: 50% !default; +$scrollTopFontSize: 1.5rem !default; +$scrollTopTextColor: #f4f4f4 !default; + +//skeleton +$skeletonBg: #eaeaea !default; +$skeletonAnimationBg: rgba(255, 255, 255, 0.4) !default; + +//splitter +$splitterGutterBg: #eaeaea !default; +$splitterGutterHandleBg: #d8dae2 !default; + +//speeddial +$speedDialButtonWidth: 4rem !default; +$speedDialButtonHeight: 4rem !default; +$speedDialButtonIconFontSize: 1.3rem !default; +$speedDialActionWidth: 3rem !default; +$speedDialActionHeight: 3rem !default; +$speedDialActionBg: #324249 !default; +$speedDialActionHoverBg: #222c31 !default; +$speedDialActionTextColor: #fff !default; +$speedDialActionTextHoverColor: #fff !default; + +//dock +$dockActionWidth: 4rem !default; +$dockActionHeight: 4rem !default; +$dockItemPadding: 0.5rem !default; +$dockItemBorderRadius: $borderRadius !default; +$dockCurrentItemMargin: 1.5rem !default; +$dockFirstItemsMargin: 1.3rem !default; +$dockSecondItemsMargin: 0.9rem !default; +$dockBg: rgba(255, 255, 255, 0.1) !default; +$dockBorder: 1px solid rgba(255, 255, 255, 0.2) !default; +$dockPadding: 0.5rem 0.5rem !default; +$dockBorderRadius: 0.5rem !default; + +//image +$imageMaskBg: rgba(0, 0, 0, 0.9) !default; +$imagePreviewToolbarPadding: 1rem !default; +$imagePreviewIndicatorColor: #f8f9fa !default; +$imagePreviewIndicatorBg: rgba(0, 0, 0, 0.5) !default; +$imagePreviewActionIconBg: transparent !default; +$imagePreviewActionIconColor: #f8f9fa !default; +$imagePreviewActionIconHoverBg: rgba(255, 255, 255, 0.1) !default; +$imagePreviewActionIconHoverColor: #f8f9fa !default; +$imagePreviewActionIconWidth: 3rem !default; +$imagePreviewActionIconHeight: 3rem !default; +$imagePreviewActionIconFontSize: 1.5rem !default; +$imagePreviewActionIconBorderRadius: 50% !default; + +:root { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol"; + --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol"; + --surface-a: #ffffff; + --surface-b: #f4f4f4; + --surface-c: #eaeaea; + --surface-d: #c8c8c8; + --surface-e: #ffffff; + --surface-f: #ffffff; + --text-color: #333333; + --text-color-secondary: #848484; + --primary-color: #{$primaryColor}; + --primary-color-text: #{$primaryTextColor}; + --surface-0: #ffffff; + --surface-50: #eef1f2; + --surface-100: #dde2e4; + --surface-200: #bbc5ca; + --surface-300: #98a8af; + --surface-400: #768b95; + --surface-500: #546e7a; + --surface-600: #435862; + --surface-700: #324249; + --surface-800: #222c31; + --surface-900: #111618; + --gray-50: #eef1f2; + --gray-100: #dde2e4; + --gray-200: #bbc5ca; + --gray-300: #98a8af; + --gray-400: #768b95; + --gray-500: #546e7a; + --gray-600: #435862; + --gray-700: #324249; + --gray-800: #222c31; + --gray-900: #111618; + --content-padding: #{$panelContentPadding}; + --inline-spacing: #{$inlineSpacing}; + --border-radius: #{$borderRadius}; + --surface-ground: #f4f4f4; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #c8c8c8; + --surface-hover: #eaeaea; + --maskbg: #{$maskBg}; + --highlight-bg: #{$highlightBg}; + --highlight-text-color: #{$highlightTextColor}; + --focus-ring: #{$focusShadow}; + color-scheme: light; +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/nova/_vendor_extensions.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/nova/_vendor_extensions.scss new file mode 100644 index 000000000..94689488d --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/nova/_vendor_extensions.scss @@ -0,0 +1,25 @@ +@layer primeng { + .p-panel { + .p-panel-header { + .p-panel-header-icon { + color: $containerHeaderIconColor; + + &:enabled:hover { + color: $containerHeaderIconHoverColor; + } + } + } + } + + .p-dialog { + .p-dialog-header { + .p-dialog-header-icon { + color: $containerHeaderIconColor; + + &:enabled:hover { + color: $containerHeaderIconHoverColor; + } + } + } + } +} \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/nova/nova-accent/_extensions.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/nova/nova-accent/_extensions.scss new file mode 100644 index 000000000..f5dbaa43b --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/nova/nova-accent/_extensions.scss @@ -0,0 +1 @@ +/* Customizations to the designer theme should be defined here */ \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/nova/nova-accent/_fonts.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/nova/nova-accent/_fonts.scss new file mode 100644 index 000000000..e38a3a604 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/nova/nova-accent/_fonts.scss @@ -0,0 +1 @@ +// Configuration for the font-face of the theme, defaults to the system font so left as blank \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/nova/nova-accent/_variables.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/nova/nova-accent/_variables.scss new file mode 100644 index 000000000..16448d7a9 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/nova/nova-accent/_variables.scss @@ -0,0 +1,17 @@ +$primaryColor: #007ad9 !default; +$primaryDarkColor: #116fbf !default; +$primaryDarkerColor: #005b9f !default; +$primaryTextColor: #ffffff !default; + +$highlightBg: #e02365 !default; +$highlightTextColor: #ffffff !default; +$highlightFocusBg: darken(#e02365, .08) !default; + +$containerHeaderBorderColor: $primaryColor !default; +$containerHeaderBorder: 1px solid $containerHeaderBorderColor !default; +$containerHeaderBg: $primaryColor !default; +$containerHeaderTextColor: $primaryTextColor !default; +$containerHeaderIconColor: $primaryTextColor !default; +$containerHeaderIconHoverColor: lighten($primaryColor, 25%) !default; + +@import '../_variables'; \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/nova/nova-accent/_vendor_extensions.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/nova/nova-accent/_vendor_extensions.scss new file mode 100644 index 000000000..4dcaeeff8 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/nova/nova-accent/_vendor_extensions.scss @@ -0,0 +1,41 @@ +@import '../vendor_extensions'; + +.p-accordion { + .p-accordion-header { + &:not(.p-highlight):not(.p-disabled):hover { + .p-accordion-header-link { + background-color: #27a0ff; + border-color: #27a0ff; + color: #ffffff; + } + } + + &:not(.p-disabled).p-highlight { + .p-accordion-header-link { + background: #e02365; + border-color: #e02365; + color: #ffffff; + } + + &:hover { + .p-accordion-header-link { + background: #e96694; + border-color: #e96694; + color: #ffffff; + } + } + } + } +} + +.p-fieldset { + &.p-fieldset-toggleable { + .p-fieldset-legend { + &:hover { + background-color: #27a0ff; + border-color: #27a0ff; + color: #ffffff; + } + } + } +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/nova/nova-accent/theme.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/nova/nova-accent/theme.scss new file mode 100644 index 000000000..632840465 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/nova/nova-accent/theme.scss @@ -0,0 +1,5 @@ +@import './variables'; +@import './_fonts'; +@import '../../../theme-base/_components'; +@import './vendor_extensions'; +@import './_extensions'; diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/nova/nova-alt/_extensions.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/nova/nova-alt/_extensions.scss new file mode 100644 index 000000000..f5dbaa43b --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/nova/nova-alt/_extensions.scss @@ -0,0 +1 @@ +/* Customizations to the designer theme should be defined here */ \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/nova/nova-alt/_fonts.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/nova/nova-alt/_fonts.scss new file mode 100644 index 000000000..e38a3a604 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/nova/nova-alt/_fonts.scss @@ -0,0 +1 @@ +// Configuration for the font-face of the theme, defaults to the system font so left as blank \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/nova/nova-alt/_variables.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/nova/nova-alt/_variables.scss new file mode 100644 index 000000000..c8e0b4fe5 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/nova/nova-alt/_variables.scss @@ -0,0 +1,17 @@ +$primaryColor: #007ad9 !default; +$primaryDarkColor: #116fbf !default; +$primaryDarkerColor: #005b9f !default; +$primaryTextColor: #ffffff !default; + +$highlightBg: $primaryColor !default; +$highlightTextColor: $primaryTextColor !default; +$highlightFocusBg: darken($primaryColor, .08) !default; + +$containerHeaderBorderColor: #333333 !default; +$containerHeaderBorder: 1px solid $containerHeaderBorderColor !default; +$containerHeaderBg: #333333 !default; +$containerHeaderTextColor: #ffffff !default; +$containerHeaderIconColor: #ffffff !default; +$containerHeaderIconHoverColor: #b4b4b4 !default; + +@import '../_variables'; \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/nova/nova-alt/_vendor_extensions.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/nova/nova-alt/_vendor_extensions.scss new file mode 100644 index 000000000..5d39b0ecd --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/nova/nova-alt/_vendor_extensions.scss @@ -0,0 +1,25 @@ +@import '../vendor_extensions'; + +.p-accordion { + .p-accordion-header { + &:not(.p-highlight):not(.p-disabled):hover { + .p-accordion-header-link { + background-color: #494949; + border: 1px solid #494949; + color: #ffffff; + } + } + } +} + +.p-fieldset { + &.p-fieldset-toggleable { + .p-fieldset-legend { + &:hover { + background-color: #494949; + border-color: #494949; + color: #ffffff; + } + } + } +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/nova/nova-alt/theme.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/nova/nova-alt/theme.scss new file mode 100644 index 000000000..632840465 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/nova/nova-alt/theme.scss @@ -0,0 +1,5 @@ +@import './variables'; +@import './_fonts'; +@import '../../../theme-base/_components'; +@import './vendor_extensions'; +@import './_extensions'; diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/nova/nova-vue/_extensions.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/nova/nova-vue/_extensions.scss new file mode 100644 index 000000000..e46a589bf --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/nova/nova-vue/_extensions.scss @@ -0,0 +1,3 @@ +@import '../vendor_extensions'; + +/* Customizations to the designer theme should be defined here */ \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/nova/nova-vue/_fonts.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/nova/nova-vue/_fonts.scss new file mode 100644 index 000000000..e38a3a604 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/nova/nova-vue/_fonts.scss @@ -0,0 +1 @@ +// Configuration for the font-face of the theme, defaults to the system font so left as blank \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/nova/nova-vue/_variables.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/nova/nova-vue/_variables.scss new file mode 100644 index 000000000..3c0bc8c09 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/nova/nova-vue/_variables.scss @@ -0,0 +1,17 @@ +$primaryColor: #41b883 !default; +$primaryDarkColor: #318c63 !default; +$primaryDarkerColor: #246749 !default; +$primaryTextColor: #ffffff !default; + +$highlightBg: $primaryColor !default; +$highlightTextColor: $primaryTextColor !default; +$highlightFocusBg: darken($primaryColor, .08) !default; + +$containerHeaderBorderColor: #c8c8c8 !default; +$containerHeaderBorder: 1px solid $containerHeaderBorderColor !default; +$containerHeaderBg: #f4f4f4 !default; +$containerHeaderTextColor: #333333 !default; +$containerHeaderIconColor: #848484 !default; +$containerHeaderIconHoverColor: #333333 !default; + +@import '../_variables'; \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/nova/nova-vue/theme.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/nova/nova-vue/theme.scss new file mode 100644 index 000000000..3c5738990 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/nova/nova-vue/theme.scss @@ -0,0 +1,4 @@ +@import './variables'; +@import './_fonts'; +@import '../../../theme-base/_components'; +@import './_extensions'; diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/nova/nova/_extensions.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/nova/nova/_extensions.scss new file mode 100644 index 000000000..f5dbaa43b --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/nova/nova/_extensions.scss @@ -0,0 +1 @@ +/* Customizations to the designer theme should be defined here */ \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/nova/nova/_fonts.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/nova/nova/_fonts.scss new file mode 100644 index 000000000..e38a3a604 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/nova/nova/_fonts.scss @@ -0,0 +1 @@ +// Configuration for the font-face of the theme, defaults to the system font so left as blank \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/nova/nova/_variables.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/nova/nova/_variables.scss new file mode 100644 index 000000000..0deefe140 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/nova/nova/_variables.scss @@ -0,0 +1,17 @@ +$primaryColor: #007ad9 !default; +$primaryDarkColor: #116fbf !default; +$primaryDarkerColor: #005b9f !default; +$primaryTextColor: #ffffff !default; + +$highlightBg: $primaryColor !default; +$highlightTextColor: $primaryTextColor !default; +$highlightFocusBg: darken($primaryColor, .08) !default; + +$containerHeaderBorderColor: #c8c8c8 !default; +$containerHeaderBorder: 1px solid $containerHeaderBorderColor !default; +$containerHeaderBg: #f4f4f4 !default; +$containerHeaderTextColor: #333333 !default; +$containerHeaderIconColor: #848484 !default; +$containerHeaderIconHoverColor: #333333 !default; + +@import '../_variables'; \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/nova/nova/theme.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/nova/nova/theme.scss new file mode 100644 index 000000000..4d6f7604a --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/nova/nova/theme.scss @@ -0,0 +1,5 @@ +@import './variables'; +@import './_fonts'; +@import '../../../theme-base/_components'; +@import '../vendor_extensions'; +@import './_extensions'; diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/rhea/_extensions.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/rhea/_extensions.scss new file mode 100644 index 000000000..d701376d5 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/rhea/_extensions.scss @@ -0,0 +1,3 @@ +@import './vendor_extensions'; + +/* Customizations to the designer theme should be defined here */ \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/rhea/_fonts.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/rhea/_fonts.scss new file mode 100644 index 000000000..e38a3a604 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/rhea/_fonts.scss @@ -0,0 +1 @@ +// Configuration for the font-face of the theme, defaults to the system font so left as blank \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/rhea/_variables.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/rhea/_variables.scss new file mode 100644 index 000000000..2334c8523 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/rhea/_variables.scss @@ -0,0 +1,888 @@ +//main color scheme +$primaryColor: #7b95a3 !default; +$primaryDarkColor: #6c8999 !default; +$primaryDarkerColor: #617c8a !default; +$primaryTextColor: #ffffff !default; + +$colors: ( + "blue": #4db6ed, + "green": #64ba8d, + "yellow": #fad350, + "cyan": #66e2ea, + "pink": #ec75bc, + "indigo": #558de1, + "teal": #4cac9b, + "orange": #f0ab43, + "bluegray": #7f94a2, + "purple": #b071c6, + "red": #ff5735, + "primary": $primaryColor, +) !default; + +//highlight +$highlightBg: #afd3c8 !default; +$highlightBgDark: #8dc8b5 !default; +$highlightTextColor: #385048 !default; +$highlightFocusBg: darken($highlightBg, 0.24) !default; + +//global +$fontFamily: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, + Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default; +$fontSize: 1rem !default; +$fontWeight: normal !default; +$textColor: #666666 !default; +$textSecondaryColor: #a6a6a6 !default; +$borderRadius: 2px !default; +$transitionDuration: 0.2s !default; +$formElementTransition: background-color $transitionDuration, + color $transitionDuration, border-color $transitionDuration, + box-shadow $transitionDuration !default; +$actionIconTransition: background-color $transitionDuration, + color $transitionDuration, box-shadow $transitionDuration !default; +$listItemTransition: background-color $transitionDuration, + border-color $transitionDuration, box-shadow $transitionDuration !default; +$primeIconFontSize: 1rem !default; +$divider: 1px solid #dadada !default; +$inlineSpacing: 0.5rem !default; //spacing between inline elements +$disabledOpacity: 0.5 !default; //opacity of a disabled item +$maskBg: rgba(0, 0, 0, 0.4) !default; //modal mask bg color +$loadingIconFontSize: 2rem !default; +$errorColor: #e7a3a3 !default; + +//scale +$scaleSM: 0.875 !default; +$scaleLG: 1.25 !default; + +//focus +$focusOutlineColor: lighten($primaryColor, 35%) !default; +$focusOutline: 0 none !default; +$focusOutlineOffset: 0 !default; +$focusShadow: 0 0 0 0.2rem $focusOutlineColor !default; + +//action icons +$actionIconWidth: 2rem !default; +$actionIconHeight: 2rem !default; +$actionIconBg: transparent !default; +$actionIconBorder: 0 none !default; +$actionIconColor: $textSecondaryColor !default; +$actionIconHoverBg: transparent !default; +$actionIconHoverBorderColor: transparent !default; +$actionIconHoverColor: $textColor !default; +$actionIconBorderRadius: 50% !default; + +//input field (e.g. inputtext, spinner, inputmask) +$inputPadding: 0.429rem 0.429rem !default; +$inputTextFontSize: 1rem !default; +$inputBg: #ffffff !default; +$inputTextColor: $textColor !default; +$inputIconColor: $textSecondaryColor !default; +$inputBorder: 1px solid #dadada !default; +$inputHoverBorderColor: #a6a6a6 !default; +$inputFocusBorderColor: $primaryColor !default; +$inputErrorBorderColor: $errorColor !default; +$inputPlaceholderTextColor: #a6a6a6 !default; +$inputFilledBg: #f4f4f4 !default; +$inputFilledHoverBg: #f4f4f4 !default; +$inputFilledFocusBg: #f4f4f4 !default; + +//input groups +$inputGroupBg: #dbdbdb !default; +$inputGroupTextColor: $textColor !default; +$inputGroupAddOnMinWidth: 2.357rem !default; + +//input lists (e.g. dropdown, autocomplete, multiselect, orderlist) +$inputListBg: #ffffff !default; +$inputListTextColor: $textColor !default; +$inputListBorder: 1px solid #dadada !default; +$inputListPadding: 0 !default; +$inputListItemPadding: 0.429rem 0.857rem !default; +$inputListItemBg: transparent !default; +$inputListItemTextColor: $textColor !default; +$inputListItemHoverBg: #f4f4f4 !default; +$inputListItemTextHoverColor: $textColor !default; +$inputListItemFocusBg: #e0e0e0 !default; +$inputListItemTextFocusColor: $textColor !default; +$inputListItemBorder: 0 none !default; +$inputListItemBorderRadius: 0 !default; +$inputListItemMargin: 0 !default; +$inputListItemFocusShadow: inset 0 0 0 0.15rem lighten($primaryColor, 35%) !default; +$inputListHeaderPadding: 0.429rem 0.857rem !default; +$inputListHeaderMargin: 0 !default; +$inputListHeaderBg: #ffffff !default; +$inputListHeaderTextColor: $textColor !default; +$inputListHeaderBorder: 1px solid #dadada !default; + +//inputs with overlays (e.g. autocomplete, dropdown, multiselect) +$inputOverlayBg: $inputListBg !default; +$inputOverlayHeaderBg: $inputListHeaderBg !default; +$inputOverlayBorder: 1px solid #eaeaea !default; +$inputOverlayShadow: 0 0 6px 0 rgba(0, 0, 0, 0.16) !default; + +//password +$passwordMeterBg: #efefef !default; +$passwordWeakBg: #f4b6b6 !default; +$passwordMediumBg: #ffe38e !default; +$passwordStrongBg: #a3e2c6 !default; + +//button +$buttonPadding: 0.429rem 1rem !default; +$buttonIconOnlyWidth: 2.357rem !default; +$buttonIconOnlyPadding: 0.429rem 0 !default; +$buttonBg: $primaryColor !default; +$buttonTextColor: $primaryTextColor !default; +$buttonBorder: 1px solid $primaryColor !default; +$buttonHoverBg: $primaryDarkColor !default; +$buttonTextHoverColor: $primaryTextColor !default; +$buttonHoverBorderColor: $primaryDarkColor !default; +$buttonActiveBg: $primaryDarkerColor !default; +$buttonTextActiveColor: $primaryTextColor !default; +$buttonActiveBorderColor: $primaryDarkerColor !default; +$raisedButtonShadow: 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) !default; +$roundedButtonBorderRadius: 2rem !default; + +$textButtonHoverBgOpacity: 0.04 !default; +$textButtonActiveBgOpacity: 0.16 !default; +$outlinedButtonBorder: 1px solid !default; +$plainButtonTextColor: $textSecondaryColor !default; +$plainButtonHoverBgColor: #f4f4f4 !default; +$plainButtonActiveBgColor: #dbdbdb !default; + +$secondaryButtonBg: #a3897b !default; +$secondaryButtonTextColor: #ffffff !default; +$secondaryButtonBorder: 1px solid #8e6f5f !default; +$secondaryButtonHoverBg: #8e6f5f !default; +$secondaryButtonTextHoverColor: #ffffff !default; +$secondaryButtonHoverBorderColor: #7a5743 !default; +$secondaryButtonActiveBg: #7a5743 !default; +$secondaryButtonTextActiveColor: #ffffff !default; +$secondaryButtonActiveBorderColor: #6e4e3c !default; +$secondaryButtonFocusShadow: 0 0 0 0.2rem #bfaaa0 !default; + +$infoButtonBg: #a3def8 !default; +$infoButtonTextColor: #3d4447 !default; +$infoButtonBorder: 1px solid #79c8eb !default; +$infoButtonHoverBg: #81cbec !default; +$infoButtonTextHoverColor: #3d4447 !default; +$infoButtonHoverBorderColor: #60b7de !default; +$infoButtonActiveBg: #3ea9db !default; +$infoButtonTextActiveColor: #3d4447 !default; +$infoButtonActiveBorderColor: #2987b1 !default; +$infoButtonFocusShadow: 0 0 0 0.2rem lighten($infoButtonBg, 10%) !default; + +$successButtonBg: #a3e2c6 !default; +$successButtonTextColor: #323e39 !default; +$successButtonBorder: 1px solid #80caaa !default; +$successButtonHoverBg: #80caaa !default; +$successButtonTextHoverColor: #323e39 !default; +$successButtonHoverBorderColor: #5ea285 !default; +$successButtonActiveBg: #31b57c !default; +$successButtonTextActiveColor: #323e39 !default; +$successButtonActiveBorderColor: #5ea285 !default; +$successButtonFocusShadow: 0 0 0 0.2rem lighten($successButtonBg, 10%) !default; + +$warningButtonBg: #ffe38e !default; +$warningButtonTextColor: #333333 !default; +$warningButtonBorder: 1px solid #ffd95e !default; +$warningButtonHoverBg: #ffd95e !default; +$warningButtonTextHoverColor: #333333 !default; +$warningButtonHoverBorderColor: #ffce3c !default; +$warningButtonActiveBg: #ffce3c !default; +$warningButtonTextActiveColor: #333333 !default; +$warningButtonActiveBorderColor: #ffc62a !default; +$warningButtonFocusShadow: 0 0 0 0.2rem lighten($warningButtonBg, 5%) !default; + +$helpButtonBg: #e9bef1 !default; +$helpButtonTextColor: #333333 !default; +$helpButtonBorder: 1px solid #de9eea !default; +$helpButtonHoverBg: #de9eea !default; +$helpButtonTextHoverColor: #333333 !default; +$helpButtonHoverBorderColor: #d37de3 !default; +$helpButtonActiveBg: #d37de3 !default; +$helpButtonTextActiveColor: #333333 !default; +$helpButtonActiveBorderColor: #c85ddc !default; +$helpButtonFocusShadow: 0 0 0 0.2rem lighten($helpButtonBg, 5%) !default; + +$dangerButtonBg: #f4b6b6 !default; +$dangerButtonTextColor: #262222 !default; +$dangerButtonBorder: 1px solid #e38787 !default; +$dangerButtonHoverBg: #ef9999 !default; +$dangerButtonTextHoverColor: #262222 !default; +$dangerButtonHoverBorderColor: #cb5858 !default; +$dangerButtonActiveBg: #eb5656 !default; +$dangerButtonTextActiveColor: #262222 !default; +$dangerButtonActiveBorderColor: #b73737 !default; +$dangerButtonFocusShadow: 0 0 0 0.2rem lighten($dangerButtonBg, 10%) !default; + +$linkButtonColor: $primaryDarkerColor !default; +$linkButtonHoverColor: $primaryDarkerColor !default; +$linkButtonTextHoverDecoration: underline !default; +$linkButtonFocusShadow: 0 0 0 0.2rem $focusOutlineColor !default; + +//checkbox +$checkboxWidth: 20px !default; +$checkboxHeight: 20px !default; +$checkboxBorder: $inputBorder !default; +$checkboxIconFontSize: 14px !default; +$checkboxActiveBorderColor: $primaryColor !default; +$checkboxActiveBg: $primaryColor !default; +$checkboxIconActiveColor: $primaryTextColor !default; +$checkboxActiveHoverBg: $primaryDarkerColor !default; +$checkboxIconActiveHoverColor: $primaryTextColor !default; +$checkboxActiveHoverBorderColor: $primaryDarkerColor !default; + +//radiobutton +$radiobuttonWidth: 20px !default; +$radiobuttonHeight: 20px !default; +$radiobuttonBorder: $inputBorder !default; +$radiobuttonIconSize: 12px !default; +$radiobuttonActiveBorderColor: $primaryColor !default; +$radiobuttonActiveBg: $primaryColor !default; +$radiobuttonIconActiveColor: $primaryTextColor !default; +$radiobuttonActiveHoverBg: $primaryDarkerColor !default; +$radiobuttonIconActiveHoverColor: $primaryTextColor !default; +$radiobuttonActiveHoverBorderColor: $primaryDarkerColor !default; + +//colorpicker +$colorPickerPreviewWidth: 2rem !default; +$colorPickerPreviewHeight: 2rem !default; +$colorPickerBg: #323232 !default; +$colorPickerBorder: 1px solid #191919 !default; +$colorPickerHandleColor: #ffffff !default; + +//togglebutton +$toggleButtonBg: #eaeaea !default; +$toggleButtonBorder: 1px solid #eaeaea !default; +$toggleButtonTextColor: #333333 !default; +$toggleButtonIconColor: #666666 !default; +$toggleButtonHoverBg: #c8c8c8 !default; +$toggleButtonHoverBorderColor: #c8c8c8 !default; +$toggleButtonTextHoverColor: #333333 !default; +$toggleButtonIconHoverColor: #666666 !default; +$toggleButtonActiveBg: $highlightBg !default; +$toggleButtonActiveBorderColor: $highlightBg !default; +$toggleButtonTextActiveColor: $highlightTextColor !default; +$toggleButtonIconActiveColor: $highlightTextColor !default; +$toggleButtonActiveHoverBg: $highlightBgDark !default; +$toggleButtonActiveHoverBorderColor: $highlightBgDark !default; +$toggleButtonTextActiveHoverColor: $highlightTextColor !default; +$toggleButtonIconActiveHoverColor: $highlightTextColor !default; + +//inplace +$inplacePadding: $inputPadding !default; +$inplaceHoverBg: #f4f4f4 !default; +$inplaceTextHoverColor: $textColor !default; + +//rating +$ratingIconFontSize: 1.143rem !default; +$ratingCancelIconColor: #f3b9b9 !default; +$ratingCancelIconHoverColor: #d66161 !default; +$ratingStarIconOffColor: $textColor !default; +$ratingStarIconOnColor: $primaryColor !default; +$ratingStarIconHoverColor: $primaryColor !default; + +//slider +$sliderBg: #c4c4c4 !default; +$sliderBorder: 0 none !default; +$sliderHorizontalHeight: 0.286rem !default; +$sliderVerticalWidth: 0.286rem !default; +$sliderHandleWidth: 1.429rem !default; +$sliderHandleHeight: 1.429rem !default; +$sliderHandleBg: #ffffff !default; +$sliderHandleBorder: 2px solid #7f7f7f !default; +$sliderHandleBorderRadius: 50% !default; +$sliderHandleHoverBorderColor: $primaryColor !default; +$sliderHandleHoverBg: #7f7f7f !default; +$sliderRangeBg: $primaryColor !default; + +//calendar +$calendarTableMargin: 0.857rem 0 !default; +$calendarPadding: 0.857rem !default; +$calendarBg: $inputListBg !default; +$calendarInlineBg: $calendarBg !default; +$calendarTextColor: $inputListTextColor !default; +$calendarBorder: $inputListBorder !default; +$calendarOverlayBorder: $inputOverlayBorder !default; + +$calendarHeaderPadding: 0.5rem !default; +$calendarHeaderBg: $inputListHeaderBg !default; +$calendarInlineHeaderBg: $calendarBg !default; +$calendarHeaderBorder: 0 none !default; +$calendarHeaderTextColor: $inputListHeaderTextColor !default; +$calendarHeaderFontWeight: 700 !default; +$calendarHeaderCellPadding: 0.5rem !default; +$calendarMonthYearHeaderHoverTextColor: $primaryColor !default; + +$calendarCellDatePadding: 0.5rem !default; +$calendarCellDateWidth: 2.5rem !default; +$calendarCellDateHeight: 2.5rem !default; +$calendarCellDateBorderRadius: $borderRadius !default; +$calendarCellDateBorder: 1px solid transparent !default; +$calendarCellDateHoverBg: #f4f4f4 !default; +$calendarCellDateTodayBg: #d0d0d0 !default; +$calendarCellDateTodayBorderColor: transparent !default; +$calendarCellDateTodayTextColor: $textColor !default; + +$calendarButtonBarPadding: 0.857rem 0 0.429rem 0 !default; +$calendarTimePickerPadding: 0.857rem 0 0.429rem 0 !default; +$calendarTimePickerElementPadding: 0 0.429rem !default; +$calendarTimePickerTimeFontSize: 1.286rem !default; + +$calendarBreakpoint: 769px !default; +$calendarCellDatePaddingSM: 0.25rem !default; + +//input switch +$inputSwitchWidth: 3rem !default; +$inputSwitchHeight: 1.75rem !default; +$inputSwitchBorderRadius: 30px !default; +$inputSwitchHandleWidth: 1.25rem !default; +$inputSwitchHandleHeight: 1.25rem !default; +$inputSwitchHandleBorderRadius: 50% !default; +$inputSwitchSliderPadding: 0.25rem !default; +$inputSwitchSliderOffBg: $inputBg !default; +$inputSwitchHandleOffBg: $primaryColor !default; +$inputSwitchSliderOffHoverBg: #d8dae2 !default; +$inputSwitchSliderOnBg: $highlightBg !default; +$inputSwitchSliderOnHoverBg: $highlightBg !default; +$inputSwitchHandleOnBg: $highlightTextColor !default; + +//panel +$panelHeaderBorderColor: $primaryColor !default; +$panelHeaderBorder: 1px solid $primaryColor !default; +$panelHeaderBg: $primaryColor !default; +$panelHeaderTextColor: $primaryTextColor !default; +$panelHeaderFontWeight: 700 !default; +$panelHeaderPadding: 0.857rem 1rem !default; +$panelToggleableHeaderPadding: 0.857rem 1rem !default; + +$panelHeaderHoverBg: $primaryDarkerColor !default; +$panelHeaderHoverBorderColor: $primaryDarkerColor !default; +$panelHeaderTextHoverColor: $primaryTextColor !default; + +$panelContentBorderColor: #dadada !default; +$panelContentBorder: 1px solid #dadada !default; +$panelContentBg: #ffffff !default; +$panelContentEvenRowBg: #f8f8f8 !default; +$panelContentTextColor: $textColor !default; +$panelContentPadding: 0.571rem 1rem !default; + +$panelFooterBorder: 1px solid #dadada !default; +$panelFooterBg: #ffffff !default; +$panelFooterTextColor: $textColor !default; +$panelFooterPadding: 0.571rem 1rem !default; + +//accordion +$accordionSpacing: 2px !default; +$accordionHeaderBorder: $panelHeaderBorder !default; +$accordionHeaderBg: $panelHeaderBg !default; +$accordionHeaderTextColor: $panelHeaderTextColor !default; +$accordionHeaderFontWeight: $panelHeaderFontWeight !default; +$accordionHeaderPadding: $panelHeaderPadding !default; + +$accordionHeaderHoverBg: $primaryDarkerColor !default; +$accordionHeaderHoverBorderColor: $primaryDarkerColor !default; +$accordionHeaderTextHoverColor: $primaryTextColor !default; + +$accordionHeaderActiveBg: $highlightBg !default; +$accordionHeaderActiveBorderColor: #dadada !default; +$accordionHeaderTextActiveColor: $highlightTextColor !default; + +$accordionHeaderActiveHoverBg: $highlightBgDark !default; +$accordionHeaderActiveHoverBorderColor: $highlightBgDark !default; +$accordionHeaderTextActiveHoverColor: $highlightTextColor !default; + +$accordionContentBorder: $panelContentBorder !default; +$accordionContentBg: $panelContentBg !default; +$accordionContentTextColor: $panelContentTextColor !default; +$accordionContentPadding: $panelContentPadding !default; + +//tabview +$tabviewNavBorder: 0 none !default; +$tabviewNavBorderWidth: 1px !default; +$tabviewNavBg: transparent !default; + +$tabviewHeaderSpacing: 2px !default; +$tabviewHeaderBorder: $panelHeaderBorder !default; +$tabviewHeaderBorderWidth: 1px !default; +$tabviewHeaderBorderColor: $primaryColor !default; +$tabviewHeaderBg: $panelHeaderBg !default; +$tabviewHeaderTextColor: $panelHeaderTextColor !default; +$tabviewHeaderFontWeight: $panelHeaderFontWeight !default; +$tabviewHeaderPadding: $panelHeaderPadding !default; +$tabviewHeaderMargin: 0 0 -1px 0 !default; + +$tabviewHeaderHoverBg: $primaryDarkerColor !default; +$tabviewHeaderHoverBorderColor: $primaryDarkerColor !default; +$tabviewHeaderTextHoverColor: $primaryTextColor !default; + +$tabviewHeaderActiveBg: $highlightBg !default; +$tabviewHeaderActiveBorderColor: #dadada !default; +$tabviewHeaderTextActiveColor: $highlightTextColor !default; + +$tabviewContentBorder: $panelContentBorder !default; +$tabviewContentBg: $panelContentBg !default; +$tabviewContentTextColor: $panelContentTextColor !default; +$tabviewContentPadding: $panelContentPadding !default; + +//upload +$fileUploadProgressBarHeight: 0.25rem !default; +$fileUploadContentPadding: $panelContentPadding !default; +$fileUploadContentHoverBorder: 1px dashed $primaryColor !default; + +//scrollpanel +$scrollPanelTrackBorder: 0 none !default; +$scrollPanelTrackBg: #f8f8f8 !default; + +//card +$cardBodyPadding: 1rem !default; +$cardTitleFontSize: 1.5rem !default; +$cardTitleFontWeight: 700 !default; +$cardSubTitleFontWeight: 700 !default; +$cardSubTitleColor: $textSecondaryColor !default; +$cardContentPadding: 1rem 0 !default; +$cardFooterPadding: 1rem 0 0 0 !default; +$cardShadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24) !default; + +//editor +$editorToolbarBg: $panelHeaderBg !default; +$editorToolbarBorder: $panelHeaderBorder !default; +$editorToolbarPadding: $panelHeaderPadding !default; +$editorToolbarIconColor: $textSecondaryColor !default; +$editorToolbarIconHoverColor: $textColor !default; +$editorIconActiveColor: $primaryColor !default; +$editorContentBorder: $panelContentBorder !default; +$editorContentBg: $panelContentBg !default; + +//paginator +$paginatorBg: #ffffff !default; +$paginatorTextColor: $textColor !default; +$paginatorBorder: solid #dadada !default; +$paginatorBorderWidth: 1px !default; +$paginatorPadding: 0 !default; +$paginatorElementWidth: $buttonIconOnlyWidth !default; +$paginatorElementHeight: $buttonIconOnlyWidth !default; +$paginatorElementBg: transparent !default; +$paginatorElementBorder: 0 none !default; +$paginatorElementIconColor: $textColor !default; +$paginatorElementHoverBg: #f4f4f4 !default; +$paginatorElementHoverBorderColor: transparent !default; +$paginatorElementIconHoverColor: $textColor !default; +$paginatorElementBorderRadius: 0 !default; +$paginatorElementMargin: 0 !default; +$paginatorElementPadding: 0 !default; + +//table +$tableHeaderBorder: $panelHeaderBorder !default; +$tableHeaderBorderWidth: 1px 1px 0 1px !default; +$tableHeaderBg: $panelHeaderBg !default; +$tableHeaderTextColor: $panelHeaderTextColor !default; +$tableHeaderFontWeight: $panelHeaderFontWeight !default; +$tableHeaderPadding: $panelHeaderPadding !default; + +$tableHeaderCellPadding: 0.571rem 0.857rem !default; +$tableHeaderCellBg: #ffffff !default; +$tableHeaderCellTextColor: $textColor !default; +$tableHeaderCellFontWeight: 700 !default; +$tableHeaderCellBorder: 1px solid #dadada !default; +$tableHeaderCellBorderWidth: 1px 1px 1px 1px !default; +$tableHeaderCellHoverBg: #eaeaea !default; +$tableHeaderCellTextHoverColor: $textColor !default; +$tableHeaderCellIconColor: $textColor !default; +$tableHeaderCellIconHoverColor: $textColor !default; +$tableHeaderCellHighlightBg: $highlightBg !default; +$tableHeaderCellHighlightTextColor: $highlightTextColor !default; +$tableHeaderCellHighlightHoverBg: $highlightBg !default; +$tableHeaderCellHighlightTextHoverColor: $highlightTextColor !default; +$tableSortableColumnBadgeSize: 1.143rem !default; + +$tableBodyRowBg: #ffffff !default; +$tableBodyRowTextColor: $textColor !default; +$tableBodyRowEvenBg: #f8f8f8 !default; +$tableBodyRowHoverBg: #eaeaea !default; +$tableBodyRowTextHoverColor: $textColor !default; +$tableBodyCellBorder: 1px solid #dadada !default; +$tableBodyCellBorderWidth: 1px !default; +$tableBodyCellPadding: 0.571rem 0.857rem !default; + +$tableFooterCellPadding: 0.571rem 0.857rem !default; +$tableFooterCellBg: #ffffff !default; +$tableFooterCellTextColor: $textColor !default; +$tableFooterCellFontWeight: 700 !default; +$tableFooterCellBorder: 1px solid #dadada !default; +$tableFooterCellBorderWidth: 1px !default; +$tableResizerHelperBg: $primaryColor !default; + +$tableFooterBorder: $panelFooterBorder !default; +$tableFooterBorderWidth: 0 1px 1px 1px !default; +$tableFooterBg: $panelFooterBg !default; +$tableFooterTextColor: $panelFooterTextColor !default; +$tableFooterFontWeight: normal !default; +$tableFooterPadding: $panelFooterPadding !default; + +$tableCellContentAlignment: left !default; +$tableTopPaginatorBorderWidth: 1px 1px 0 1px !default; +$tableBottomPaginatorBorderWidth: 0 1px 1px 1px !default; + +$tableScaleSM: 0.85 !default; +$tableScaleLG: 1.25 !default; + +//dataview +$dataViewContentPadding: 0 !default; +$dataViewContentBorder: 0 none !default; + +//tree +$treeContainerPadding: 0.286rem !default; +$treeNodePadding: 0.143rem !default; +$treeNodeContentPadding: 0 !default; +$treeNodeChildrenPadding: 0 0 0 1rem !default; +$treeNodeIconColor: $textSecondaryColor !default; + +//timeline +$timelineVerticalEventContentPadding: 0 1rem !default; +$timelineHorizontalEventContentPadding: 1rem 0 !default; +$timelineEventMarkerWidth: 1rem !default; +$timelineEventMarkerHeight: 1rem !default; +$timelineEventMarkerBorderRadius: 50% !default; +$timelineEventMarkerBorder: 0 none !default; +$timelineEventMarkerBackground: $highlightBg !default; +$timelineEventConnectorSize: 2px !default; +$timelineEventColor: #c8c8c8 !default; + +//org chart +$organizationChartConnectorColor: #c8c8c8 !default; + +//messages +$messageMargin: 1rem 0 !default; +$messagePadding: 1rem !default; +$messageBorderWidth: 1px !default; +$messageIconFontSize: 1.5rem !default; +$messageTextFontSize: 1rem !default; +$messageTextFontWeight: normal !default; + +//message +$inlineMessagePadding: 0.5rem !default; +$inlineMessageMargin: 0 !default; +$inlineMessageIconFontSize: 1rem !default; +$inlineMessageTextFontSize: 1rem !default; +$inlineMessageBorderWidth: 1px !default; + +//toast +$toastIconFontSize: 2rem !default; +$toastMessageTextMargin: 0 0 0 $inlineSpacing !default; +$toastMargin: 0 0 1rem 0 !default; +$toastPadding: 1rem !default; +$toastBorderWidth: 0 !default; +$toastShadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16) !default; +$toastOpacity: 0.9 !default; +$toastTitleFontWeight: 700 !default; +$toastDetailMargin: $inlineSpacing 0 0 0 !default; + +//severities +$infoMessageBg: #a3def8 !default; +$infoMessageBorder: 1px solid #79c8eb !default; +$infoMessageTextColor: #212121 !default; +$infoMessageIconColor: #212121 !default; +$successMessageBg: #a3e2c6 !default; +$successMessageBorder: 1px solid #a3e2c6 !default; +$successMessageTextColor: #212121 !default; +$successMessageIconColor: #212121 !default; +$warningMessageBg: #ffe277 !default; +$warningMessageBorder: 1px solid #ffe277 !default; +$warningMessageTextColor: #212121 !default; +$warningMessageIconColor: #212121 !default; +$errorMessageBg: #ff8b8b !default; +$errorMessageBorder: 1px solid #ff8b8b !default; +$errorMessageTextColor: #212121 !default; +$errorMessageIconColor: #212121 !default; + +//overlays +$overlayContentBorder: 1px solid #f1f1f1 !default; +$overlayContentBg: $panelContentBg !default; +$overlayContainerShadow: 0 0 6px 0 rgba(0, 0, 0, 0.16) !default; + +//dialog +$dialogHeaderBg: $panelHeaderBg !default; +$dialogHeaderBorder: $panelHeaderBorder !default; +$dialogHeaderTextColor: $panelHeaderTextColor !default; +$dialogHeaderFontWeight: $panelHeaderFontWeight !default; +$dialogHeaderFontSize: 1rem !default; +$dialogHeaderPadding: 1rem !default; +$dialogContentPadding: 1rem !default; +$dialogFooterBorder: $panelFooterBorder !default; +$dialogFooterPadding: $panelFooterPadding !default; + +//confirmpopup +$confirmPopupContentPadding: $panelContentPadding !default; +$confirmPopupFooterPadding: 0 1rem 0.571rem 1rem !default; + +//tooltip +$tooltipBg: $highlightBg !default; +$tooltipTextColor: $highlightTextColor !default; +$tooltipPadding: $inputPadding !default; + +//steps +$stepsItemBg: #ffffff !default; +$stepsItemBorder: 1px solid #c8c8c8 !default; +$stepsItemTextColor: $textSecondaryColor !default; +$stepsItemNumberWidth: 2rem !default; +$stepsItemNumberHeight: 2rem !default; +$stepsItemNumberFontSize: 1.143rem !default; +$stepsItemNumberColor: $textSecondaryColor !default; +$stepsItemNumberBorderRadius: 50% !default; +$stepsItemActiveFontWeight: 700 !default; + +//progressbar +$progressBarHeight: 24px !default; +$progressBarBorder: 0 none !default; +$progressBarBg: #efefef !default; +$progressBarValueBg: $primaryColor !default; +$progressBarValueTextColor: $primaryTextColor !default; + +//menu (e.g. menu, menubar, tieredmenu) +$menuWidth: 12.5rem !default; +$menuBg: #ffffff !default; +$menuBorder: 1px solid #c8c8c8 !default; +$menuTextColor: $textColor !default; +$menuitemPadding: 0.857rem !default; +$menuitemBorderRadius: 0 !default; +$menuitemTextColor: $textColor !default; +$menuitemIconColor: $textColor !default; +$menuitemTextHoverColor: $textColor !default; +$menuitemIconHoverColor: $textColor !default; +$menuitemHoverBg: #eaeaea !default; +$menuitemTextFocusColor: $textColor !default; +$menuitemIconFocusColor: $textColor !default; +$menuitemFocusBg: #e0e0e0 !default; +$menuitemTextActiveColor: $textColor !default; +$menuitemIconActiveColor: $textColor !default; +$menuitemActiveBg: #eaeaea !default; +$menuitemActiveFocusBg: #eaeaea !default; +$menuitemSubmenuIconFontSize: 0.875rem !default; +$submenuHeaderMargin: 0 !default; +$submenuHeaderPadding: 0.857rem !default; +$submenuHeaderBg: #f4f4f4 !default; +$submenuHeaderTextColor: $textColor !default; +$submenuHeaderFontWeight: 700 !default; +$submenuHeaderBorderRadius: $borderRadius !default; +$overlayMenuBg: $menuBg !default; +$overlayMenuBorder: 1px solid #eaeaea !default; +$overlayMenuShadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16) !default; +$verticalMenuPadding: 0 !default; +$verticalMenuitemMargin: 0 !default; +$menuSeparatorMargin: 0 !default; + +$breadcrumbPadding: 0.571rem 1rem !default; +$breadcrumbBg: $menuBg !default; +$breadcrumbBorder: $menuBorder !default; +$breadcrumbItemTextColor: $menuitemTextColor !default; +$breadcrumbItemIconColor: $menuitemIconColor !default; +$breadcrumbLastItemTextColor: $menuitemTextColor !default; +$breadcrumbLastItemIconColor: $menuitemIconColor !default; +$breadcrumbSeparatorColor: $menuitemTextColor !default; + +$horizontalMenuPadding: 0.5rem !default; +$horizontalMenuBg: $menuBg !default; +$horizontalMenuBorder: $menuBorder !default; +$horizontalMenuTextColor: $menuTextColor !default; +$horizontalMenuRootMenuitemPadding: $menuitemPadding !default; +$horizontalMenuRootMenuitemBorderRadius: $borderRadius !default; +$horizontalMenuRootMenuitemTextColor: $menuitemTextColor !default; +$horizontalMenuRootMenuitemIconColor: $menuitemIconColor !default; +$horizontalMenuRootMenuitemTextHoverColor: $menuitemTextHoverColor !default; +$horizontalMenuRootMenuitemIconHoverColor: $menuitemIconHoverColor !default; +$horizontalMenuRootMenuitemHoverBg: $menuitemHoverBg !default; +$horizontalMenuRootMenuitemTextActiveColor: $menuitemTextActiveColor !default; +$horizontalMenuRootMenuitemIconActiveColor: $menuitemIconActiveColor !default; +$horizontalMenuRootMenuitemActiveBg: $menuitemActiveBg !default; + +//badge and tag +$badgeBg: $primaryColor !default; +$badgeTextColor: $primaryTextColor !default; +$badgeMinWidth: 1.5rem !default; +$badgeHeight: 1.5rem !default; +$badgeFontWeight: 700 !default; +$badgeFontSize: 0.75rem !default; + +$tagPadding: 0.25rem 0.4rem !default; + +//carousel +$carouselIndicatorsPadding: 1rem !default; +$carouselIndicatorBg: $primaryColor !default; +$carouselIndicatorHoverBg: $primaryDarkerColor !default; +$carouselIndicatorBorderRadius: 0 !default; +$carouselIndicatorWidth: 2rem !default; +$carouselIndicatorHeight: 0.5rem !default; + +//galleria +$galleriaMaskBg: rgba(0, 0, 0, 0.9) !default; +$galleriaCloseIconMargin: 0.5rem !default; +$galleriaCloseIconFontSize: 2rem !default; +$galleriaCloseIconBg: transparent !default; +$galleriaCloseIconColor: #ebedef !default; +$galleriaCloseIconHoverBg: rgba(255, 255, 255, 0.1) !default; +$galleriaCloseIconHoverColor: #ebedef !default; +$galleriaCloseIconWidth: 4rem !default; +$galleriaCloseIconHeight: 4rem !default; +$galleriaCloseIconBorderRadius: 50% !default; + +$galleriaItemNavigatorBg: rgba(0, 0, 0, 0.2) !default; +$galleriaItemNavigatorColor: #aeb6bf !default; +$galleriaItemNavigatorMargin: 0 0.5rem !default; +$galleriaItemNavigatorFontSize: 2rem !default; +$galleriaItemNavigatorHoverBg: rgba(0, 0, 0, 0.3) !default; +$galleriaItemNavigatorHoverColor: #ebedef !default; +$galleriaItemNavigatorWidth: 4rem !default; +$galleriaItemNavigatorHeight: 4rem !default; +$galleriaItemNavigatorBorderRadius: $borderRadius !default; + +$galleriaCaptionBg: rgba(0, 0, 0, 0.5) !default; +$galleriaCaptionTextColor: #ebedef !default; +$galleriaCaptionPadding: 1rem !default; + +$galleriaIndicatorsPadding: 1rem !default; +$galleriaIndicatorBg: $primaryColor !default; +$galleriaIndicatorHoverBg: $primaryDarkerColor !default; +$galleriaIndicatorBorderRadius: 50% !default; +$galleriaIndicatorWidth: 1rem !default; +$galleriaIndicatorHeight: 1rem !default; +$galleriaIndicatorsBgOnItem: rgba(0, 0, 0, 0.5) !default; +$galleriaIndicatorBgOnItem: rgba(255, 255, 255, 0.4) !default; +$galleriaIndicatorHoverBgOnItem: rgba(255, 255, 255, 0.6) !default; + +$galleriaThumbnailContainerBg: rgba(0, 0, 0, 0.9) !default; +$galleriaThumbnailContainerPadding: 1rem 0.25rem !default; +$galleriaThumbnailNavigatorBg: transparent !default; +$galleriaThumbnailNavigatorColor: #aeb6bf !default; +$galleriaThumbnailNavigatorHoverBg: rgba(255, 255, 255, 0.1) !default; +$galleriaThumbnailNavigatorHoverColor: #aeb6bf !default; +$galleriaThumbnailNavigatorBorderRadius: 50% !default; +$galleriaThumbnailNavigatorWidth: 2rem !default; +$galleriaThumbnailNavigatorHeight: 2rem !default; + +//divider +$dividerHorizontalMargin: 1rem 0 !default; +$dividerHorizontalPadding: 0 1rem !default; +$dividerVerticalMargin: 0 1rem !default; +$dividerVerticalPadding: 1rem 0 !default; +$dividerSize: 1px !default; +$dividerColor: #dadada !default; + +//avatar +$avatarBg: #dadada !default; +$avatarTextColor: $textColor !default; + +//chip +$chipBg: #dadada !default; +$chipTextColor: $textColor !default; +$chipBorderRadius: 16px !default; +$chipFocusBg: #cbcbcb !default; +$chipFocusTextColor: $textColor !default; + +//scrollTop +$scrollTopBg: rgba(0, 0, 0, 0.7) !default; +$scrollTopHoverBg: rgba(0, 0, 0, 0.8) !default; +$scrollTopWidth: 3rem !default; +$scrollTopHeight: 3rem !default; +$scrollTopBorderRadius: 50% !default; +$scrollTopFontSize: 1.5rem !default; +$scrollTopTextColor: #f4f4f4 !default; + +//skeleton +$skeletonBg: #dadada !default; +$skeletonAnimationBg: rgba(255, 255, 255, 0.4) !default; + +//splitter +$splitterGutterBg: #eaeaea !default; +$splitterGutterHandleBg: #dadada !default; + +//speeddial +$speedDialButtonWidth: 4rem !default; +$speedDialButtonHeight: 4rem !default; +$speedDialButtonIconFontSize: 1.3rem !default; +$speedDialActionWidth: 3rem !default; +$speedDialActionHeight: 3rem !default; +$speedDialActionBg: #324249 !default; +$speedDialActionHoverBg: #222c31 !default; +$speedDialActionTextColor: #fff !default; +$speedDialActionTextHoverColor: #fff !default; + +//dock +$dockActionWidth: 4rem !default; +$dockActionHeight: 4rem !default; +$dockItemPadding: 0.5rem !default; +$dockItemBorderRadius: $borderRadius !default; +$dockCurrentItemMargin: 1.5rem !default; +$dockFirstItemsMargin: 1.3rem !default; +$dockSecondItemsMargin: 0.9rem !default; +$dockBg: rgba(255, 255, 255, 0.1) !default; +$dockBorder: 1px solid rgba(255, 255, 255, 0.2) !default; +$dockPadding: 0.5rem 0.5rem !default; +$dockBorderRadius: 0.5rem !default; + +//image +$imageMaskBg: rgba(0, 0, 0, 0.9) !default; +$imagePreviewToolbarPadding: 1rem !default; +$imagePreviewIndicatorColor: #f8f9fa !default; +$imagePreviewIndicatorBg: rgba(0, 0, 0, 0.5) !default; +$imagePreviewActionIconBg: transparent !default; +$imagePreviewActionIconColor: #f8f9fa !default; +$imagePreviewActionIconHoverBg: rgba(255, 255, 255, 0.1) !default; +$imagePreviewActionIconHoverColor: #f8f9fa !default; +$imagePreviewActionIconWidth: 3rem !default; +$imagePreviewActionIconHeight: 3rem !default; +$imagePreviewActionIconFontSize: 1.5rem !default; +$imagePreviewActionIconBorderRadius: 50% !default; + +:root { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol"; + --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol"; + --surface-a: #ffffff; + --surface-b: #f4f4f4; + --surface-c: #eaeaea; + --surface-d: #dadada; + --surface-e: #ffffff; + --surface-f: #ffffff; + --text-color: #495057; + --text-color-secondary: #6c757d; + --primary-color: #{$primaryColor}; + --primary-color-text: #{$primaryTextColor}; + --surface-0: #ffffff; + --surface-50: #eef1f2; + --surface-100: #dde2e4; + --surface-200: #bbc5ca; + --surface-300: #98a8af; + --surface-400: #768b95; + --surface-500: #546e7a; + --surface-600: #435862; + --surface-700: #324249; + --surface-800: #222c31; + --surface-900: #111618; + --gray-50: #eef1f2; + --gray-100: #dde2e4; + --gray-200: #bbc5ca; + --gray-300: #98a8af; + --gray-400: #768b95; + --gray-500: #546e7a; + --gray-600: #435862; + --gray-700: #324249; + --gray-800: #222c31; + --gray-900: #111618; + --content-padding: #{$panelContentPadding}; + --inline-spacing: #{$inlineSpacing}; + --border-radius: #{$borderRadius}; + --surface-ground: #f4f4f4; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #dadada; + --surface-hover: #eaeaea; + --maskbg: #{$maskBg}; + --highlight-bg: #{$highlightBg}; + --highlight-text-color: #{$highlightTextColor}; + --focus-ring: #{$focusShadow}; + color-scheme: light; +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/rhea/_vendor_extensions.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/rhea/_vendor_extensions.scss new file mode 100644 index 000000000..872fa92c7 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/rhea/_vendor_extensions.scss @@ -0,0 +1,25 @@ +@layer primeng { + .p-panel { + .p-panel-header { + .p-panel-header-icon { + color: $primaryTextColor; + + &:enabled:hover { + color: $primaryTextColor; + } + } + } + } + + .p-dialog { + .p-dialog-header { + .p-dialog-header-icon { + color: $primaryTextColor; + + &:enabled:hover { + color: $primaryTextColor; + } + } + } + } +} \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/rhea/theme.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/rhea/theme.scss new file mode 100644 index 000000000..fccd4b036 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/rhea/theme.scss @@ -0,0 +1,4 @@ +@import './variables'; +@import './_fonts'; +@import '../../theme-base/_components'; +@import './_extensions'; diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/saga/_extensions.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/saga/_extensions.scss new file mode 100644 index 000000000..b1f2fcf72 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/saga/_extensions.scss @@ -0,0 +1,27 @@ +@layer primeng { + .p-carousel { + .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: $primaryColor; + } + } + + .p-galleria { + .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: $primaryColor; + } + } + + .p-datatable { + .p-datatable-tbody { + > tr { + &.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 $primaryColor; + } + + &.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 $primaryColor; + } + } + } + } +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/saga/_variables.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/saga/_variables.scss new file mode 100644 index 000000000..b9979d943 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/saga/_variables.scss @@ -0,0 +1,957 @@ +$colors: ( + "blue": #2196f3, + "green": #4caf50, + "yellow": #fbc02d, + "cyan": #00bcd4, + "pink": #e91e63, + "indigo": #3f51b5, + "teal": #009688, + "orange": #f57c00, + "bluegray": #607d8b, + "purple": #9c27b0, + "red": #ff4032, + "primary": $primaryColor, +) !default; + +//reused color variables +$shade000: #ffffff !default; //surface +$shade100: #f8f9fa !default; //header background +$shade200: #e9ecef !default; //hover background +$shade300: #dee2e6 !default; //border, divider +$shade400: #ced4da !default; //input border +$shade500: #adb5bd !default; //input icon +$shade600: #6c757d !default; //text secondary color +$shade700: #495057 !default; //text color +$shade800: #343a40 !default; //unused +$shade900: #212529 !default; //unused + +//global +$fontFamily: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, + Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default; +$fontSize: 1rem !default; +$fontWeight: normal !default; +$textColor: $shade700 !default; +$textSecondaryColor: $shade600 !default; +$borderRadius: 3px !default; +$transitionDuration: 0.2s !default; +$formElementTransition: background-color $transitionDuration, + color $transitionDuration, border-color $transitionDuration, + box-shadow $transitionDuration !default; +$actionIconTransition: background-color $transitionDuration, + color $transitionDuration, box-shadow $transitionDuration !default; +$listItemTransition: box-shadow $transitionDuration !default; +$primeIconFontSize: 1rem !default; +$divider: 1px solid $shade300 !default; +$inlineSpacing: 0.5rem !default; +$disabledOpacity: 0.6 !default; +$maskBg: rgba(0, 0, 0, 0.4) !default; +$loadingIconFontSize: 2rem !default; +$errorColor: #f44336 !default; + +//scale +$scaleSM: 0.875 !default; +$scaleLG: 1.25 !default; + +//focus +$focusOutlineColor: $primaryLightColor !default; +$focusOutline: 0 none !default; +$focusOutlineOffset: 0 !default; +$focusShadow: 0 0 0 0.2rem $focusOutlineColor !default; + +//action icons +$actionIconWidth: 2rem !default; +$actionIconHeight: 2rem !default; +$actionIconBg: transparent !default; +$actionIconBorder: 0 none !default; +$actionIconColor: $shade600 !default; +$actionIconHoverBg: $shade200 !default; +$actionIconHoverBorderColor: transparent !default; +$actionIconHoverColor: $shade700 !default; +$actionIconBorderRadius: 50% !default; + +//input field (e.g. inputtext, spinner, inputmask) +$inputPadding: 0.5rem 0.5rem !default; +$inputTextFontSize: 1rem !default; + +$inputBg: $shade000 !default; +$inputTextColor: $shade700 !default; +$inputIconColor: $shade600 !default; +$inputBorder: 1px solid $shade400 !default; +$inputHoverBorderColor: $primaryColor !default; +$inputFocusBorderColor: $primaryColor !default; +$inputErrorBorderColor: $errorColor !default; +$inputPlaceholderTextColor: $shade600 !default; +$inputFilledBg: $shade100 !default; +$inputFilledHoverBg: $inputFilledBg !default; +$inputFilledFocusBg: $shade000 !default; + +//input groups +$inputGroupBg: $shade200 !default; +$inputGroupTextColor: $shade600 !default; +$inputGroupAddOnMinWidth: 2.357rem !default; + +//input lists (e.g. dropdown, autocomplete, multiselect, orderlist) +$inputListBg: $shade000 !default; +$inputListTextColor: $shade700 !default; +$inputListBorder: $inputBorder !default; +$inputListPadding: 0.5rem 0 !default; +$inputListItemPadding: 0.5rem 1rem !default; +$inputListItemBg: transparent !default; +$inputListItemTextColor: $shade700 !default; +$inputListItemHoverBg: $shade200 !default; +$inputListItemTextHoverColor: $shade700 !default; +$inputListItemFocusBg: $shade300 !default; +$inputListItemTextFocusColor: $shade700 !default; +$inputListItemBorder: 0 none !default; +$inputListItemBorderRadius: 0 !default; +$inputListItemMargin: 0 !default; +$inputListItemFocusShadow: inset 0 0 0 0.15rem $focusOutlineColor !default; +$inputListHeaderPadding: 0.5rem 1rem !default; +$inputListHeaderMargin: 0 !default; +$inputListHeaderBg: $shade100 !default; +$inputListHeaderTextColor: $shade700 !default; +$inputListHeaderBorder: 0 none !default; + +//inputs with overlays (e.g. autocomplete, dropdown, multiselect) +$inputOverlayBg: $inputListBg !default; +$inputOverlayHeaderBg: $inputListHeaderBg !default; +$inputOverlayBorder: 0 none !default; +$inputOverlayShadow: 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) !default; + +//password +$passwordMeterBg: $shade300 !default; +$passwordWeakBg: #d32f2f !default; +$passwordMediumBg: #fbc02d !default; +$passwordStrongBg: #689f38 !default; + +//button +$buttonPadding: 0.5rem 1rem !default; +$buttonIconOnlyWidth: 2.357rem !default; +$buttonIconOnlyPadding: 0.5rem 0 !default; +$buttonBg: $primaryColor !default; +$buttonTextColor: $primaryTextColor !default; +$buttonBorder: 1px solid $primaryColor !default; +$buttonHoverBg: $primaryDarkColor !default; +$buttonTextHoverColor: $primaryTextColor !default; +$buttonHoverBorderColor: $primaryDarkColor !default; +$buttonActiveBg: $primaryDarkerColor !default; +$buttonTextActiveColor: $primaryTextColor !default; +$buttonActiveBorderColor: $primaryDarkerColor !default; +$raisedButtonShadow: 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) !default; +$roundedButtonBorderRadius: 2rem !default; + +$textButtonHoverBgOpacity: 0.04 !default; +$textButtonActiveBgOpacity: 0.16 !default; +$outlinedButtonBorder: 1px solid !default; +$plainButtonTextColor: $textSecondaryColor !default; +$plainButtonHoverBgColor: $shade200 !default; +$plainButtonActiveBgColor: $shade300 !default; + +$secondaryButtonBg: #607d8b !default; +$secondaryButtonTextColor: #ffffff !default; +$secondaryButtonBorder: 1px solid $secondaryButtonBg !default; +$secondaryButtonHoverBg: scale-color( + $secondaryButtonBg, + $lightness: -10% +) !default; +$secondaryButtonTextHoverColor: $secondaryButtonTextColor !default; +$secondaryButtonHoverBorderColor: scale-color( + $secondaryButtonBg, + $lightness: -10% +) !default; +$secondaryButtonActiveBg: scale-color( + $secondaryButtonBg, + $lightness: -20% +) !default; +$secondaryButtonTextActiveColor: $secondaryButtonTextColor !default; +$secondaryButtonActiveBorderColor: scale-color( + $secondaryButtonBg, + $lightness: -20% +) !default; +$secondaryButtonFocusShadow: 0 0 0 0.2rem + scale-color($secondaryButtonBg, $lightness: 60%) !default; + +$infoButtonBg: #0288d1 !default; +$infoButtonTextColor: #ffffff !default; +$infoButtonBorder: 1px solid $infoButtonBg !default; +$infoButtonHoverBg: scale-color($infoButtonBg, $lightness: -10%) !default; +$infoButtonTextHoverColor: $infoButtonTextColor !default; +$infoButtonHoverBorderColor: scale-color( + $infoButtonBg, + $lightness: -10% +) !default; +$infoButtonActiveBg: scale-color($infoButtonBg, $lightness: -20%) !default; +$infoButtonTextActiveColor: $infoButtonTextColor !default; +$infoButtonActiveBorderColor: scale-color( + $infoButtonBg, + $lightness: -20% +) !default; +$infoButtonFocusShadow: 0 0 0 0.2rem scale-color($infoButtonBg, $lightness: 60%) !default; + +$successButtonBg: #689f38 !default; +$successButtonTextColor: #ffffff !default; +$successButtonBorder: 1px solid $successButtonBg !default; +$successButtonHoverBg: scale-color($successButtonBg, $lightness: -10%) !default; +$successButtonTextHoverColor: $successButtonTextColor !default; +$successButtonHoverBorderColor: scale-color( + $successButtonBg, + $lightness: -10% +) !default; +$successButtonActiveBg: scale-color( + $successButtonBg, + $lightness: -20% +) !default; +$successButtonTextActiveColor: $successButtonTextColor !default; +$successButtonActiveBorderColor: scale-color( + $successButtonBg, + $lightness: -20% +) !default; +$successButtonFocusShadow: 0 0 0 0.2rem + scale-color($successButtonBg, $lightness: 60%) !default; + +$warningButtonBg: #fbc02d !default; +$warningButtonTextColor: #212529 !default; +$warningButtonBorder: 1px solid $warningButtonBg !default; +$warningButtonHoverBg: scale-color($warningButtonBg, $lightness: -10%) !default; +$warningButtonTextHoverColor: $warningButtonTextColor !default; +$warningButtonHoverBorderColor: scale-color( + $warningButtonBg, + $lightness: -10% +) !default; +$warningButtonActiveBg: scale-color( + $warningButtonBg, + $lightness: -20% +) !default; +$warningButtonTextActiveColor: $warningButtonTextColor !default; +$warningButtonActiveBorderColor: scale-color( + $warningButtonBg, + $lightness: -20% +) !default; +$warningButtonFocusShadow: 0 0 0 0.2rem + scale-color($warningButtonBg, $lightness: 60%) !default; + +$helpButtonBg: #9c27b0 !default; +$helpButtonTextColor: #ffffff !default; +$helpButtonBorder: 1px solid $helpButtonBg !default; +$helpButtonHoverBg: scale-color($helpButtonBg, $lightness: -10%) !default; +$helpButtonTextHoverColor: $helpButtonTextColor !default; +$helpButtonHoverBorderColor: scale-color( + $helpButtonBg, + $lightness: -10% +) !default; +$helpButtonActiveBg: scale-color($helpButtonBg, $lightness: -20%) !default; +$helpButtonTextActiveColor: $helpButtonTextColor !default; +$helpButtonActiveBorderColor: scale-color( + $helpButtonBg, + $lightness: -20% +) !default; +$helpButtonFocusShadow: 0 0 0 0.2rem scale-color($helpButtonBg, $lightness: 60%) !default; + +$dangerButtonBg: #d32f2f !default; +$dangerButtonTextColor: #ffffff !default; +$dangerButtonBorder: 1px solid $dangerButtonBg !default; +$dangerButtonHoverBg: scale-color($dangerButtonBg, $lightness: -10%) !default; +$dangerButtonTextHoverColor: $dangerButtonTextColor !default; +$dangerButtonHoverBorderColor: scale-color( + $dangerButtonBg, + $lightness: -10% +) !default; +$dangerButtonActiveBg: scale-color($dangerButtonBg, $lightness: -20%) !default; +$dangerButtonTextActiveColor: $dangerButtonTextColor !default; +$dangerButtonActiveBorderColor: scale-color( + $dangerButtonBg, + $lightness: -20% +) !default; +$dangerButtonFocusShadow: 0 0 0 0.2rem + scale-color($dangerButtonBg, $lightness: 60%) !default; + +$linkButtonColor: $primaryDarkerColor !default; +$linkButtonHoverColor: $primaryDarkerColor !default; +$linkButtonTextHoverDecoration: underline !default; +$linkButtonFocusShadow: 0 0 0 0.2rem $focusOutlineColor !default; + +//checkbox +$checkboxWidth: 20px !default; +$checkboxHeight: 20px !default; +$checkboxBorder: 2px solid $shade400 !default; +$checkboxIconFontSize: 14px !default; +$checkboxActiveBorderColor: $primaryColor !default; +$checkboxActiveBg: $primaryColor !default; +$checkboxIconActiveColor: $primaryTextColor !default; +$checkboxActiveHoverBg: $primaryDarkerColor !default; +$checkboxIconActiveHoverColor: $primaryTextColor !default; +$checkboxActiveHoverBorderColor: $primaryDarkerColor !default; + +//radiobutton +$radiobuttonWidth: 20px !default; +$radiobuttonHeight: 20px !default; +$radiobuttonBorder: 2px solid $shade400 !default; +$radiobuttonIconSize: 12px !default; +$radiobuttonActiveBorderColor: $primaryColor !default; +$radiobuttonActiveBg: $primaryColor !default; +$radiobuttonIconActiveColor: $primaryTextColor !default; +$radiobuttonActiveHoverBg: $primaryDarkerColor !default; +$radiobuttonIconActiveHoverColor: $primaryTextColor !default; +$radiobuttonActiveHoverBorderColor: $primaryDarkerColor !default; + +//colorpicker +$colorPickerPreviewWidth: 2rem !default; +$colorPickerPreviewHeight: 2rem !default; +$colorPickerBg: #323232 !default; +$colorPickerBorder: 1px solid #191919 !default; +$colorPickerHandleColor: $shade000 !default; + +//togglebutton +$toggleButtonBg: $inputBg !default; +$toggleButtonBorder: 1px solid $shade400 !default; +$toggleButtonTextColor: $shade700 !default; +$toggleButtonIconColor: $shade600 !default; +$toggleButtonHoverBg: $shade200 !default; +$toggleButtonHoverBorderColor: $shade400 !default; +$toggleButtonTextHoverColor: $shade700 !default; +$toggleButtonIconHoverColor: $shade600 !default; +$toggleButtonActiveBg: $primaryColor !default; +$toggleButtonActiveBorderColor: $primaryColor !default; +$toggleButtonTextActiveColor: $primaryTextColor !default; +$toggleButtonIconActiveColor: $primaryTextColor !default; +$toggleButtonActiveHoverBg: $primaryDarkColor !default; +$toggleButtonActiveHoverBorderColor: $primaryDarkColor !default; +$toggleButtonTextActiveHoverColor: $primaryTextColor !default; +$toggleButtonIconActiveHoverColor: $primaryTextColor !default; + +//inplace +$inplacePadding: $inputPadding !default; +$inplaceHoverBg: $shade200 !default; +$inplaceTextHoverColor: $shade700 !default; + +//rating +$ratingIconFontSize: 1.143rem !default; +$ratingCancelIconColor: #e74c3c !default; +$ratingCancelIconHoverColor: #c0392b !default; +$ratingStarIconOffColor: $shade700 !default; +$ratingStarIconOnColor: $primaryColor !default; +$ratingStarIconHoverColor: $primaryColor !default; + +//slider +$sliderBg: $shade300 !default; +$sliderBorder: 0 none !default; +$sliderHorizontalHeight: 0.286rem !default; +$sliderVerticalWidth: 0.286rem !default; +$sliderHandleWidth: 1.143rem !default; +$sliderHandleHeight: 1.143rem !default; +$sliderHandleBg: $shade000 !default; +$sliderHandleBorder: 2px solid $primaryColor !default; +$sliderHandleBorderRadius: 50% !default; +$sliderHandleHoverBorderColor: $primaryColor !default; +$sliderHandleHoverBg: $primaryColor !default; +$sliderRangeBg: $primaryColor !default; + +//calendar +$calendarTableMargin: 0.5rem 0 !default; +$calendarPadding: 0.5rem !default; +$calendarBg: $shade000 !default; +$calendarInlineBg: $calendarBg !default; +$calendarTextColor: $shade700 !default; +$calendarBorder: $inputListBorder !default; +$calendarOverlayBorder: $inputOverlayBorder !default; + +$calendarHeaderPadding: 0.5rem !default; +$calendarHeaderBg: $shade000 !default; +$calendarInlineHeaderBg: $calendarBg !default; +$calendarHeaderBorder: 1px solid $shade300 !default; +$calendarHeaderTextColor: $shade700 !default; +$calendarHeaderFontWeight: 600 !default; +$calendarHeaderCellPadding: 0.5rem !default; +$calendarMonthYearHeaderHoverTextColor: $primaryColor !default; + +$calendarCellDatePadding: 0.5rem !default; +$calendarCellDateWidth: 2.5rem !default; +$calendarCellDateHeight: 2.5rem !default; +$calendarCellDateBorderRadius: 50% !default; +$calendarCellDateBorder: 1px solid transparent !default; +$calendarCellDateHoverBg: $shade200 !default; +$calendarCellDateTodayBg: $shade400 !default; +$calendarCellDateTodayBorderColor: transparent !default; +$calendarCellDateTodayTextColor: $shade700 !default; + +$calendarButtonBarPadding: 1rem 0 !default; +$calendarTimePickerPadding: 0.5rem !default; +$calendarTimePickerElementPadding: 0 0.5rem !default; +$calendarTimePickerTimeFontSize: 1.25rem !default; + +$calendarBreakpoint: 769px !default; +$calendarCellDatePaddingSM: 0 !default; + +//input switch +$inputSwitchWidth: 3rem !default; +$inputSwitchHeight: 1.75rem !default; +$inputSwitchBorderRadius: 30px !default; +$inputSwitchHandleWidth: 1.25rem !default; +$inputSwitchHandleHeight: 1.25rem !default; +$inputSwitchHandleBorderRadius: 50% !default; +$inputSwitchSliderPadding: 0.25rem !default; +$inputSwitchSliderOffBg: $shade400 !default; +$inputSwitchHandleOffBg: $shade000 !default; +$inputSwitchSliderOffHoverBg: scale-color($shade400, $lightness: -10%) !default; +$inputSwitchSliderOnBg: $primaryColor !default; +$inputSwitchSliderOnHoverBg: $primaryDarkColor !default; +$inputSwitchHandleOnBg: $shade000 !default; + +//panel +$panelHeaderBorderColor: $shade300 !default; +$panelHeaderBorder: 1px solid $shade300 !default; +$panelHeaderBg: $shade100 !default; +$panelHeaderTextColor: $shade700 !default; +$panelHeaderFontWeight: 600 !default; +$panelHeaderPadding: 1rem !default; +$panelToggleableHeaderPadding: 0.5rem 1rem !default; + +$panelHeaderHoverBg: $shade200 !default; +$panelHeaderHoverBorderColor: $shade300 !default; +$panelHeaderTextHoverColor: $shade700 !default; + +$panelContentBorderColor: $shade300 !default; +$panelContentBorder: 1px solid $shade300 !default; +$panelContentBg: $shade000 !default; +$panelContentEvenRowBg: $shade200 !default; +$panelContentTextColor: $shade700 !default; +$panelContentPadding: 1rem !default; + +$panelFooterBorder: 1px solid $shade300 !default; +$panelFooterBg: $shade000 !default; +$panelFooterTextColor: $shade700 !default; +$panelFooterPadding: 0.5rem 1rem !default; + +//accordion +$accordionSpacing: 0 !default; +$accordionHeaderBorder: $panelHeaderBorder !default; +$accordionHeaderBg: $panelHeaderBg !default; +$accordionHeaderTextColor: $panelHeaderTextColor !default; +$accordionHeaderFontWeight: $panelHeaderFontWeight !default; +$accordionHeaderPadding: $panelHeaderPadding !default; + +$accordionHeaderHoverBg: $shade200 !default; +$accordionHeaderHoverBorderColor: $shade300 !default; +$accordionHeaderTextHoverColor: $shade700 !default; + +$accordionHeaderActiveBg: $panelHeaderBg !default; +$accordionHeaderActiveBorderColor: $shade300 !default; +$accordionHeaderTextActiveColor: $shade700 !default; + +$accordionHeaderActiveHoverBg: $shade200 !default; +$accordionHeaderActiveHoverBorderColor: $shade300 !default; +$accordionHeaderTextActiveHoverColor: $shade700 !default; + +$accordionContentBorder: $panelContentBorder !default; +$accordionContentBg: $panelContentBg !default; +$accordionContentTextColor: $panelContentTextColor !default; +$accordionContentPadding: $panelContentPadding !default; + +//tabview +$tabviewNavBorder: 1px solid $shade300 !default; +$tabviewNavBorderWidth: 0 0 2px 0 !default; +$tabviewNavBg: $shade000 !default; + +$tabviewHeaderSpacing: 0 !default; +$tabviewHeaderBorder: solid $shade300 !default; +$tabviewHeaderBorderWidth: 0 0 2px 0 !default; +$tabviewHeaderBorderColor: transparent transparent $shade300 transparent !default; +$tabviewHeaderBg: $shade000 !default; +$tabviewHeaderTextColor: $shade600 !default; +$tabviewHeaderFontWeight: $panelHeaderFontWeight !default; +$tabviewHeaderPadding: $panelHeaderPadding !default; +$tabviewHeaderMargin: 0 0 -2px 0 !default; + +$tabviewHeaderHoverBg: $shade000 !default; +$tabviewHeaderHoverBorderColor: $shade600 !default; +$tabviewHeaderTextHoverColor: $shade600 !default; + +$tabviewHeaderActiveBg: $shade000 !default; +$tabviewHeaderActiveBorderColor: $primaryColor !default; +$tabviewHeaderTextActiveColor: $primaryColor !default; + +$tabviewContentBorder: 0 none !default; +$tabviewContentBg: $panelContentBg !default; +$tabviewContentTextColor: $panelContentTextColor !default; +$tabviewContentPadding: $panelContentPadding !default; + +//upload +$fileUploadProgressBarHeight: 0.25rem !default; +$fileUploadContentPadding: 2rem 1rem !default; +$fileUploadContentHoverBorder: 1px dashed $primaryColor !default; + +//scrollpanel +$scrollPanelTrackBorder: 0 none !default; +$scrollPanelTrackBg: $shade100 !default; + +//card +$cardBodyPadding: 1rem !default; +$cardTitleFontSize: 1.5rem !default; +$cardTitleFontWeight: 700 !default; +$cardSubTitleFontWeight: 400 !default; +$cardSubTitleColor: $shade600 !default; +$cardContentPadding: 1rem 0 !default; +$cardFooterPadding: 1rem 0 0 0 !default; +$cardShadow: 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) !default; + +//editor +$editorToolbarBg: $panelHeaderBg !default; +$editorToolbarBorder: $panelHeaderBorder !default; +$editorToolbarPadding: $panelHeaderPadding !default; +$editorToolbarIconColor: $textSecondaryColor !default; +$editorToolbarIconHoverColor: $textColor !default; +$editorIconActiveColor: $primaryColor !default; +$editorContentBorder: $panelContentBorder !default; +$editorContentBg: $panelContentBg !default; + +//paginator +$paginatorBg: $shade000 !default; +$paginatorTextColor: $shade600 !default; +$paginatorBorder: solid $shade200 !default; +$paginatorBorderWidth: 0 !default; +$paginatorPadding: 0.5rem 1rem !default; +$paginatorElementWidth: $buttonIconOnlyWidth !default; +$paginatorElementHeight: $buttonIconOnlyWidth !default; +$paginatorElementBg: transparent !default; +$paginatorElementBorder: 0 none !default; +$paginatorElementIconColor: $shade600 !default; +$paginatorElementHoverBg: $shade200 !default; +$paginatorElementHoverBorderColor: transparent !default; +$paginatorElementIconHoverColor: $shade700 !default; +$paginatorElementBorderRadius: $borderRadius !default; +$paginatorElementMargin: 0.143rem !default; +$paginatorElementPadding: 0 !default; + +//table +$tableHeaderBorder: 1px solid $shade200 !default; +$tableHeaderBorderWidth: 1px 0 1px 0 !default; +$tableHeaderBg: $shade100 !default; +$tableHeaderTextColor: $shade700 !default; +$tableHeaderFontWeight: 600 !default; +$tableHeaderPadding: 1rem 1rem !default; + +$tableHeaderCellPadding: 1rem 1rem !default; +$tableHeaderCellBg: $shade100 !default; +$tableHeaderCellTextColor: $shade700 !default; +$tableHeaderCellFontWeight: 600 !default; +$tableHeaderCellBorder: 1px solid $shade200 !default; +$tableHeaderCellBorderWidth: 0 0 1px 0 !default; +$tableHeaderCellHoverBg: $shade200 !default; +$tableHeaderCellTextHoverColor: $shade700 !default; +$tableHeaderCellIconColor: $shade600 !default; +$tableHeaderCellIconHoverColor: $shade600 !default; +$tableHeaderCellHighlightBg: $shade100 !default; +$tableHeaderCellHighlightTextColor: $primaryColor !default; +$tableHeaderCellHighlightHoverBg: $shade200 !default; +$tableHeaderCellHighlightTextHoverColor: $primaryColor !default; +$tableSortableColumnBadgeSize: 1.143rem !default; + +$tableBodyRowBg: $shade000 !default; +$tableBodyRowTextColor: $shade700 !default; +$tableBodyRowEvenBg: scale-color($tableBodyRowBg, $lightness: -1%) !default; +$tableBodyRowHoverBg: $shade200 !default; +$tableBodyRowTextHoverColor: $shade700 !default; +$tableBodyCellBorder: 1px solid $shade200 !default; +$tableBodyCellBorderWidth: 0 0 1px 0 !default; +$tableBodyCellPadding: 1rem 1rem !default; + +$tableFooterCellPadding: 1rem 1rem !default; +$tableFooterCellBg: $shade100 !default; +$tableFooterCellTextColor: $shade700 !default; +$tableFooterCellFontWeight: 600 !default; +$tableFooterCellBorder: 1px solid $shade200 !default; +$tableFooterCellBorderWidth: 0 0 1px 0 !default; +$tableResizerHelperBg: $primaryColor !default; + +$tableFooterBorder: 1px solid $shade200 !default; +$tableFooterBorderWidth: 0 0 1px 0 !default; +$tableFooterBg: $shade100 !default; +$tableFooterTextColor: $shade700 !default; +$tableFooterFontWeight: 600 !default; +$tableFooterPadding: 1rem 1rem !default; + +$tableCellContentAlignment: left !default; +$tableTopPaginatorBorderWidth: 0 0 1px 0 !default; +$tableBottomPaginatorBorderWidth: 0 0 1px 0 !default; + +$tableScaleSM: 0.5 !default; +$tableScaleLG: 1.25 !default; + +//dataview +$dataViewContentPadding: 0 !default; +$dataViewContentBorder: 0 none !default; + +//tree +$treeContainerPadding: 0.286rem !default; +$treeNodePadding: 0.143rem !default; +$treeNodeContentPadding: 0 !default; +$treeNodeChildrenPadding: 0 0 0 1rem !default; +$treeNodeIconColor: $shade600 !default; + +//timeline +$timelineVerticalEventContentPadding: 0 1rem !default; +$timelineHorizontalEventContentPadding: 1rem 0 !default; +$timelineEventMarkerWidth: 1rem !default; +$timelineEventMarkerHeight: 1rem !default; +$timelineEventMarkerBorderRadius: 50% !default; +$timelineEventMarkerBorder: 2px solid $primaryColor !default; +$timelineEventMarkerBackground: $shade000 !default; +$timelineEventConnectorSize: 2px !default; +$timelineEventColor: $shade300 !default; + +//org chart +$organizationChartConnectorColor: $shade300 !default; + +//message +$messageMargin: 1rem 0 !default; +$messagePadding: 1rem 1.5rem !default; +$messageBorderWidth: 0 0 0 6px !default; +$messageIconFontSize: 1.5rem !default; +$messageTextFontSize: 1rem !default; +$messageTextFontWeight: 500 !default; + +//inline message +$inlineMessagePadding: $inputPadding !default; +$inlineMessageMargin: 0 !default; +$inlineMessageIconFontSize: 1rem !default; +$inlineMessageTextFontSize: 1rem !default; +$inlineMessageBorderWidth: 0px !default; + +//toast +$toastIconFontSize: 2rem !default; +$toastMessageTextMargin: 0 0 0 1rem !default; +$toastMargin: 0 0 1rem 0 !default; +$toastPadding: 1rem !default; +$toastBorderWidth: 0 0 0 6px !default; +$toastShadow: 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) !default; +$toastOpacity: 0.9 !default; +$toastTitleFontWeight: 700 !default; +$toastDetailMargin: $inlineSpacing 0 0 0 !default; + +//severities +$infoMessageBg: #b3e5fc !default; +$infoMessageBorder: solid scale-color($infoMessageBg, $lightness: -50%) !default; +$infoMessageTextColor: scale-color($infoMessageBg, $lightness: -75%) !default; +$infoMessageIconColor: scale-color($infoMessageBg, $lightness: -75%) !default; +$successMessageBg: #c8e6c9 !default; +$successMessageBorder: solid scale-color($successMessageBg, $lightness: -50%) !default; +$successMessageTextColor: scale-color( + $successMessageBg, + $lightness: -75% +) !default; +$successMessageIconColor: scale-color( + $successMessageBg, + $lightness: -75% +) !default; +$warningMessageBg: #ffecb3 !default; +$warningMessageBorder: solid scale-color($warningMessageBg, $lightness: -50%) !default; +$warningMessageTextColor: scale-color( + $warningMessageBg, + $lightness: -75% +) !default; +$warningMessageIconColor: scale-color( + $warningMessageBg, + $lightness: -75% +) !default; +$errorMessageBg: #ffcdd2 !default; +$errorMessageBorder: solid scale-color($errorMessageBg, $lightness: -50%) !default; +$errorMessageTextColor: scale-color($errorMessageBg, $lightness: -75%) !default; +$errorMessageIconColor: scale-color($errorMessageBg, $lightness: -75%) !default; + +//overlays +$overlayContentBorder: 0 none !default; +$overlayContentBg: $panelContentBg !default; +$overlayContainerShadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), + 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12) !default; + +//dialog +$dialogHeaderBg: $shade000 !default; +$dialogHeaderBorder: 0 none !default; +$dialogHeaderTextColor: $shade700 !default; +$dialogHeaderFontWeight: 600 !default; +$dialogHeaderFontSize: 1.25rem !default; +$dialogHeaderPadding: 1.5rem !default; +$dialogContentPadding: 0 1.5rem 2rem 1.5rem !default; +$dialogFooterBorder: 0 none !default; +$dialogFooterPadding: 0 1.5rem 1.5rem 1.5rem !default; + +//confirmpopup +$confirmPopupContentPadding: $panelContentPadding !default; +$confirmPopupFooterPadding: 0 1rem 1rem 1rem !default; + +//tooltip +$tooltipBg: $shade700 !default; +$tooltipTextColor: $shade000 !default; +$tooltipPadding: $inputPadding !default; + +//steps +$stepsItemBg: $shade000 !default; +$stepsItemBorder: 1px solid $shade200 !default; +$stepsItemTextColor: $shade600 !default; +$stepsItemNumberWidth: 2rem !default; +$stepsItemNumberHeight: 2rem !default; +$stepsItemNumberFontSize: 1.143rem !default; +$stepsItemNumberColor: $shade700 !default; +$stepsItemNumberBorderRadius: 50% !default; +$stepsItemActiveFontWeight: 600 !default; + +//progressbar +$progressBarHeight: 1.5rem !default; +$progressBarBorder: 0 none !default; +$progressBarBg: $shade300 !default; +$progressBarValueBg: $primaryColor !default; +$progressBarValueTextColor: $primaryTextColor !default; + +//menu (e.g. menu, menubar, tieredmenu) +$menuWidth: 12.5rem !default; +$menuBg: $shade000 !default; +$menuBorder: 1px solid $shade300 !default; +$menuTextColor: $shade700 !default; +$menuitemPadding: 0.75rem 1rem !default; +$menuitemBorderRadius: 0 !default; +$menuitemTextColor: $shade700 !default; +$menuitemIconColor: $shade600 !default; +$menuitemTextHoverColor: $shade700 !default; +$menuitemIconHoverColor: $shade600 !default; +$menuitemHoverBg: $shade200 !default; +$menuitemTextFocusColor: $shade700 !default; +$menuitemIconFocusColor: $shade700 !default; +$menuitemFocusBg: $shade300 !default; +$menuitemTextActiveColor: $shade700 !default; +$menuitemIconActiveColor: $shade600 !default; +$menuitemActiveBg: $shade200 !default; +$menuitemActiveFocusBg: $shade200 !default; +$menuitemSubmenuIconFontSize: 0.875rem !default; +$submenuHeaderMargin: 0 !default; +$submenuHeaderPadding: 0.75rem 1rem !default; +$submenuHeaderBg: $shade000 !default; +$submenuHeaderTextColor: $shade700 !default; +$submenuHeaderBorderRadius: 0 !default; +$submenuHeaderFontWeight: 600 !default; +$overlayMenuBg: $menuBg !default; +$overlayMenuBorder: 0 none !default; +$overlayMenuShadow: 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) !default; +$verticalMenuPadding: 0.25rem 0 !default; +$verticalMenuitemMargin: 0 !default; +$menuSeparatorMargin: 0.25rem 0 !default; + +$breadcrumbPadding: 1rem !default; +$breadcrumbBg: $menuBg !default; +$breadcrumbBorder: $menuBorder !default; +$breadcrumbItemTextColor: $menuitemTextColor !default; +$breadcrumbItemIconColor: $menuitemIconColor !default; +$breadcrumbLastItemTextColor: $menuitemTextColor !default; +$breadcrumbLastItemIconColor: $menuitemIconColor !default; +$breadcrumbSeparatorColor: $menuitemTextColor !default; + +$horizontalMenuPadding: 0.5rem !default; +$horizontalMenuBg: $shade100 !default; +$horizontalMenuBorder: $menuBorder !default; +$horizontalMenuTextColor: $menuTextColor !default; +$horizontalMenuRootMenuitemPadding: $menuitemPadding !default; +$horizontalMenuRootMenuitemBorderRadius: $borderRadius !default; +$horizontalMenuRootMenuitemTextColor: $menuitemTextColor !default; +$horizontalMenuRootMenuitemIconColor: $menuitemIconColor !default; +$horizontalMenuRootMenuitemTextHoverColor: $menuitemTextHoverColor !default; +$horizontalMenuRootMenuitemIconHoverColor: $menuitemIconHoverColor !default; +$horizontalMenuRootMenuitemHoverBg: $menuitemHoverBg !default; +$horizontalMenuRootMenuitemTextActiveColor: $menuitemTextActiveColor !default; +$horizontalMenuRootMenuitemIconActiveColor: $menuitemIconActiveColor !default; +$horizontalMenuRootMenuitemActiveBg: $menuitemActiveBg !default; + +//badge and tag +$badgeBg: $primaryColor !default; +$badgeTextColor: $primaryTextColor !default; +$badgeMinWidth: 1.5rem !default; +$badgeHeight: 1.5rem !default; +$badgeFontWeight: 700 !default; +$badgeFontSize: 0.75rem !default; + +$tagPadding: 0.25rem 0.4rem !default; + +//carousel +$carouselIndicatorsPadding: 1rem !default; +$carouselIndicatorBg: $shade200 !default; +$carouselIndicatorHoverBg: $shade300 !default; +$carouselIndicatorBorderRadius: 0 !default; +$carouselIndicatorWidth: 2rem !default; +$carouselIndicatorHeight: 0.5rem !default; + +//galleria +$galleriaMaskBg: rgba(0, 0, 0, 0.9) !default; +$galleriaCloseIconMargin: 0.5rem !default; +$galleriaCloseIconFontSize: 2rem !default; +$galleriaCloseIconBg: transparent !default; +$galleriaCloseIconColor: $shade100 !default; +$galleriaCloseIconHoverBg: rgba(255, 255, 255, 0.1) !default; +$galleriaCloseIconHoverColor: $shade100 !default; +$galleriaCloseIconWidth: 4rem !default; +$galleriaCloseIconHeight: 4rem !default; +$galleriaCloseIconBorderRadius: 50% !default; + +$galleriaItemNavigatorBg: transparent !default; +$galleriaItemNavigatorColor: $shade100 !default; +$galleriaItemNavigatorMargin: 0 0.5rem !default; +$galleriaItemNavigatorFontSize: 2rem !default; +$galleriaItemNavigatorHoverBg: rgba(255, 255, 255, 0.1) !default; +$galleriaItemNavigatorHoverColor: $shade100 !default; +$galleriaItemNavigatorWidth: 4rem !default; +$galleriaItemNavigatorHeight: 4rem !default; +$galleriaItemNavigatorBorderRadius: $borderRadius !default; + +$galleriaCaptionBg: rgba(0, 0, 0, 0.5) !default; +$galleriaCaptionTextColor: $shade100 !default; +$galleriaCaptionPadding: 1rem !default; + +$galleriaIndicatorsPadding: 1rem !default; +$galleriaIndicatorBg: $shade200 !default; +$galleriaIndicatorHoverBg: $shade300 !default; +$galleriaIndicatorBorderRadius: 50% !default; +$galleriaIndicatorWidth: 1rem !default; +$galleriaIndicatorHeight: 1rem !default; +$galleriaIndicatorsBgOnItem: rgba(0, 0, 0, 0.5) !default; +$galleriaIndicatorBgOnItem: rgba(255, 255, 255, 0.4) !default; +$galleriaIndicatorHoverBgOnItem: rgba(255, 255, 255, 0.6) !default; + +$galleriaThumbnailContainerBg: rgba(0, 0, 0, 0.9) !default; +$galleriaThumbnailContainerPadding: 1rem 0.25rem !default; +$galleriaThumbnailNavigatorBg: transparent !default; +$galleriaThumbnailNavigatorColor: $shade100 !default; +$galleriaThumbnailNavigatorHoverBg: rgba(255, 255, 255, 0.1) !default; +$galleriaThumbnailNavigatorHoverColor: $shade100 !default; +$galleriaThumbnailNavigatorBorderRadius: 50% !default; +$galleriaThumbnailNavigatorWidth: 2rem !default; +$galleriaThumbnailNavigatorHeight: 2rem !default; + +//divider +$dividerHorizontalMargin: 1rem 0 !default; +$dividerHorizontalPadding: 0 1rem !default; +$dividerVerticalMargin: 0 1rem !default; +$dividerVerticalPadding: 1rem 0 !default; +$dividerSize: 1px !default; +$dividerColor: $shade300 !default; + +//avatar +$avatarBg: $shade300 !default; +$avatarTextColor: $textColor !default; + +//chip +$chipBg: $shade300 !default; +$chipTextColor: $textColor !default; +$chipBorderRadius: 16px !default; +$chipFocusBg: $shade400 !default; +$chipFocusTextColor: $textColor !default; + +//scrollTop +$scrollTopBg: rgba(0, 0, 0, 0.7) !default; +$scrollTopHoverBg: rgba(0, 0, 0, 0.8) !default; +$scrollTopWidth: 3rem !default; +$scrollTopHeight: 3rem !default; +$scrollTopBorderRadius: 50% !default; +$scrollTopFontSize: 1.5rem !default; +$scrollTopTextColor: $shade100 !default; + +//skeleton +$skeletonBg: $shade200 !default; +$skeletonAnimationBg: rgba(255, 255, 255, 0.4) !default; + +//splitter +$splitterGutterBg: $shade100 !default; +$splitterGutterHandleBg: $shade300 !default; + +//speeddial +$speedDialButtonWidth: 4rem !default; +$speedDialButtonHeight: 4rem !default; +$speedDialButtonIconFontSize: 1.3rem !default; +$speedDialActionWidth: 3rem !default; +$speedDialActionHeight: 3rem !default; +$speedDialActionBg: $shade700 !default; +$speedDialActionHoverBg: $shade800 !default; +$speedDialActionTextColor: #fff !default; +$speedDialActionTextHoverColor: #fff !default; + +//dock +$dockActionWidth: 4rem !default; +$dockActionHeight: 4rem !default; +$dockItemPadding: 0.5rem !default; +$dockItemBorderRadius: $borderRadius !default; +$dockCurrentItemMargin: 1.5rem !default; +$dockFirstItemsMargin: 1.3rem !default; +$dockSecondItemsMargin: 0.9rem !default; +$dockBg: rgba(255, 255, 255, 0.1) !default; +$dockBorder: 1px solid rgba(255, 255, 255, 0.2) !default; +$dockPadding: 0.5rem 0.5rem !default; +$dockBorderRadius: 0.5rem !default; + +//image +$imageMaskBg: rgba(0, 0, 0, 0.9) !default; +$imagePreviewToolbarPadding: 1rem !default; +$imagePreviewIndicatorColor: #f8f9fa !default; +$imagePreviewIndicatorBg: rgba(0, 0, 0, 0.5) !default; +$imagePreviewActionIconBg: transparent !default; +$imagePreviewActionIconColor: #f8f9fa !default; +$imagePreviewActionIconHoverBg: rgba(255, 255, 255, 0.1) !default; +$imagePreviewActionIconHoverColor: #f8f9fa !default; +$imagePreviewActionIconWidth: 3rem !default; +$imagePreviewActionIconHeight: 3rem !default; +$imagePreviewActionIconFontSize: 1.5rem !default; +$imagePreviewActionIconBorderRadius: 50% !default; + +:root { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol"; + --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol"; + --surface-a: #{$shade000}; + --surface-b: #{$shade100}; + --surface-c: #{$shade200}; + --surface-d: #{$shade300}; + --surface-e: #{$shade000}; + --surface-f: #{$shade000}; + --text-color: #{$shade700}; + --text-color-secondary: #{$shade600}; + --primary-color: #{$primaryColor}; + --primary-color-text: #{$primaryTextColor}; + --surface-0: #ffffff; + --surface-50: #fafafa; + --surface-100: #f5f5f5; + --surface-200: #eeeeee; + --surface-300: #e0e0e0; + --surface-400: #bdbdbd; + --surface-500: #9e9e9e; + --surface-600: #757575; + --surface-700: #616161; + --surface-800: #424242; + --surface-900: #212121; + --gray-50: #fafafa; + --gray-100: #f5f5f5; + --gray-200: #eeeeee; + --gray-300: #e0e0e0; + --gray-400: #bdbdbd; + --gray-500: #9e9e9e; + --gray-600: #757575; + --gray-700: #616161; + --gray-800: #424242; + --gray-900: #212121; + --content-padding: #{$panelContentPadding}; + --inline-spacing: #{$inlineSpacing}; + --border-radius: #{$borderRadius}; + --surface-ground: #f8f9fa; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #dee2e6; + --surface-hover: #e9ecef; + --maskbg: #{$maskBg}; + --highlight-bg: #{$highlightBg}; + --highlight-text-color: #{$highlightTextColor}; + --focus-ring: #{$focusShadow}; + color-scheme: light; +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/saga/saga-blue/_extensions.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/saga/saga-blue/_extensions.scss new file mode 100644 index 000000000..2c0ed92e3 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/saga/saga-blue/_extensions.scss @@ -0,0 +1,2 @@ +/* Customizations to the designer theme should be defined here */ +@import '../extensions'; \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/saga/saga-blue/_fonts.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/saga/saga-blue/_fonts.scss new file mode 100644 index 000000000..e38a3a604 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/saga/saga-blue/_fonts.scss @@ -0,0 +1 @@ +// Configuration for the font-face of the theme, defaults to the system font so left as blank \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/saga/saga-blue/_variables.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/saga/saga-blue/_variables.scss new file mode 100644 index 000000000..7d0ce4530 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/saga/saga-blue/_variables.scss @@ -0,0 +1,11 @@ +$primaryColor: #2196F3 !default; +$primaryLightColor: scale-color($primaryColor, $lightness: 60%) !default; +$primaryDarkColor: scale-color($primaryColor, $lightness: -10%) !default; +$primaryDarkerColor: scale-color($primaryColor, $lightness: -20%) !default; +$primaryTextColor: #ffffff !default; + +$highlightBg: #E3F2FD !default; +$highlightTextColor: #495057 !default; +$highlightFocusBg: rgba($primaryColor, .24) !default; + +@import '../_variables'; diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/saga/saga-blue/theme.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/saga/saga-blue/theme.scss new file mode 100644 index 000000000..3c5738990 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/saga/saga-blue/theme.scss @@ -0,0 +1,4 @@ +@import './variables'; +@import './_fonts'; +@import '../../../theme-base/_components'; +@import './_extensions'; diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/saga/saga-green/_extensions.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/saga/saga-green/_extensions.scss new file mode 100644 index 000000000..2c0ed92e3 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/saga/saga-green/_extensions.scss @@ -0,0 +1,2 @@ +/* Customizations to the designer theme should be defined here */ +@import '../extensions'; \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/saga/saga-green/_fonts.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/saga/saga-green/_fonts.scss new file mode 100644 index 000000000..e38a3a604 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/saga/saga-green/_fonts.scss @@ -0,0 +1 @@ +// Configuration for the font-face of the theme, defaults to the system font so left as blank \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/saga/saga-green/_variables.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/saga/saga-green/_variables.scss new file mode 100644 index 000000000..675be2491 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/saga/saga-green/_variables.scss @@ -0,0 +1,11 @@ +$primaryColor: #4CAF50 !default; +$primaryLightColor: scale-color($primaryColor, $lightness: 60%) !default; +$primaryDarkColor: scale-color($primaryColor, $lightness: -10%) !default; +$primaryDarkerColor: scale-color($primaryColor, $lightness: -20%) !default; +$primaryTextColor: #ffffff !default; + +$highlightBg: #E8F5E9 !default; +$highlightTextColor: #495057 !default; +$highlightFocusBg: rgba($primaryColor, .24) !default; + +@import '../_variables'; diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/saga/saga-green/theme.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/saga/saga-green/theme.scss new file mode 100644 index 000000000..3c5738990 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/saga/saga-green/theme.scss @@ -0,0 +1,4 @@ +@import './variables'; +@import './_fonts'; +@import '../../../theme-base/_components'; +@import './_extensions'; diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/saga/saga-orange/_extensions.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/saga/saga-orange/_extensions.scss new file mode 100644 index 000000000..2c0ed92e3 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/saga/saga-orange/_extensions.scss @@ -0,0 +1,2 @@ +/* Customizations to the designer theme should be defined here */ +@import '../extensions'; \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/saga/saga-orange/_fonts.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/saga/saga-orange/_fonts.scss new file mode 100644 index 000000000..e38a3a604 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/saga/saga-orange/_fonts.scss @@ -0,0 +1 @@ +// Configuration for the font-face of the theme, defaults to the system font so left as blank \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/saga/saga-orange/_variables.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/saga/saga-orange/_variables.scss new file mode 100644 index 000000000..1daad86a9 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/saga/saga-orange/_variables.scss @@ -0,0 +1,11 @@ +$primaryColor: #FFC107 !default; +$primaryLightColor: scale-color($primaryColor, $lightness: 60%) !default; +$primaryDarkColor: scale-color($primaryColor, $lightness: -10%) !default; +$primaryDarkerColor: scale-color($primaryColor, $lightness: -20%) !default; +$primaryTextColor: #212529 !default; + +$highlightBg: #FFF3E0 !default; +$highlightTextColor: #495057 !default; +$highlightFocusBg: #ebe0ce !default; + +@import '../_variables'; diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/saga/saga-orange/theme.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/saga/saga-orange/theme.scss new file mode 100644 index 000000000..3c5738990 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/saga/saga-orange/theme.scss @@ -0,0 +1,4 @@ +@import './variables'; +@import './_fonts'; +@import '../../../theme-base/_components'; +@import './_extensions'; diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/saga/saga-purple/_extensions.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/saga/saga-purple/_extensions.scss new file mode 100644 index 000000000..2c0ed92e3 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/saga/saga-purple/_extensions.scss @@ -0,0 +1,2 @@ +/* Customizations to the designer theme should be defined here */ +@import '../extensions'; \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/saga/saga-purple/_fonts.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/saga/saga-purple/_fonts.scss new file mode 100644 index 000000000..e38a3a604 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/saga/saga-purple/_fonts.scss @@ -0,0 +1 @@ +// Configuration for the font-face of the theme, defaults to the system font so left as blank \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/saga/saga-purple/_variables.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/saga/saga-purple/_variables.scss new file mode 100644 index 000000000..3acdf2e0f --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/saga/saga-purple/_variables.scss @@ -0,0 +1,11 @@ +$primaryColor: #9C27B0 !default; +$primaryLightColor: scale-color($primaryColor, $lightness: 60%) !default; +$primaryDarkColor: scale-color($primaryColor, $lightness: -10%) !default; +$primaryDarkerColor: scale-color($primaryColor, $lightness: -20%) !default; +$primaryTextColor: #ffffff !default; + +$highlightBg: #F3E5F5 !default; +$highlightTextColor: #495057 !default; +$highlightFocusBg: rgba($primaryColor, .24) !default; + +@import '../_variables'; diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/saga/saga-purple/theme.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/saga/saga-purple/theme.scss new file mode 100644 index 000000000..3c5738990 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/saga/saga-purple/theme.scss @@ -0,0 +1,4 @@ +@import './variables'; +@import './_fonts'; +@import '../../../theme-base/_components'; +@import './_extensions'; diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/soho/soho-dark/_extensions.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/soho/soho-dark/_extensions.scss new file mode 100644 index 000000000..8c09b3240 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/soho/soho-dark/_extensions.scss @@ -0,0 +1,39 @@ +@layer primeng { + .p-carousel { + .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: $primaryColor; + } + } + + .p-galleria { + .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: $primaryColor; + } + + &.p-galleria-indicator-onitem { + .p-galleria-indicators { + .p-galleria-indicator { + &.p-highlight { + button { + background: $primaryColor; + } + } + } + } + } + } + + .p-datatable { + .p-datatable-tbody { + > tr { + &.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 $primaryColor; + } + + &.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 $primaryColor; + } + } + } + } +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/soho/soho-dark/_fonts.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/soho/soho-dark/_fonts.scss new file mode 100644 index 000000000..416b8123b --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/soho/soho-dark/_fonts.scss @@ -0,0 +1,27 @@ +/* lato-300 - latin-ext_latin */ +@font-face { + font-family: 'Lato'; + font-style: normal; + font-weight: 300; + src: local('Lato Light'), local('Lato-Light'), + url('./fonts/lato-v17-latin-ext_latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('./fonts/lato-v17-latin-ext_latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + } + /* lato-regular - latin-ext_latin */ + @font-face { + font-family: 'Lato'; + font-style: normal; + font-weight: 400; + src: local('Lato Regular'), local('Lato-Regular'), + url('./fonts/lato-v17-latin-ext_latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('./fonts/lato-v17-latin-ext_latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + } + /* lato-700 - latin-ext_latin */ + @font-face { + font-family: 'Lato'; + font-style: normal; + font-weight: 700; + src: local('Lato Bold'), local('Lato-Bold'), + url('./fonts/lato-v17-latin-ext_latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('./fonts/lato-v17-latin-ext_latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + } \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/soho/soho-dark/_variables.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/soho/soho-dark/_variables.scss new file mode 100644 index 000000000..193167a6f --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/soho/soho-dark/_variables.scss @@ -0,0 +1,947 @@ +$primaryColor: #b19df7 !default; +$primaryLightColor: scale-color($primaryColor, $lightness: 60%) !default; +$primaryDarkColor: scale-color($primaryColor, $lightness: -5%) !default; +$primaryDarkerColor: scale-color($primaryColor, $lightness: -10%) !default; +$primaryTextColor: hsl(234, 15%, 13%) !default; + +$highlightBg: rgba(177, 157, 247, 0.16) !default; +$highlightTextColor: $primaryColor !default; +$highlightFocusBg: rgba($primaryColor, 0.24) !default; + +$colors: ( + "blue": #54b0f3, + "green": #29c76f, + "yellow": #f3d054, + "cyan": #3ec9d6, + "pink": #ea5455, + "indigo": #5464f3, + "teal": #0dc381, + "orange": #ff9f42, + "bluegray": #6878a0, + "purple": #7254f3, + "red": #ff384b, + "primary": $primaryColor, +) !default; + +//shades +$shade000: rgba(255, 255, 255, 0.87) !default; //text color +$shade100: rgba(255, 255, 255, 0.6) !default; //text secondary color +$shade500: #4c4d5f !default; +$shade600: #3e4053 !default; //input bg, border, divider +$shade700: #333544 !default; //unused +$shade800: #282936 !default; //elevated surface +$shade900: #1d1e27 !default; //ground surface + +$hoverBg: rgba(255, 255, 255, 0.03) !default; + +//global +$fontFamily: Lato, Helvetica, sans-serif !default; +$fontSize: 1rem !default; +$fontWeight: normal !default; +$textColor: $shade000 !default; +$textSecondaryColor: $shade100 !default; +$borderRadius: 6px !default; +$transitionDuration: 0.2s !default; +$formElementTransition: background-color $transitionDuration, + color $transitionDuration, border-color $transitionDuration, + box-shadow $transitionDuration !default; +$actionIconTransition: background-color $transitionDuration, + color $transitionDuration, box-shadow $transitionDuration !default; +$listItemTransition: box-shadow $transitionDuration !default; +$primeIconFontSize: 1rem !default; +$divider: 1px solid $shade600 !default; +$inlineSpacing: 0.5rem !default; //spacing between inline elements +$disabledOpacity: 0.4 !default; //opacity of a disabled item +$maskBg: rgba(0, 0, 0, 0.4) !default; //modal mask bg color +$loadingIconFontSize: 2rem !default; +$errorColor: #ff9a9a !default; + +//scale +$scaleSM: 0.875 !default; +$scaleLG: 1.25 !default; + +//focus +$focusOutlineColor: $primaryLightColor !default; +$focusOutline: 0 none !default; +$focusOutlineOffset: 0 !default; +$focusShadow: 0 0 0 1px $focusOutlineColor !default; + +//action icons +$actionIconWidth: 2rem !default; +$actionIconHeight: 2rem !default; +$actionIconBg: transparent !default; +$actionIconBorder: 0 none !default; +$actionIconColor: $shade100 !default; +$actionIconHoverBg: $hoverBg !default; +$actionIconHoverBorderColor: transparent !default; +$actionIconHoverColor: $shade000 !default; +$actionIconBorderRadius: 50% !default; + +//input field (e.g. inputtext, spinner, inputmask) +$inputPadding: 0.75rem 0.75rem !default; +$inputTextFontSize: 1rem !default; +$inputBg: $shade900 !default; +$inputTextColor: $shade000 !default; +$inputIconColor: $shade100 !default; +$inputBorder: 1px solid $shade600 !default; +$inputHoverBorderColor: $primaryColor !default; +$inputFocusBorderColor: $primaryColor !default; +$inputErrorBorderColor: $errorColor !default; +$inputPlaceholderTextColor: $shade100 !default; +$inputFilledBg: $shade600 !default; +$inputFilledHoverBg: $inputFilledBg !default; +$inputFilledFocusBg: $inputFilledBg !default; + +//input groups +$inputGroupBg: $shade800 !default; +$inputGroupTextColor: $shade100 !default; +$inputGroupAddOnMinWidth: 3rem !default; + +//input lists (e.g. dropdown, autocomplete, multiselect, orderlist) +$inputListBg: $shade800 !default; +$inputListTextColor: $shade000 !default; +$inputListBorder: $inputBorder !default; +$inputListPadding: 0.75rem 0 !default; +$inputListItemPadding: 0.75rem 1.25rem !default; +$inputListItemBg: transparent !default; +$inputListItemTextColor: $shade000 !default; +$inputListItemHoverBg: $hoverBg !default; +$inputListItemTextHoverColor: $shade000 !default; +$inputListItemFocusBg: rgba(255, 255, 255, 0.09) !default; +$inputListItemTextFocusColor: $shade000 !default; +$inputListItemBorder: 0 none !default; +$inputListItemBorderRadius: 0 !default; +$inputListItemMargin: 0 !default; +$inputListItemFocusShadow: inset 0 0 0 0.15rem $focusOutlineColor !default; +$inputListHeaderPadding: 0.75rem 1.25rem !default; +$inputListHeaderMargin: 0 !default; +$inputListHeaderBg: $shade800 !default; +$inputListHeaderTextColor: $shade000 !default; +$inputListHeaderBorder: 1px solid $shade600 !default; + +//inputs with overlays (e.g. autocomplete, dropdown, multiselect) +$inputOverlayBg: $inputListBg !default; +$inputOverlayHeaderBg: $inputListHeaderBg !default; +$inputOverlayBorder: 1px solid $shade600 !default; +$inputOverlayShadow: 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) !default; + +//password +$passwordMeterBg: $shade600 !default; +$passwordWeakBg: #eb9a9c !default; +$passwordMediumBg: #ffcf91 !default; +$passwordStrongBg: #93deac !default; + +//button +$buttonPadding: 0.75rem 1.25rem !default; +$buttonIconOnlyWidth: 3rem !default; +$buttonIconOnlyPadding: 0.75rem 0 !default; +$buttonBg: $primaryColor !default; +$buttonTextColor: $primaryTextColor !default; +$buttonBorder: 1px solid $primaryColor !default; +$buttonHoverBg: $primaryDarkColor !default; +$buttonTextHoverColor: $primaryTextColor !default; +$buttonHoverBorderColor: $primaryDarkColor !default; +$buttonActiveBg: $primaryDarkerColor !default; +$buttonTextActiveColor: $primaryTextColor !default; +$buttonActiveBorderColor: $primaryDarkerColor !default; +$raisedButtonShadow: 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) !default; +$roundedButtonBorderRadius: 2rem !default; + +$textButtonHoverBgOpacity: 0.04 !default; +$textButtonActiveBgOpacity: 0.16 !default; +$outlinedButtonBorder: 1px solid !default; +$plainButtonTextColor: $textSecondaryColor !default; +$plainButtonHoverBgColor: $hoverBg !default; +$plainButtonActiveBgColor: rgba(255, 255, 255, 0.16) !default; + +$secondaryButtonBg: #d4ea93 !default; +$secondaryButtonTextColor: #1d1e27 !default; +$secondaryButtonBorder: 1px solid $secondaryButtonBg !default; +$secondaryButtonHoverBg: scale-color( + $secondaryButtonBg, + $lightness: -10% +) !default; +$secondaryButtonTextHoverColor: $secondaryButtonTextColor !default; +$secondaryButtonHoverBorderColor: scale-color( + $secondaryButtonBg, + $lightness: -10% +) !default; +$secondaryButtonActiveBg: scale-color( + $secondaryButtonBg, + $lightness: -20% +) !default; +$secondaryButtonTextActiveColor: $secondaryButtonTextColor !default; +$secondaryButtonActiveBorderColor: scale-color( + $secondaryButtonBg, + $lightness: -20% +) !default; +$secondaryButtonFocusShadow: 0 0 0 1px + scale-color($secondaryButtonBg, $lightness: 30%) !default; + +$infoButtonBg: #9bcaff !default; +$infoButtonTextColor: #1d1e27 !default; +$infoButtonBorder: 1px solid $infoButtonBg !default; +$infoButtonHoverBg: scale-color($infoButtonBg, $lightness: -10%) !default; +$infoButtonTextHoverColor: $infoButtonTextColor !default; +$infoButtonHoverBorderColor: scale-color( + $infoButtonBg, + $lightness: -10% +) !default; +$infoButtonActiveBg: scale-color($infoButtonBg, $lightness: -20%) !default; +$infoButtonTextActiveColor: $infoButtonTextColor !default; +$infoButtonActiveBorderColor: scale-color( + $infoButtonBg, + $lightness: -20% +) !default; +$infoButtonFocusShadow: 0 0 0 1px scale-color($infoButtonBg, $lightness: 30%) !default; + +$successButtonBg: #93deac !default; +$successButtonTextColor: #1d1e27 !default; +$successButtonBorder: 1px solid $successButtonBg !default; +$successButtonHoverBg: scale-color($successButtonBg, $lightness: -10%) !default; +$successButtonTextHoverColor: $successButtonTextColor !default; +$successButtonHoverBorderColor: scale-color( + $successButtonBg, + $lightness: -10% +) !default; +$successButtonActiveBg: scale-color( + $successButtonBg, + $lightness: -20% +) !default; +$successButtonTextActiveColor: $successButtonTextColor !default; +$successButtonActiveBorderColor: scale-color( + $successButtonBg, + $lightness: -20% +) !default; +$successButtonFocusShadow: 0 0 0 1px + scale-color($successButtonBg, $lightness: 30%) !default; + +$warningButtonBg: #ffcf91 !default; +$warningButtonTextColor: #1d1e27 !default; +$warningButtonBorder: 1px solid $warningButtonBg !default; +$warningButtonHoverBg: scale-color($warningButtonBg, $lightness: -10%) !default; +$warningButtonTextHoverColor: $warningButtonTextColor !default; +$warningButtonHoverBorderColor: scale-color( + $warningButtonBg, + $lightness: -10% +) !default; +$warningButtonActiveBg: scale-color( + $warningButtonBg, + $lightness: -20% +) !default; +$warningButtonTextActiveColor: $warningButtonTextColor !default; +$warningButtonActiveBorderColor: scale-color( + $warningButtonBg, + $lightness: -20% +) !default; +$warningButtonFocusShadow: 0 0 0 1px + scale-color($warningButtonBg, $lightness: 30%) !default; + +$helpButtonBg: #86e0e7 !default; +$helpButtonTextColor: #1d1e27 !default; +$helpButtonBorder: 1px solid $helpButtonBg !default; +$helpButtonHoverBg: scale-color($helpButtonBg, $lightness: -10%) !default; +$helpButtonTextHoverColor: $helpButtonTextColor !default; +$helpButtonHoverBorderColor: scale-color( + $helpButtonBg, + $lightness: -10% +) !default; +$helpButtonActiveBg: scale-color($helpButtonBg, $lightness: -20%) !default; +$helpButtonTextActiveColor: $helpButtonTextColor !default; +$helpButtonActiveBorderColor: scale-color( + $helpButtonBg, + $lightness: -20% +) !default; +$helpButtonFocusShadow: 0 0 0 1px scale-color($helpButtonBg, $lightness: 30%) !default; + +$dangerButtonBg: #eb9a9c !default; +$dangerButtonTextColor: #1d1e27 !default; +$dangerButtonBorder: 1px solid $dangerButtonBg !default; +$dangerButtonHoverBg: scale-color($dangerButtonBg, $lightness: -10%) !default; +$dangerButtonTextHoverColor: $dangerButtonTextColor !default; +$dangerButtonHoverBorderColor: scale-color( + $dangerButtonBg, + $lightness: -10% +) !default; +$dangerButtonActiveBg: scale-color($dangerButtonBg, $lightness: -20%) !default; +$dangerButtonTextActiveColor: $dangerButtonTextColor !default; +$dangerButtonActiveBorderColor: scale-color( + $dangerButtonBg, + $lightness: -20% +) !default; +$dangerButtonFocusShadow: 0 0 0 1px + scale-color($dangerButtonBg, $lightness: 30%) !default; + +$linkButtonColor: $primaryColor !default; +$linkButtonHoverColor: $primaryColor !default; +$linkButtonTextHoverDecoration: underline !default; +$linkButtonFocusShadow: 0 0 0 1px $focusOutlineColor !default; + +//checkbox +$checkboxWidth: 22px !default; +$checkboxHeight: 22px !default; +$checkboxBorder: 2px solid $shade600 !default; +$checkboxIconFontSize: 14px !default; +$checkboxActiveBorderColor: $primaryColor !default; +$checkboxActiveBg: $primaryColor !default; +$checkboxIconActiveColor: $primaryTextColor !default; +$checkboxActiveHoverBg: $primaryDarkerColor !default; +$checkboxIconActiveHoverColor: $primaryTextColor !default; +$checkboxActiveHoverBorderColor: $primaryDarkerColor !default; + +//radiobutton +$radiobuttonWidth: 22px !default; +$radiobuttonHeight: 22px !default; +$radiobuttonBorder: 2px solid $shade600 !default; +$radiobuttonIconSize: 12px !default; +$radiobuttonActiveBorderColor: $primaryColor !default; +$radiobuttonActiveBg: $primaryColor !default; +$radiobuttonIconActiveColor: $primaryTextColor !default; +$radiobuttonActiveHoverBg: $primaryDarkerColor !default; +$radiobuttonIconActiveHoverColor: $primaryTextColor !default; +$radiobuttonActiveHoverBorderColor: $primaryDarkerColor !default; + +//colorpicker +$colorPickerPreviewWidth: 2rem !default; +$colorPickerPreviewHeight: 2rem !default; +$colorPickerBg: $shade800 !default; +$colorPickerBorder: 1px solid $shade600 !default; +$colorPickerHandleColor: $shade000 !default; + +//togglebutton +$toggleButtonBg: $shade800 !default; +$toggleButtonBorder: 1px solid $shade600 !default; +$toggleButtonTextColor: $shade000 !default; +$toggleButtonIconColor: $shade100 !default; +$toggleButtonHoverBg: $hoverBg !default; +$toggleButtonHoverBorderColor: $shade600 !default; +$toggleButtonTextHoverColor: $shade000 !default; +$toggleButtonIconHoverColor: $shade100 !default; +$toggleButtonActiveBg: $primaryColor !default; +$toggleButtonActiveBorderColor: $primaryColor !default; +$toggleButtonTextActiveColor: $primaryTextColor !default; +$toggleButtonIconActiveColor: $primaryTextColor !default; +$toggleButtonActiveHoverBg: $primaryDarkColor !default; +$toggleButtonActiveHoverBorderColor: $primaryDarkColor !default; +$toggleButtonTextActiveHoverColor: $primaryTextColor !default; +$toggleButtonIconActiveHoverColor: $primaryTextColor !default; + +//inplace +$inplacePadding: $inputPadding !default; +$inplaceHoverBg: $hoverBg !default; +$inplaceTextHoverColor: $shade000 !default; + +//rating +$ratingIconFontSize: 1.143rem !default; +$ratingCancelIconColor: #f48fb1 !default; +$ratingCancelIconHoverColor: #f48fb1 !default; +$ratingStarIconOffColor: $shade000 !default; +$ratingStarIconOnColor: $primaryColor !default; +$ratingStarIconHoverColor: $primaryColor !default; + +//slider +$sliderBg: $shade600 !default; +$sliderBorder: 0 none !default; +$sliderHorizontalHeight: 0.286rem !default; +$sliderVerticalWidth: 0.286rem !default; +$sliderHandleWidth: 1.143rem !default; +$sliderHandleHeight: 1.143rem !default; +$sliderHandleBg: $shade600 !default; +$sliderHandleBorder: 2px solid $primaryColor !default; +$sliderHandleBorderRadius: 50% !default; +$sliderHandleHoverBorderColor: $primaryColor !default; +$sliderHandleHoverBg: $primaryColor !default; +$sliderRangeBg: $primaryColor !default; + +//calendar +$calendarTableMargin: 0.5rem 0 !default; +$calendarPadding: 0.5rem !default; +$calendarBg: $shade800 !default; +$calendarInlineBg: $calendarBg !default; +$calendarTextColor: $shade000 !default; +$calendarBorder: $inputListBorder !default; +$calendarOverlayBorder: $inputOverlayBorder !default; + +$calendarHeaderPadding: 0.5rem !default; +$calendarHeaderBg: $shade800 !default; +$calendarInlineHeaderBg: $calendarBg !default; +$calendarHeaderBorder: 1px solid $shade600 !default; +$calendarHeaderTextColor: $shade000 !default; +$calendarHeaderFontWeight: 700 !default; +$calendarHeaderCellPadding: 0.5rem !default; +$calendarMonthYearHeaderHoverTextColor: $primaryColor !default; + +$calendarCellDatePadding: 0.5rem !default; +$calendarCellDateWidth: 2.5rem !default; +$calendarCellDateHeight: 2.5rem !default; +$calendarCellDateBorderRadius: 50% !default; +$calendarCellDateBorder: 1px solid transparent !default; +$calendarCellDateHoverBg: $hoverBg !default; +$calendarCellDateTodayBg: transparent !default; +$calendarCellDateTodayBorderColor: transparent !default; +$calendarCellDateTodayTextColor: $primaryColor !default; + +$calendarButtonBarPadding: 1rem 0 !default; +$calendarTimePickerPadding: 0.5rem !default; +$calendarTimePickerElementPadding: 0 0.5rem !default; +$calendarTimePickerTimeFontSize: 1.25rem !default; + +$calendarBreakpoint: 769px !default; +$calendarCellDatePaddingSM: 0 !default; + +//input switch +$inputSwitchWidth: 3rem !default; +$inputSwitchHeight: 1.75rem !default; +$inputSwitchBorderRadius: 30px !default; +$inputSwitchHandleWidth: 1.25rem !default; +$inputSwitchHandleHeight: 1.25rem !default; +$inputSwitchHandleBorderRadius: 50% !default; +$inputSwitchSliderPadding: 0.25rem !default; +$inputSwitchSliderOffBg: $shade600 !default; +$inputSwitchHandleOffBg: $shade100 !default; +$inputSwitchSliderOffHoverBg: $hoverBg !default; +$inputSwitchSliderOnBg: $primaryColor !default; +$inputSwitchSliderOnHoverBg: $primaryDarkColor !default; +$inputSwitchHandleOnBg: $shade000 !default; + +//panel +$panelHeaderBorderColor: $shade600 !default; +$panelHeaderBorder: 1px solid $shade600 !default; +$panelHeaderBg: $shade800 !default; +$panelHeaderTextColor: $shade000 !default; +$panelHeaderFontWeight: 700 !default; +$panelHeaderPadding: 1.25rem !default; +$panelToggleableHeaderPadding: 0.75rem 1.25rem !default; + +$panelHeaderHoverBg: $hoverBg !default; +$panelHeaderHoverBorderColor: $shade600 !default; +$panelHeaderTextHoverColor: $shade000 !default; + +$panelContentBorderColor: $shade600 !default; +$panelContentBorder: 1px solid $shade600 !default; +$panelContentBg: $shade800 !default; +$panelContentEvenRowBg: rgba(255, 255, 255, 0.01) !default; +$panelContentTextColor: $shade000 !default; +$panelContentPadding: 1.25rem !default; + +$panelFooterBorder: 1px solid $shade600 !default; +$panelFooterBg: $shade800 !default; +$panelFooterTextColor: $shade000 !default; +$panelFooterPadding: 0.75rem 1.25rem !default; + +//accordion +$accordionSpacing: 4px !default; +$accordionHeaderBorder: $panelHeaderBorder !default; +$accordionHeaderBg: $panelHeaderBg !default; +$accordionHeaderTextColor: $panelHeaderTextColor !default; +$accordionHeaderFontWeight: $panelHeaderFontWeight !default; +$accordionHeaderPadding: $panelHeaderPadding !default; + +$accordionHeaderHoverBg: $hoverBg !default; +$accordionHeaderHoverBorderColor: $shade600 !default; +$accordionHeaderTextHoverColor: $shade000 !default; + +$accordionHeaderActiveBg: $panelHeaderBg !default; +$accordionHeaderActiveBorderColor: $shade600 !default; +$accordionHeaderTextActiveColor: $shade000 !default; + +$accordionHeaderActiveHoverBg: $hoverBg !default; +$accordionHeaderActiveHoverBorderColor: $shade600 !default; +$accordionHeaderTextActiveHoverColor: $shade000 !default; + +$accordionContentBorder: $panelContentBorder !default; +$accordionContentBg: $panelContentBg !default; +$accordionContentTextColor: $panelContentTextColor !default; +$accordionContentPadding: $panelContentPadding !default; + +//tabview +$tabviewNavBorder: 1px solid $shade600 !default; +$tabviewNavBorderWidth: 0 0 2px 0 !default; +$tabviewNavBg: transparent !default; + +$tabviewHeaderSpacing: 0 !default; +$tabviewHeaderBorder: solid $shade600 !default; +$tabviewHeaderBorderWidth: 0 0 2px 0 !default; +$tabviewHeaderBorderColor: transparent transparent $shade600 transparent !default; +$tabviewHeaderBg: $shade800 !default; +$tabviewHeaderTextColor: $shade100 !default; +$tabviewHeaderFontWeight: $panelHeaderFontWeight !default; +$tabviewHeaderPadding: $panelHeaderPadding !default; +$tabviewHeaderMargin: 0 0 -2px 0 !default; + +$tabviewHeaderHoverBg: $shade800 !default; +$tabviewHeaderHoverBorderColor: $primaryColor !default; +$tabviewHeaderTextHoverColor: $shade000 !default; + +$tabviewHeaderActiveBg: $shade800 !default; +$tabviewHeaderActiveBorderColor: $primaryColor !default; +$tabviewHeaderTextActiveColor: $primaryColor !default; + +$tabviewContentBorder: 0 none !default; +$tabviewContentBg: $shade800 !default; +$tabviewContentTextColor: $shade000 !default; +$tabviewContentPadding: $panelContentPadding !default; + +//upload +$fileUploadProgressBarHeight: 0.25rem !default; +$fileUploadContentPadding: 2rem 1rem !default; +$fileUploadContentHoverBorder: 1px dashed $primaryColor !default; + +//scrollpanel +$scrollPanelTrackBorder: 0 none !default; +$scrollPanelTrackBg: $shade600 !default; + +//card +$cardBodyPadding: 1.25rem !default; +$cardTitleFontSize: 1.5rem !default; +$cardTitleFontWeight: 700 !default; +$cardSubTitleFontWeight: 400 !default; +$cardSubTitleColor: $shade100 !default; +$cardContentPadding: 1.25rem 0 !default; +$cardFooterPadding: 1.25rem 0 0 0 !default; +$cardShadow: 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) !default; + +//editor +$editorToolbarBg: $panelHeaderBg !default; +$editorToolbarBorder: $panelHeaderBorder !default; +$editorToolbarPadding: $panelHeaderPadding !default; +$editorToolbarIconColor: $textSecondaryColor !default; +$editorToolbarIconHoverColor: $textColor !default; +$editorIconActiveColor: $primaryColor !default; +$editorContentBorder: $panelContentBorder !default; +$editorContentBg: $panelContentBg !default; + +//paginator +$paginatorBg: $shade800 !default; +$paginatorTextColor: $shade100 !default; +$paginatorBorder: solid $shade600 !default; +$paginatorBorderWidth: 1px !default; +$paginatorPadding: 0.5rem 1rem !default; +$paginatorElementWidth: $buttonIconOnlyWidth !default; +$paginatorElementHeight: $buttonIconOnlyWidth !default; +$paginatorElementBg: transparent !default; +$paginatorElementBorder: 0 none !default; +$paginatorElementIconColor: $shade100 !default; +$paginatorElementHoverBg: $hoverBg !default; +$paginatorElementHoverBorderColor: transparent !default; +$paginatorElementIconHoverColor: $shade000 !default; +$paginatorElementBorderRadius: $borderRadius !default; +$paginatorElementMargin: 0.143rem !default; +$paginatorElementPadding: 0 !default; + +//table +$tableHeaderBorder: 1px solid $shade600 !default; +$tableHeaderBorderWidth: 0 0 1px 0 !default; +$tableHeaderBg: $shade800 !default; +$tableHeaderTextColor: $shade100 !default; +$tableHeaderFontWeight: 700 !default; +$tableHeaderPadding: 1rem 1rem !default; + +$tableHeaderCellPadding: 1rem 1rem !default; +$tableHeaderCellBg: $shade800 !default; +$tableHeaderCellTextColor: $shade000 !default; +$tableHeaderCellFontWeight: 700 !default; +$tableHeaderCellBorder: 1px solid $shade600 !default; +$tableHeaderCellBorderWidth: 0 0 1px 0 !default; +$tableHeaderCellHoverBg: $hoverBg !default; +$tableHeaderCellTextHoverColor: $shade000 !default; +$tableHeaderCellIconColor: $shade100 !default; +$tableHeaderCellIconHoverColor: $shade000 !default; +$tableHeaderCellHighlightBg: $highlightBg !default; +$tableHeaderCellHighlightTextColor: $highlightTextColor !default; +$tableHeaderCellHighlightHoverBg: $highlightBg !default; +$tableHeaderCellHighlightTextHoverColor: $highlightTextColor !default; +$tableSortableColumnBadgeSize: 1.143rem !default; + +$tableBodyRowBg: $shade800 !default; +$tableBodyRowTextColor: $shade000 !default; +$tableBodyRowEvenBg: #2b2c38 !default; +$tableBodyRowHoverBg: $hoverBg !default; +$tableBodyRowTextHoverColor: $shade000 !default; +$tableBodyCellBorder: 1px solid $shade600 !default; +$tableBodyCellBorderWidth: 0 0 1px 0 !default; +$tableBodyCellPadding: 1rem 1rem !default; + +$tableFooterCellPadding: 1rem 1rem !default; +$tableFooterCellBg: $shade800 !default; +$tableFooterCellTextColor: $shade000 !default; +$tableFooterCellFontWeight: 700 !default; +$tableFooterCellBorder: 1px solid $shade600 !default; +$tableFooterCellBorderWidth: 0 0 1px 0 !default; +$tableResizerHelperBg: $primaryColor !default; + +$tableFooterBorder: 1px solid $shade600 !default; +$tableFooterBorderWidth: 0 0 1px 0 !default; +$tableFooterBg: $shade800 !default; +$tableFooterTextColor: $shade000 !default; +$tableFooterFontWeight: 700 !default; +$tableFooterPadding: 1rem 1rem !default; + +$tableCellContentAlignment: left !default; +$tableTopPaginatorBorderWidth: 1px 0 1px 0 !default; +$tableBottomPaginatorBorderWidth: 0 0 1px 0 !default; + +$tableScaleSM: 0.5 !default; +$tableScaleLG: 1.25 !default; + +//dataview +$dataViewContentPadding: 0 !default; +$dataViewContentBorder: 0 none !default; + +//tree +$treeContainerPadding: 0.286rem !default; +$treeNodePadding: 0.143rem !default; +$treeNodeContentPadding: 0.5rem !default; +$treeNodeChildrenPadding: 0 0 0 1rem !default; +$treeNodeIconColor: $shade100 !default; + +//timeline +$timelineVerticalEventContentPadding: 0 1rem !default; +$timelineHorizontalEventContentPadding: 1rem 0 !default; +$timelineEventMarkerWidth: 1rem !default; +$timelineEventMarkerHeight: 1rem !default; +$timelineEventMarkerBorderRadius: 50% !default; +$timelineEventMarkerBorder: 2px solid $primaryColor !default; +$timelineEventMarkerBackground: $primaryTextColor !default; +$timelineEventConnectorSize: 2px !default; +$timelineEventColor: $shade600 !default; + +//org chart +$organizationChartConnectorColor: $shade600 !default; + +//message +$messageMargin: 1rem 0 !default; +$messagePadding: 1.25rem 1.75rem !default; +$messageBorderWidth: 0 0 0 6px !default; +$messageIconFontSize: 1.5rem !default; +$messageTextFontSize: 1rem !default; +$messageTextFontWeight: 400 !default; + +//inline message +$inlineMessagePadding: $inputPadding !default; +$inlineMessageMargin: 0 !default; +$inlineMessageIconFontSize: 1rem !default; +$inlineMessageTextFontSize: 1rem !default; +$inlineMessageBorderWidth: 1px !default; + +//toast +$toastIconFontSize: 2rem !default; +$toastMessageTextMargin: 0 0 0 1rem !default; +$toastMargin: 0 0 1rem 0 !default; +$toastPadding: 1rem !default; +$toastBorderWidth: 0 0 0 6px !default; +$toastShadow: none !default; +$toastOpacity: 0.9 !default; +$toastTitleFontWeight: 700 !default; +$toastDetailMargin: $inlineSpacing 0 0 0 !default; + +//severities +$infoMessageBg: #e9e9ff !default; +$infoMessageBorder: solid #696cff !default; +$infoMessageTextColor: #696cff !default; +$infoMessageIconColor: #696cff !default; +$successMessageBg: #e4f8f0 !default; +$successMessageBorder: solid #1ea97c !default; +$successMessageTextColor: #1ea97c !default; +$successMessageIconColor: #1ea97c !default; +$warningMessageBg: #fff2e2 !default; +$warningMessageBorder: solid #cc8925 !default; +$warningMessageTextColor: #cc8925 !default; +$warningMessageIconColor: #cc8925 !default; +$errorMessageBg: #ffe7e6 !default; +$errorMessageBorder: solid #ff5757 !default; +$errorMessageTextColor: #ff5757 !default; +$errorMessageIconColor: #ff5757 !default; + +//overlays +$overlayContentBorder: 1px solid $shade600 !default; +$overlayContentBg: $panelContentBg !default; +$overlayContainerShadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), + 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12) !default; + +//dialog +$dialogHeaderBg: $shade800 !default; +$dialogHeaderBorder: 0 none !default; +$dialogHeaderTextColor: $shade000 !default; +$dialogHeaderFontWeight: 700 !default; +$dialogHeaderFontSize: 1.25rem !default; +$dialogHeaderPadding: 1.5rem !default; +$dialogContentPadding: 0 1.5rem 2rem 1.5rem !default; +$dialogFooterBorder: 0 none !default; +$dialogFooterPadding: 0 1.5rem 1.5rem 1.5rem !default; + +//confirmpopup +$confirmPopupContentPadding: $panelContentPadding !default; +$confirmPopupFooterPadding: 0 1.25rem 1.25rem 1.25rem !default; + +//tooltip +$tooltipBg: $shade600 !default; +$tooltipTextColor: $shade000 !default; +$tooltipPadding: $inputPadding !default; + +//steps +$stepsItemBg: transparent !default; +$stepsItemBorder: 0 none !default; +$stepsItemTextColor: $shade100 !default; +$stepsItemNumberWidth: 2rem !default; +$stepsItemNumberHeight: 2rem !default; +$stepsItemNumberFontSize: 1.143rem !default; +$stepsItemNumberColor: $shade000 !default; +$stepsItemNumberBorderRadius: 50% !default; +$stepsItemActiveFontWeight: 700 !default; + +//progressbar +$progressBarHeight: 1.5rem !default; +$progressBarBorder: 0 none !default; +$progressBarBg: $shade600 !default; +$progressBarValueBg: $primaryColor !default; +$progressBarValueTextColor: $primaryTextColor !default; + +//menu (e.g. menu, menubar, tieredmenu) +$menuWidth: 12.5rem !default; +$menuBg: $shade700 !default; +$menuBorder: 1px solid $shade600 !default; +$menuTextColor: $shade000 !default; +$menuitemPadding: 0.75rem 1.25rem !default; +$menuitemBorderRadius: 0 !default; +$menuitemTextColor: $shade000 !default; +$menuitemIconColor: $shade100 !default; +$menuitemTextHoverColor: $shade000 !default; +$menuitemIconHoverColor: $shade000 !default; +$menuitemHoverBg: $hoverBg !default; +$menuitemTextFocusColor: $shade000 !default; +$menuitemIconFocusColor: $shade000 !default; +$menuitemFocusBg: rgba(255, 255, 255, 0.09) !default; +$menuitemTextActiveColor: $highlightTextColor !default; +$menuitemIconActiveColor: $highlightTextColor !default; +$menuitemActiveBg: $highlightBg !default; +$menuitemActiveFocusBg: $highlightFocusBg !default; +$menuitemSubmenuIconFontSize: 0.875rem !default; +$submenuHeaderMargin: 0 !default; +$submenuHeaderPadding: 0.75rem 1.25rem !default; +$submenuHeaderBg: $shade700 !default; +$submenuHeaderTextColor: $shade000 !default; +$submenuHeaderBorderRadius: 0 !default; +$submenuHeaderFontWeight: 700 !default; +$overlayMenuBg: $menuBg !default; +$overlayMenuBorder: 1px solid $shade600 !default; +$overlayMenuShadow: 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) !default; +$verticalMenuPadding: 0.25rem 0 !default; +$verticalMenuitemMargin: 0 !default; +$menuSeparatorMargin: 0.25rem 0 !default; + +$breadcrumbPadding: 1rem !default; +$breadcrumbBg: $menuBg !default; +$breadcrumbBorder: $menuBorder !default; +$breadcrumbItemTextColor: $menuitemTextColor !default; +$breadcrumbItemIconColor: $menuitemIconColor !default; +$breadcrumbLastItemTextColor: $menuitemTextColor !default; +$breadcrumbLastItemIconColor: $menuitemIconColor !default; +$breadcrumbSeparatorColor: $menuitemTextColor !default; + +$horizontalMenuPadding: 0.5rem !default; +$horizontalMenuBg: $shade700 !default; +$horizontalMenuBorder: $menuBorder !default; +$horizontalMenuTextColor: $menuTextColor !default; +$horizontalMenuRootMenuitemPadding: $menuitemPadding !default; +$horizontalMenuRootMenuitemBorderRadius: $borderRadius !default; +$horizontalMenuRootMenuitemTextColor: $menuitemTextColor !default; +$horizontalMenuRootMenuitemIconColor: $menuitemIconColor !default; +$horizontalMenuRootMenuitemTextHoverColor: $menuitemTextHoverColor !default; +$horizontalMenuRootMenuitemIconHoverColor: $menuitemIconHoverColor !default; +$horizontalMenuRootMenuitemHoverBg: $menuitemHoverBg !default; +$horizontalMenuRootMenuitemTextActiveColor: $menuitemTextActiveColor !default; +$horizontalMenuRootMenuitemIconActiveColor: $menuitemIconActiveColor !default; +$horizontalMenuRootMenuitemActiveBg: $menuitemActiveBg !default; + +//badge and tag +$badgeBg: $primaryColor !default; +$badgeTextColor: $primaryTextColor !default; +$badgeMinWidth: 1.5rem !default; +$badgeHeight: 1.5rem !default; +$badgeFontWeight: 700 !default; +$badgeFontSize: 0.75rem !default; + +$tagPadding: 0.25rem 0.4rem !default; + +//carousel +$carouselIndicatorsPadding: 1rem !default; +$carouselIndicatorBg: $shade600 !default; +$carouselIndicatorHoverBg: $hoverBg !default; +$carouselIndicatorBorderRadius: 0 !default; +$carouselIndicatorWidth: 2rem !default; +$carouselIndicatorHeight: 0.5rem !default; + +//galleria +$galleriaMaskBg: rgba(0, 0, 0, 0.9) !default; +$galleriaCloseIconMargin: 0.5rem !default; +$galleriaCloseIconFontSize: 2rem !default; +$galleriaCloseIconBg: transparent !default; +$galleriaCloseIconColor: #f8f9fa !default; +$galleriaCloseIconHoverBg: rgba(255, 255, 255, 0.1) !default; +$galleriaCloseIconHoverColor: #f8f9fa !default; +$galleriaCloseIconWidth: 4rem !default; +$galleriaCloseIconHeight: 4rem !default; +$galleriaCloseIconBorderRadius: 50% !default; + +$galleriaItemNavigatorBg: transparent !default; +$galleriaItemNavigatorColor: #f8f9fa !default; +$galleriaItemNavigatorMargin: 0 0.5rem !default; +$galleriaItemNavigatorFontSize: 2rem !default; +$galleriaItemNavigatorHoverBg: rgba(255, 255, 255, 0.1) !default; +$galleriaItemNavigatorHoverColor: #f8f9fa !default; +$galleriaItemNavigatorWidth: 4rem !default; +$galleriaItemNavigatorHeight: 4rem !default; +$galleriaItemNavigatorBorderRadius: $borderRadius !default; + +$galleriaCaptionBg: rgba(0, 0, 0, 0.5) !default; +$galleriaCaptionTextColor: #f8f9fa !default; +$galleriaCaptionPadding: 1rem !default; + +$galleriaIndicatorsPadding: 1rem !default; +$galleriaIndicatorBg: $shade600 !default; +$galleriaIndicatorHoverBg: rgba(255, 255, 255, 0.1) !default; +$galleriaIndicatorBorderRadius: 50% !default; +$galleriaIndicatorWidth: 1rem !default; +$galleriaIndicatorHeight: 1rem !default; +$galleriaIndicatorsBgOnItem: rgba(0, 0, 0, 0.5) !default; +$galleriaIndicatorBgOnItem: rgba(255, 255, 255, 0.4) !default; +$galleriaIndicatorHoverBgOnItem: rgba(255, 255, 255, 0.6) !default; + +$galleriaThumbnailContainerBg: rgba(0, 0, 0, 0.9) !default; +$galleriaThumbnailContainerPadding: 1rem 0.25rem !default; +$galleriaThumbnailNavigatorBg: transparent !default; +$galleriaThumbnailNavigatorColor: #f8f9fa !default; +$galleriaThumbnailNavigatorHoverBg: rgba(255, 255, 255, 0.1) !default; +$galleriaThumbnailNavigatorHoverColor: #f8f9fa !default; +$galleriaThumbnailNavigatorBorderRadius: 50% !default; +$galleriaThumbnailNavigatorWidth: 2rem !default; +$galleriaThumbnailNavigatorHeight: 2rem !default; + +//divider +$dividerHorizontalMargin: 1.25rem 0 !default; +$dividerHorizontalPadding: 0 1.25rem !default; +$dividerVerticalMargin: 0 1.25rem !default; +$dividerVerticalPadding: 1.25rem 0 !default; +$dividerSize: 1px !default; +$dividerColor: $shade600 !default; + +//avatar +$avatarBg: $shade600 !default; +$avatarTextColor: $textColor !default; + +//chip +$chipBg: $shade600 !default; +$chipTextColor: $textColor !default; +$chipBorderRadius: 16px !default; +$chipFocusBg: $shade500 !default; +$chipFocusTextColor: $textColor !default; + +//scrollTop +$scrollTopBg: $highlightBg !default; +$scrollTopHoverBg: scale-color($highlightBg, $alpha: 24%) !default; +$scrollTopWidth: 3rem !default; +$scrollTopHeight: 3rem !default; +$scrollTopBorderRadius: 50% !default; +$scrollTopFontSize: 1.5rem !default; +$scrollTopTextColor: $highlightTextColor !default; + +//skeleton +$skeletonBg: rgba(255, 255, 255, 0.06) !default; +$skeletonAnimationBg: rgba(255, 255, 255, 0.04) !default; + +//splitter +$splitterGutterBg: rgba(255, 255, 255, 0.03) !default; +$splitterGutterHandleBg: $shade600 !default; + +//speeddial +$speedDialButtonWidth: 4rem !default; +$speedDialButtonHeight: 4rem !default; +$speedDialButtonIconFontSize: 1.3rem !default; +$speedDialActionWidth: 3rem !default; +$speedDialActionHeight: 3rem !default; +$speedDialActionBg: $shade000 !default; +$speedDialActionHoverBg: $shade100 !default; +$speedDialActionTextColor: $shade900 !default; +$speedDialActionTextHoverColor: $shade900 !default; + +//dock +$dockActionWidth: 4rem !default; +$dockActionHeight: 4rem !default; +$dockItemPadding: 0.5rem !default; +$dockItemBorderRadius: $borderRadius !default; +$dockCurrentItemMargin: 1.5rem !default; +$dockFirstItemsMargin: 1.3rem !default; +$dockSecondItemsMargin: 0.9rem !default; +$dockBg: rgba(255, 255, 255, 0.1) !default; +$dockBorder: 1px solid rgba(255, 255, 255, 0.2) !default; +$dockPadding: 0.5rem 0.5rem !default; +$dockBorderRadius: 0.5rem !default; + +//image +$imageMaskBg: rgba(0, 0, 0, 0.9) !default; +$imagePreviewToolbarPadding: 1rem !default; +$imagePreviewIndicatorColor: #f8f9fa !default; +$imagePreviewIndicatorBg: rgba(0, 0, 0, 0.5) !default; +$imagePreviewActionIconBg: transparent !default; +$imagePreviewActionIconColor: #f8f9fa !default; +$imagePreviewActionIconHoverBg: rgba(255, 255, 255, 0.1) !default; +$imagePreviewActionIconHoverColor: #f8f9fa !default; +$imagePreviewActionIconWidth: 3rem !default; +$imagePreviewActionIconHeight: 3rem !default; +$imagePreviewActionIconFontSize: 1.5rem !default; +$imagePreviewActionIconBorderRadius: 50% !default; + +:root { + font-family: Lato, Helvetica, sans-serif; + --font-family: Lato, Helvetica, sans-serif; + --surface-a: #{$shade800}; + --surface-b: #{$shade900}; + --surface-c: #{$hoverBg}; + --surface-d: #{$shade600}; + --surface-e: #{$shade800}; + --surface-f: #{$shade800}; + --text-color: #{$shade000}; + --text-color-secondary: #{$shade100}; + --primary-color: #{$primaryColor}; + --primary-color-text: #{$primaryTextColor}; + --surface-0: #1d1e27; + --surface-50: #34343d; + --surface-100: #4a4b52; + --surface-200: #616268; + --surface-300: #77787d; + --surface-400: #8e8f93; + --surface-500: #a5a5a9; + --surface-600: #bbbcbe; + --surface-700: #d2d2d4; + --surface-800: #e8e9e9; + --surface-900: #ffffff; + --gray-50: #e8e9e9; + --gray-100: #d2d2d4; + --gray-200: #bbbcbe; + --gray-300: #a5a5a9; + --gray-400: #8e8f93; + --gray-500: #77787d; + --gray-600: #616268; + --gray-700: #4a4b52; + --gray-800: #34343d; + --gray-900: #1d1e27; + --content-padding: #{$panelContentPadding}; + --inline-spacing: #{$inlineSpacing}; + --border-radius: #{$borderRadius}; + --surface-ground: #1d1e27; + --surface-section: #1d1e27; + --surface-card: #282936; + --surface-overlay: #282936; + --surface-border: #3e4053; + --surface-hover: rgba(255, 255, 255, 0.03); + --maskbg: #{$maskBg}; + --highlight-bg: #{$highlightBg}; + --highlight-text-color: #{$highlightTextColor}; + --focus-ring: #{$focusShadow}; + color-scheme: dark; +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/soho/soho-dark/fonts/lato-v17-latin-ext_latin-300.woff b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/soho/soho-dark/fonts/lato-v17-latin-ext_latin-300.woff new file mode 100644 index 000000000..46d424475 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/soho/soho-dark/fonts/lato-v17-latin-ext_latin-300.woff differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/soho/soho-dark/fonts/lato-v17-latin-ext_latin-300.woff2 b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/soho/soho-dark/fonts/lato-v17-latin-ext_latin-300.woff2 new file mode 100644 index 000000000..f1c62e099 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/soho/soho-dark/fonts/lato-v17-latin-ext_latin-300.woff2 differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/soho/soho-dark/fonts/lato-v17-latin-ext_latin-700.woff b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/soho/soho-dark/fonts/lato-v17-latin-ext_latin-700.woff new file mode 100644 index 000000000..e8d62dd0a Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/soho/soho-dark/fonts/lato-v17-latin-ext_latin-700.woff differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/soho/soho-dark/fonts/lato-v17-latin-ext_latin-700.woff2 b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/soho/soho-dark/fonts/lato-v17-latin-ext_latin-700.woff2 new file mode 100644 index 000000000..5ba583e88 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/soho/soho-dark/fonts/lato-v17-latin-ext_latin-700.woff2 differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/soho/soho-dark/fonts/lato-v17-latin-ext_latin-regular.woff b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/soho/soho-dark/fonts/lato-v17-latin-ext_latin-regular.woff new file mode 100644 index 000000000..c6d3d1d9d Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/soho/soho-dark/fonts/lato-v17-latin-ext_latin-regular.woff differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/soho/soho-dark/fonts/lato-v17-latin-ext_latin-regular.woff2 b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/soho/soho-dark/fonts/lato-v17-latin-ext_latin-regular.woff2 new file mode 100644 index 000000000..4153a8259 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/soho/soho-dark/fonts/lato-v17-latin-ext_latin-regular.woff2 differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/soho/soho-dark/theme.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/soho/soho-dark/theme.scss new file mode 100644 index 000000000..4edae70ea --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/soho/soho-dark/theme.scss @@ -0,0 +1,4 @@ +@import './_variables'; +@import './_fonts'; +@import '../../../theme-base/_components'; +@import './_extensions'; diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/soho/soho-light/_extensions.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/soho/soho-light/_extensions.scss new file mode 100644 index 000000000..f92001c2c --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/soho/soho-light/_extensions.scss @@ -0,0 +1,116 @@ +/* Customizations to the designer theme should be defined here */ +@layer primeng { + .p-datepicker { + .p-datepicker-header { + .p-datepicker-prev, + .p-datepicker-next { + color: $primaryTextColor; + + &:enabled:hover { + color: $primaryTextColor; + background-color: rgba(255,255,255,.2); + } + } + } + + &.p-datepicker-multiple-month { + .p-datepicker-group { + border-right: 1px solid rgba(255,255,255,.2); + } + } + + .p-datepicker-buttonbar { + border-top: 1px solid rgba(255,255,255,.2); + + .p-button { + color: $primaryTextColor; + + &:enabled:hover { + color: $primaryTextColor; + background-color: rgba(255,255,255,.2); + } + } + } + + .p-timepicker { + border-top: 1px solid rgba(255,255,255,.2); + + .p-link { + color: $primaryTextColor; + + &:enabled:hover { + color: $primaryTextColor; + background-color: rgba(255,255,255,.2); + } + } + } + + table { + font-size: $fontSize; + margin: $calendarTableMargin; + + th { + color: rgba(255,255,255,.7); + } + + td { + > span { + &.p-highlight { + color: $primaryTextColor; + background: rgba(255,255,255,.3); + } + } + + &.p-datepicker-today { + > span { + &.p-highlight { + color: $primaryTextColor; + background: rgba(255,255,255,.3); + } + } + } + } + } + + .p-monthpicker { + .p-monthpicker-month { + &.p-highlight { + color: $primaryTextColor; + background: rgba(255,255,255,.3); + } + } + } + } + + .p-button { + .p-button-label { + font-weight: 700; + } + } + + .p-carousel { + .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: $primaryColor; + } + } + + .p-galleria { + .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: $primaryColor; + } + } + + .p-datatable { + .p-datatable-tbody { + > tr { + &.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 $primaryColor; + } + + &.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 $primaryColor; + } + } + } + } +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/soho/soho-light/_fonts.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/soho/soho-light/_fonts.scss new file mode 100644 index 000000000..416b8123b --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/soho/soho-light/_fonts.scss @@ -0,0 +1,27 @@ +/* lato-300 - latin-ext_latin */ +@font-face { + font-family: 'Lato'; + font-style: normal; + font-weight: 300; + src: local('Lato Light'), local('Lato-Light'), + url('./fonts/lato-v17-latin-ext_latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('./fonts/lato-v17-latin-ext_latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + } + /* lato-regular - latin-ext_latin */ + @font-face { + font-family: 'Lato'; + font-style: normal; + font-weight: 400; + src: local('Lato Regular'), local('Lato-Regular'), + url('./fonts/lato-v17-latin-ext_latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('./fonts/lato-v17-latin-ext_latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + } + /* lato-700 - latin-ext_latin */ + @font-face { + font-family: 'Lato'; + font-style: normal; + font-weight: 700; + src: local('Lato Bold'), local('Lato-Bold'), + url('./fonts/lato-v17-latin-ext_latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('./fonts/lato-v17-latin-ext_latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + } \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/soho/soho-light/_variables.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/soho/soho-light/_variables.scss new file mode 100644 index 000000000..4f8aafa53 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/soho/soho-light/_variables.scss @@ -0,0 +1,950 @@ +$primaryColor: #7254f3 !default; +$primaryLightColor: scale-color($primaryColor, $lightness: 60%) !default; +$primaryDarkColor: scale-color($primaryColor, $lightness: -5%) !default; +$primaryDarkerColor: scale-color($primaryColor, $lightness: -10%) !default; +$primaryTextColor: #ffffff !default; + +$highlightBg: #e2dcfc !default; +$highlightTextColor: #7254f3 !default; +$highlightFocusBg: darken($highlightBg, 6%) !default; + +$colors: ( + "blue": #54b0f3, + "green": #29c76f, + "yellow": #f3d054, + "cyan": #3ec9d6, + "pink": #ea5455, + "indigo": #5464f3, + "teal": #0dc381, + "orange": #ff9f42, + "bluegray": #6878a0, + "purple": #7254f3, + "red": #ff384b, + "primary": $primaryColor, +) !default; + +//reused color variables +$shade000: #ffffff !default; //surface +$shade100: #eff3f8 !default; //header background +$shade200: #f6f9fc !default; //hover background +$shade300: #dfe7ef !default; //border, divider +$shade400: #d3dbe3 !default; //input border +$shade500: #c6ccd7 !default; //input icon +$shade600: #708da9 !default; //text secondary color +$shade700: #043d75 !default; //text color +$shade800: #343a40 !default; //unused +$shade900: #212529 !default; //unused + +//global +$fontFamily: Lato, Helvetica, sans-serif !default; +$fontSize: 1rem !default; +$fontWeight: normal !default; +$textColor: $shade700 !default; +$textSecondaryColor: $shade600 !default; +$borderRadius: 6px !default; +$transitionDuration: 0.2s !default; +$formElementTransition: background-color $transitionDuration, + color $transitionDuration, border-color $transitionDuration, + box-shadow $transitionDuration !default; +$actionIconTransition: background-color $transitionDuration, + color $transitionDuration, box-shadow $transitionDuration !default; +$listItemTransition: box-shadow $transitionDuration !default; +$primeIconFontSize: 1rem !default; +$divider: 1px solid $shade300 !default; +$inlineSpacing: 0.5rem !default; +$disabledOpacity: 0.6 !default; +$maskBg: rgba(0, 0, 0, 0.4) !default; +$loadingIconFontSize: 2rem !default; +$errorColor: #ff6767 !default; + +//scale +$scaleSM: 0.875 !default; +$scaleLG: 1.25 !default; + +//focus +$focusOutlineColor: $primaryLightColor !default; +$focusOutline: 0 none !default; +$focusOutlineOffset: 0 !default; +$focusShadow: 0 0 0 1px $focusOutlineColor !default; + +//action icons +$actionIconWidth: 2rem !default; +$actionIconHeight: 2rem !default; +$actionIconBg: transparent !default; +$actionIconBorder: 0 none !default; +$actionIconColor: $shade600 !default; +$actionIconHoverBg: $shade200 !default; +$actionIconHoverBorderColor: transparent !default; +$actionIconHoverColor: $shade700 !default; +$actionIconBorderRadius: 50% !default; + +//input field (e.g. inputtext, spinner, inputmask) +$inputPadding: 0.75rem 0.75rem !default; +$inputTextFontSize: 1rem !default; + +$inputBg: $shade000 !default; +$inputTextColor: $shade700 !default; +$inputIconColor: $shade600 !default; +$inputBorder: 1px solid $shade400 !default; +$inputHoverBorderColor: $primaryColor !default; +$inputFocusBorderColor: $primaryColor !default; +$inputErrorBorderColor: $errorColor !default; +$inputPlaceholderTextColor: $shade600 !default; +$inputFilledBg: $shade200 !default; +$inputFilledHoverBg: $inputFilledBg !default; +$inputFilledFocusBg: $shade000 !default; + +//input groups +$inputGroupBg: $shade200 !default; +$inputGroupTextColor: $shade600 !default; +$inputGroupAddOnMinWidth: 3rem !default; + +//input lists (e.g. dropdown, autocomplete, multiselect, orderlist) +$inputListBg: $shade000 !default; +$inputListTextColor: $shade700 !default; +$inputListBorder: $inputBorder !default; +$inputListPadding: 0.75rem 0 !default; +$inputListItemPadding: 0.75rem 1.25rem !default; +$inputListItemBg: transparent !default; +$inputListItemTextColor: $shade700 !default; +$inputListItemHoverBg: $shade200 !default; +$inputListItemTextHoverColor: $shade700 !default; +$inputListItemFocusBg: $shade300 !default; +$inputListItemTextFocusColor: $shade700 !default; +$inputListItemBorder: 0 none !default; +$inputListItemBorderRadius: 0 !default; +$inputListItemMargin: 0 !default; +$inputListItemFocusShadow: inset 0 0 0 0.15rem $focusOutlineColor !default; +$inputListHeaderPadding: 0.75rem 1.25rem !default; +$inputListHeaderMargin: 0 !default; +$inputListHeaderBg: $shade100 !default; +$inputListHeaderTextColor: $shade600 !default; +$inputListHeaderBorder: 1px solid $shade300 !default; + +//inputs with overlays (e.g. autocomplete, dropdown, multiselect) +$inputOverlayBg: $inputListBg !default; +$inputOverlayHeaderBg: $inputListHeaderBg !default; +$inputOverlayBorder: 0 none !default; +$inputOverlayShadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1) !default; + +//password +$passwordMeterBg: $shade300 !default; +$passwordWeakBg: #ea5455 !default; +$passwordMediumBg: #ff9f42 !default; +$passwordStrongBg: #29c76f !default; + +//button +$buttonPadding: 0.75rem 1.25rem !default; +$buttonIconOnlyWidth: 3rem !default; +$buttonIconOnlyPadding: 0.75rem 0 !default; +$buttonBg: $primaryColor !default; +$buttonTextColor: $primaryTextColor !default; +$buttonBorder: 1px solid $primaryColor !default; +$buttonHoverBg: $primaryDarkColor !default; +$buttonTextHoverColor: $primaryTextColor !default; +$buttonHoverBorderColor: $primaryDarkColor !default; +$buttonActiveBg: $primaryDarkerColor !default; +$buttonTextActiveColor: $primaryTextColor !default; +$buttonActiveBorderColor: $primaryDarkerColor !default; +$raisedButtonShadow: 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) !default; +$roundedButtonBorderRadius: 2rem !default; + +$textButtonHoverBgOpacity: 0.04 !default; +$textButtonActiveBgOpacity: 0.16 !default; +$outlinedButtonBorder: 1px solid !default; +$plainButtonTextColor: $textSecondaryColor !default; +$plainButtonHoverBgColor: $shade200 !default; +$plainButtonActiveBgColor: $shade300 !default; + +$secondaryButtonBg: #a1c30d !default; +$secondaryButtonTextColor: #ffffff !default; +$secondaryButtonBorder: 1px solid $secondaryButtonBg !default; +$secondaryButtonHoverBg: scale-color( + $secondaryButtonBg, + $lightness: -10% +) !default; +$secondaryButtonTextHoverColor: $secondaryButtonTextColor !default; +$secondaryButtonHoverBorderColor: scale-color( + $secondaryButtonBg, + $lightness: -10% +) !default; +$secondaryButtonActiveBg: scale-color( + $secondaryButtonBg, + $lightness: -20% +) !default; +$secondaryButtonTextActiveColor: $secondaryButtonTextColor !default; +$secondaryButtonActiveBorderColor: scale-color( + $secondaryButtonBg, + $lightness: -20% +) !default; +$secondaryButtonFocusShadow: 0 0 0 0.2rem + scale-color($secondaryButtonBg, $lightness: 60%) !default; + +$infoButtonBg: #5486f3 !default; +$infoButtonTextColor: #ffffff !default; +$infoButtonBorder: 1px solid $infoButtonBg !default; +$infoButtonHoverBg: scale-color($infoButtonBg, $lightness: -10%) !default; +$infoButtonTextHoverColor: $infoButtonTextColor !default; +$infoButtonHoverBorderColor: scale-color( + $infoButtonBg, + $lightness: -10% +) !default; +$infoButtonActiveBg: scale-color($infoButtonBg, $lightness: -20%) !default; +$infoButtonTextActiveColor: $infoButtonTextColor !default; +$infoButtonActiveBorderColor: scale-color( + $infoButtonBg, + $lightness: -20% +) !default; +$infoButtonFocusShadow: 0 0 0 0.2rem scale-color($infoButtonBg, $lightness: 60%) !default; + +$successButtonBg: #29c76f !default; +$successButtonTextColor: #ffffff !default; +$successButtonBorder: 1px solid $successButtonBg !default; +$successButtonHoverBg: scale-color($successButtonBg, $lightness: -10%) !default; +$successButtonTextHoverColor: $successButtonTextColor !default; +$successButtonHoverBorderColor: scale-color( + $successButtonBg, + $lightness: -10% +) !default; +$successButtonActiveBg: scale-color( + $successButtonBg, + $lightness: -20% +) !default; +$successButtonTextActiveColor: $successButtonTextColor !default; +$successButtonActiveBorderColor: scale-color( + $successButtonBg, + $lightness: -20% +) !default; +$successButtonFocusShadow: 0 0 0 0.2rem + scale-color($successButtonBg, $lightness: 60%) !default; + +$warningButtonBg: #ff9f42 !default; +$warningButtonTextColor: #ffffff !default; +$warningButtonBorder: 1px solid $warningButtonBg !default; +$warningButtonHoverBg: scale-color($warningButtonBg, $lightness: -10%) !default; +$warningButtonTextHoverColor: $warningButtonTextColor !default; +$warningButtonHoverBorderColor: scale-color( + $warningButtonBg, + $lightness: -10% +) !default; +$warningButtonActiveBg: scale-color( + $warningButtonBg, + $lightness: -20% +) !default; +$warningButtonTextActiveColor: $warningButtonTextColor !default; +$warningButtonActiveBorderColor: scale-color( + $warningButtonBg, + $lightness: -20% +) !default; +$warningButtonFocusShadow: 0 0 0 0.2rem + scale-color($warningButtonBg, $lightness: 60%) !default; + +$helpButtonBg: #3ec9d6 !default; +$helpButtonTextColor: #ffffff !default; +$helpButtonBorder: 1px solid $helpButtonBg !default; +$helpButtonHoverBg: scale-color($helpButtonBg, $lightness: -10%) !default; +$helpButtonTextHoverColor: $helpButtonTextColor !default; +$helpButtonHoverBorderColor: scale-color( + $helpButtonBg, + $lightness: -10% +) !default; +$helpButtonActiveBg: scale-color($helpButtonBg, $lightness: -20%) !default; +$helpButtonTextActiveColor: $helpButtonTextColor !default; +$helpButtonActiveBorderColor: scale-color( + $helpButtonBg, + $lightness: -20% +) !default; +$helpButtonFocusShadow: 0 0 0 0.2rem scale-color($helpButtonBg, $lightness: 60%) !default; + +$dangerButtonBg: #ea5455 !default; +$dangerButtonTextColor: #ffffff !default; +$dangerButtonBorder: 1px solid $dangerButtonBg !default; +$dangerButtonHoverBg: scale-color($dangerButtonBg, $lightness: -10%) !default; +$dangerButtonTextHoverColor: $dangerButtonTextColor !default; +$dangerButtonHoverBorderColor: scale-color( + $dangerButtonBg, + $lightness: -10% +) !default; +$dangerButtonActiveBg: scale-color($dangerButtonBg, $lightness: -20%) !default; +$dangerButtonTextActiveColor: $dangerButtonTextColor !default; +$dangerButtonActiveBorderColor: scale-color( + $dangerButtonBg, + $lightness: -20% +) !default; +$dangerButtonFocusShadow: 0 0 0 0.2rem + scale-color($dangerButtonBg, $lightness: 60%) !default; + +$linkButtonColor: $primaryDarkerColor !default; +$linkButtonHoverColor: $primaryDarkerColor !default; +$linkButtonTextHoverDecoration: underline !default; +$linkButtonFocusShadow: 0 0 0 0.2rem $focusOutlineColor !default; + +//checkbox +$checkboxWidth: 22px !default; +$checkboxHeight: 22px !default; +$checkboxBorder: 2px solid $shade400 !default; +$checkboxIconFontSize: 14px !default; +$checkboxActiveBorderColor: $primaryColor !default; +$checkboxActiveBg: $primaryColor !default; +$checkboxIconActiveColor: $primaryTextColor !default; +$checkboxActiveHoverBg: $primaryDarkerColor !default; +$checkboxIconActiveHoverColor: $primaryTextColor !default; +$checkboxActiveHoverBorderColor: $primaryDarkerColor !default; + +//radiobutton +$radiobuttonWidth: 22px !default; +$radiobuttonHeight: 22px !default; +$radiobuttonBorder: 2px solid $shade400 !default; +$radiobuttonIconSize: 12px !default; +$radiobuttonActiveBorderColor: $primaryColor !default; +$radiobuttonActiveBg: $primaryColor !default; +$radiobuttonIconActiveColor: $primaryTextColor !default; +$radiobuttonActiveHoverBg: $primaryDarkerColor !default; +$radiobuttonIconActiveHoverColor: $primaryTextColor !default; +$radiobuttonActiveHoverBorderColor: $primaryDarkerColor !default; + +//colorpicker +$colorPickerPreviewWidth: 2rem !default; +$colorPickerPreviewHeight: 2rem !default; +$colorPickerBg: #323232 !default; +$colorPickerBorder: 1px solid #191919 !default; +$colorPickerHandleColor: $shade000 !default; + +//togglebutton +$toggleButtonBg: $inputBg !default; +$toggleButtonBorder: 1px solid $shade400 !default; +$toggleButtonTextColor: $shade700 !default; +$toggleButtonIconColor: $shade600 !default; +$toggleButtonHoverBg: $shade200 !default; +$toggleButtonHoverBorderColor: $shade400 !default; +$toggleButtonTextHoverColor: $shade700 !default; +$toggleButtonIconHoverColor: $shade600 !default; +$toggleButtonActiveBg: $primaryColor !default; +$toggleButtonActiveBorderColor: $primaryColor !default; +$toggleButtonTextActiveColor: $primaryTextColor !default; +$toggleButtonIconActiveColor: $primaryTextColor !default; +$toggleButtonActiveHoverBg: $primaryDarkColor !default; +$toggleButtonActiveHoverBorderColor: $primaryDarkColor !default; +$toggleButtonTextActiveHoverColor: $primaryTextColor !default; +$toggleButtonIconActiveHoverColor: $primaryTextColor !default; + +//inplace +$inplacePadding: $inputPadding !default; +$inplaceHoverBg: $shade200 !default; +$inplaceTextHoverColor: $shade700 !default; + +//rating +$ratingIconFontSize: 1.143rem !default; +$ratingCancelIconColor: #ea5455 !default; +$ratingCancelIconHoverColor: #e73d3e !default; +$ratingStarIconOffColor: $shade700 !default; +$ratingStarIconOnColor: $primaryColor !default; +$ratingStarIconHoverColor: $primaryColor !default; + +//slider +$sliderBg: $shade300 !default; +$sliderBorder: 0 none !default; +$sliderHorizontalHeight: 0.286rem !default; +$sliderVerticalWidth: 0.286rem !default; +$sliderHandleWidth: 1.143rem !default; +$sliderHandleHeight: 1.143rem !default; +$sliderHandleBg: $shade000 !default; +$sliderHandleBorder: 2px solid $primaryColor !default; +$sliderHandleBorderRadius: 50% !default; +$sliderHandleHoverBorderColor: $primaryColor !default; +$sliderHandleHoverBg: $primaryColor !default; +$sliderRangeBg: $primaryColor !default; + +//calendar +$calendarTableMargin: 0.5rem 0 !default; +$calendarPadding: 0.5rem !default; +$calendarBg: linear-gradient( + 90deg, + $primaryColor 0%, + scale-color($primaryColor, $red: 25%) 100% +) !default; +$calendarInlineBg: $calendarBg !default; +$calendarTextColor: $primaryTextColor !default; +$calendarBorder: 0 none !default; +$calendarOverlayBorder: $inputOverlayBorder !default; + +$calendarHeaderPadding: 0.5rem !default; +$calendarHeaderBg: transparent !default; +$calendarInlineHeaderBg: $calendarBg !default; +$calendarHeaderBorder: 1px solid rgba(255, 255, 255, 0.2) !default; +$calendarHeaderTextColor: $primaryTextColor !default; +$calendarHeaderFontWeight: 700 !default; +$calendarHeaderCellPadding: 0.5rem !default; +$calendarMonthYearHeaderHoverTextColor: $primaryColor !default; + +$calendarCellDatePadding: 0.5rem !default; +$calendarCellDateWidth: 2.5rem !default; +$calendarCellDateHeight: 2.5rem !default; +$calendarCellDateBorderRadius: 50% !default; +$calendarCellDateBorder: 1px solid transparent !default; +$calendarCellDateHoverBg: rgba(255, 255, 255, 0.2) !default; +$calendarCellDateTodayBg: rgba(255, 255, 255, 0.1) !default; +$calendarCellDateTodayBorderColor: transparent !default; +$calendarCellDateTodayTextColor: $primaryTextColor !default; + +$calendarButtonBarPadding: 1rem 0 !default; +$calendarTimePickerPadding: 0.5rem !default; +$calendarTimePickerElementPadding: 0 0.5rem !default; +$calendarTimePickerTimeFontSize: 1.25rem !default; + +$calendarBreakpoint: 769px !default; +$calendarCellDatePaddingSM: 0 !default; + +//input switch +$inputSwitchWidth: 3rem !default; +$inputSwitchHeight: 1.75rem !default; +$inputSwitchBorderRadius: 30px !default; +$inputSwitchHandleWidth: 1.25rem !default; +$inputSwitchHandleHeight: 1.25rem !default; +$inputSwitchHandleBorderRadius: 50% !default; +$inputSwitchSliderPadding: 0.25rem !default; +$inputSwitchSliderOffBg: $shade400 !default; +$inputSwitchHandleOffBg: $shade000 !default; +$inputSwitchSliderOffHoverBg: scale-color($shade400, $lightness: -10%) !default; +$inputSwitchSliderOnBg: $primaryColor !default; +$inputSwitchSliderOnHoverBg: $primaryDarkColor !default; +$inputSwitchHandleOnBg: $shade000 !default; + +//panel +$panelHeaderBorderColor: $shade300 !default; +$panelHeaderBorder: 1px solid $shade300 !default; +$panelHeaderBg: $shade100 !default; +$panelHeaderTextColor: $shade600 !default; +$panelHeaderFontWeight: 700 !default; +$panelHeaderPadding: 1.25rem !default; +$panelToggleableHeaderPadding: 0.75rem 1.25rem !default; + +$panelHeaderHoverBg: $shade200 !default; +$panelHeaderHoverBorderColor: $shade300 !default; +$panelHeaderTextHoverColor: $shade600 !default; + +$panelContentBorderColor: $shade300 !default; +$panelContentBorder: 1px solid $shade300 !default; +$panelContentBg: $shade000 !default; +$panelContentEvenRowBg: scale-color($panelContentBg, $lightness: -1%) !default; +$panelContentTextColor: $shade700 !default; +$panelContentPadding: 1.25rem !default; + +$panelFooterBorder: 1px solid $shade300 !default; +$panelFooterBg: $shade000 !default; +$panelFooterTextColor: $shade700 !default; +$panelFooterPadding: 0.75rem 1.25rem !default; + +//accordion +$accordionSpacing: 4px !default; +$accordionHeaderBorder: $panelHeaderBorder !default; +$accordionHeaderBg: $panelHeaderBg !default; +$accordionHeaderTextColor: $panelHeaderTextColor !default; +$accordionHeaderFontWeight: $panelHeaderFontWeight !default; +$accordionHeaderPadding: $panelHeaderPadding !default; + +$accordionHeaderHoverBg: $shade200 !default; +$accordionHeaderHoverBorderColor: $shade300 !default; +$accordionHeaderTextHoverColor: $panelHeaderTextColor !default; + +$accordionHeaderActiveBg: $panelHeaderBg !default; +$accordionHeaderActiveBorderColor: $shade300 !default; +$accordionHeaderTextActiveColor: $shade700 !default; + +$accordionHeaderActiveHoverBg: $shade200 !default; +$accordionHeaderActiveHoverBorderColor: $shade300 !default; +$accordionHeaderTextActiveHoverColor: $shade700 !default; + +$accordionContentBorder: $panelContentBorder !default; +$accordionContentBg: $panelContentBg !default; +$accordionContentTextColor: $panelContentTextColor !default; +$accordionContentPadding: $panelContentPadding !default; + +//tabview +$tabviewNavBorder: 1px solid $shade300 !default; +$tabviewNavBorderWidth: 0 0 2px 0 !default; +$tabviewNavBg: $shade000 !default; + +$tabviewHeaderSpacing: 0 !default; +$tabviewHeaderBorder: solid $shade300 !default; +$tabviewHeaderBorderWidth: 0 0 2px 0 !default; +$tabviewHeaderBorderColor: transparent transparent $shade300 transparent !default; +$tabviewHeaderBg: $shade000 !default; +$tabviewHeaderTextColor: $shade600 !default; +$tabviewHeaderFontWeight: $panelHeaderFontWeight !default; +$tabviewHeaderPadding: $panelHeaderPadding !default; +$tabviewHeaderMargin: 0 0 -2px 0 !default; + +$tabviewHeaderHoverBg: $shade000 !default; +$tabviewHeaderHoverBorderColor: $shade500 !default; +$tabviewHeaderTextHoverColor: $shade600 !default; + +$tabviewHeaderActiveBg: $shade000 !default; +$tabviewHeaderActiveBorderColor: $primaryColor !default; +$tabviewHeaderTextActiveColor: $primaryColor !default; + +$tabviewContentBorder: 0 none !default; +$tabviewContentBg: $panelContentBg !default; +$tabviewContentTextColor: $panelContentTextColor !default; +$tabviewContentPadding: $panelContentPadding !default; + +//upload +$fileUploadProgressBarHeight: 0.25rem !default; +$fileUploadContentPadding: 2rem 1rem !default; +$fileUploadContentHoverBorder: 1px dashed $primaryColor !default; + +//scrollpanel +$scrollPanelTrackBorder: 0 none !default; +$scrollPanelTrackBg: $shade100 !default; + +//card +$cardBodyPadding: 1.25rem !default; +$cardTitleFontSize: 1.5rem !default; +$cardTitleFontWeight: 700 !default; +$cardSubTitleFontWeight: 400 !default; +$cardSubTitleColor: $shade600 !default; +$cardContentPadding: 1.25rem 0 !default; +$cardFooterPadding: 1.25rem 0 0 0 !default; +$cardShadow: 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) !default; + +//editor +$editorToolbarBg: $panelHeaderBg !default; +$editorToolbarBorder: $panelHeaderBorder !default; +$editorToolbarPadding: $panelHeaderPadding !default; +$editorToolbarIconColor: $textSecondaryColor !default; +$editorToolbarIconHoverColor: $textColor !default; +$editorIconActiveColor: $primaryColor !default; +$editorContentBorder: $panelContentBorder !default; +$editorContentBg: $panelContentBg !default; + +//paginator +$paginatorBg: $shade000 !default; +$paginatorTextColor: $shade600 !default; +$paginatorBorder: solid $shade200 !default; +$paginatorBorderWidth: 0 !default; +$paginatorPadding: 0.5rem 1rem !default; +$paginatorElementWidth: $buttonIconOnlyWidth !default; +$paginatorElementHeight: $buttonIconOnlyWidth !default; +$paginatorElementBg: transparent !default; +$paginatorElementBorder: 0 none !default; +$paginatorElementIconColor: $shade600 !default; +$paginatorElementHoverBg: $shade200 !default; +$paginatorElementHoverBorderColor: transparent !default; +$paginatorElementIconHoverColor: $shade700 !default; +$paginatorElementBorderRadius: 50% !default; +$paginatorElementMargin: 0.143rem !default; +$paginatorElementPadding: 0 !default; + +//table +$tableHeaderBorder: 1px solid $shade300 !default; +$tableHeaderBorderWidth: 1px 0 1px 0 !default; +$tableHeaderBg: $shade100 !default; +$tableHeaderTextColor: $shade600 !default; +$tableHeaderFontWeight: 700 !default; +$tableHeaderPadding: 1rem 1rem !default; + +$tableHeaderCellPadding: 1rem 1rem !default; +$tableHeaderCellBg: $shade100 !default; +$tableHeaderCellTextColor: $shade600 !default; +$tableHeaderCellFontWeight: 700 !default; +$tableHeaderCellBorder: 1px solid $shade300 !default; +$tableHeaderCellBorderWidth: 0 0 1px 0 !default; +$tableHeaderCellHoverBg: $shade200 !default; +$tableHeaderCellTextHoverColor: $shade600 !default; +$tableHeaderCellIconColor: $shade600 !default; +$tableHeaderCellIconHoverColor: $shade600 !default; +$tableHeaderCellHighlightBg: $highlightBg !default; +$tableHeaderCellHighlightTextColor: $highlightTextColor !default; +$tableHeaderCellHighlightHoverBg: $highlightBg !default; +$tableHeaderCellHighlightTextHoverColor: $highlightTextColor !default; +$tableSortableColumnBadgeSize: 1.143rem !default; + +$tableBodyRowBg: $shade000 !default; +$tableBodyRowTextColor: $shade700 !default; +$tableBodyRowEvenBg: scale-color($tableBodyRowBg, $lightness: -1%) !default; +$tableBodyRowHoverBg: $shade200 !default; +$tableBodyRowTextHoverColor: $shade700 !default; +$tableBodyCellBorder: 1px solid $shade300 !default; +$tableBodyCellBorderWidth: 0 0 1px 0 !default; +$tableBodyCellPadding: 1rem 1rem !default; + +$tableFooterCellPadding: 1rem 1rem !default; +$tableFooterCellBg: $shade100 !default; +$tableFooterCellTextColor: $shade600 !default; +$tableFooterCellFontWeight: 700 !default; +$tableFooterCellBorder: 1px solid $shade300 !default; +$tableFooterCellBorderWidth: 0 0 1px 0 !default; +$tableResizerHelperBg: $primaryColor !default; + +$tableFooterBorder: 1px solid $shade300 !default; +$tableFooterBorderWidth: 0 0 1px 0 !default; +$tableFooterBg: $shade100 !default; +$tableFooterTextColor: $shade600 !default; +$tableFooterFontWeight: 700 !default; +$tableFooterPadding: 1rem 1rem !default; + +$tableCellContentAlignment: left !default; +$tableTopPaginatorBorderWidth: 0 0 1px 0 !default; +$tableBottomPaginatorBorderWidth: 0 0 1px 0 !default; + +$tableScaleSM: 0.5 !default; +$tableScaleLG: 1.25 !default; + +//dataview +$dataViewContentPadding: 0 !default; +$dataViewContentBorder: 0 none !default; + +//tree +$treeContainerPadding: 0.286rem !default; +$treeNodePadding: 0.143rem !default; +$treeNodeContentPadding: 0.5rem !default; +$treeNodeChildrenPadding: 0 0 0 1rem !default; +$treeNodeIconColor: $shade600 !default; + +//timeline +$timelineVerticalEventContentPadding: 0 1rem !default; +$timelineHorizontalEventContentPadding: 1rem 0 !default; +$timelineEventMarkerWidth: 1rem !default; +$timelineEventMarkerHeight: 1rem !default; +$timelineEventMarkerBorderRadius: 50% !default; +$timelineEventMarkerBorder: 2px solid $primaryColor !default; +$timelineEventMarkerBackground: $primaryTextColor !default; +$timelineEventConnectorSize: 2px !default; +$timelineEventColor: $shade300 !default; + +//org chart +$organizationChartConnectorColor: $shade300 !default; + +//message +$messageMargin: 1rem 0 !default; +$messagePadding: 1.25rem 1.75rem !default; +$messageBorderWidth: 0 0 0 6px !default; +$messageIconFontSize: 1.5rem !default; +$messageTextFontSize: 1rem !default; +$messageTextFontWeight: 400 !default; + +//inline message +$inlineMessagePadding: $inputPadding !default; +$inlineMessageMargin: 0 !default; +$inlineMessageIconFontSize: 1rem !default; +$inlineMessageTextFontSize: 1rem !default; +$inlineMessageBorderWidth: 0px !default; + +//toast +$toastIconFontSize: 2rem !default; +$toastMessageTextMargin: 0 0 0 1rem !default; +$toastMargin: 0 0 1rem 0 !default; +$toastPadding: 1rem !default; +$toastBorderWidth: 0 0 0 6px !default; +$toastShadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1) !default; +$toastOpacity: 0.9 !default; +$toastTitleFontWeight: 700 !default; +$toastDetailMargin: $inlineSpacing 0 0 0 !default; + +//severities +$infoMessageBg: #e9e9ff !default; +$infoMessageBorder: solid #696cff !default; +$infoMessageTextColor: #696cff !default; +$infoMessageIconColor: #696cff !default; +$successMessageBg: #e4f8f0 !default; +$successMessageBorder: solid #1ea97c !default; +$successMessageTextColor: #1ea97c !default; +$successMessageIconColor: #1ea97c !default; +$warningMessageBg: #fff2e2 !default; +$warningMessageBorder: solid #cc8925 !default; +$warningMessageTextColor: #cc8925 !default; +$warningMessageIconColor: #cc8925 !default; +$errorMessageBg: #ffe7e6 !default; +$errorMessageBorder: solid #ff5757 !default; +$errorMessageTextColor: #ff5757 !default; +$errorMessageIconColor: #ff5757 !default; + +//overlays +$overlayContentBorder: 0 none !default; +$overlayContentBg: $panelContentBg !default; +$overlayContainerShadow: 0 1px 3px rgba(0, 0, 0, 0.3) !default; + +//dialog +$dialogHeaderBg: $shade000 !default; +$dialogHeaderBorder: 0 none !default; +$dialogHeaderTextColor: $shade600 !default; +$dialogHeaderFontWeight: 700 !default; +$dialogHeaderFontSize: 1.25rem !default; +$dialogHeaderPadding: 1.5rem !default; +$dialogContentPadding: 0 1.5rem 2rem 1.5rem !default; +$dialogFooterBorder: 0 none !default; +$dialogFooterPadding: 0 1.5rem 1.5rem 1.5rem !default; + +//confirmpopup +$confirmPopupContentPadding: $panelContentPadding !default; +$confirmPopupFooterPadding: 0 1.25rem 1.25rem 1.25rem !default; + +//tooltip +$tooltipBg: $shade700 !default; +$tooltipTextColor: $shade000 !default; +$tooltipPadding: $inputPadding !default; + +//steps +$stepsItemBg: $shade000 !default; +$stepsItemBorder: 1px solid $shade200 !default; +$stepsItemTextColor: $shade600 !default; +$stepsItemNumberWidth: 2rem !default; +$stepsItemNumberHeight: 2rem !default; +$stepsItemNumberFontSize: 1.143rem !default; +$stepsItemNumberColor: $shade700 !default; +$stepsItemNumberBorderRadius: 50% !default; +$stepsItemActiveFontWeight: 700 !default; + +//progressbar +$progressBarHeight: 1.5rem !default; +$progressBarBorder: 0 none !default; +$progressBarBg: $shade300 !default; +$progressBarValueBg: $primaryColor !default; +$progressBarValueTextColor: $primaryTextColor !default; + +//menu (e.g. menu, menubar, tieredmenu) +$menuWidth: 12.5rem !default; +$menuBg: $shade100 !default; +$menuBorder: 1px solid $shade300 !default; +$menuTextColor: $shade700 !default; +$menuitemPadding: 0.75rem 1.25rem !default; +$menuitemBorderRadius: 0 !default; +$menuitemTextColor: $shade700 !default; +$menuitemIconColor: $shade600 !default; +$menuitemTextHoverColor: $shade700 !default; +$menuitemIconHoverColor: $shade600 !default; +$menuitemHoverBg: $shade200 !default; +$menuitemTextFocusColor: $shade700 !default; +$menuitemIconFocusColor: $shade700 !default; +$menuitemFocusBg: $shade300 !default; +$menuitemTextActiveColor: $highlightTextColor !default; +$menuitemIconActiveColor: $highlightTextColor !default; +$menuitemActiveBg: $highlightBg !default; +$menuitemActiveFocusBg: $highlightFocusBg !default; +$menuitemSubmenuIconFontSize: 0.875rem !default; +$submenuHeaderMargin: 0 !default; +$submenuHeaderPadding: 0.75rem 1.25rem !default; +$submenuHeaderBg: $shade100 !default; +$submenuHeaderTextColor: $shade600 !default; +$submenuHeaderBorderRadius: 0 !default; +$submenuHeaderFontWeight: 700 !default; +$overlayMenuBg: $menuBg !default; +$overlayMenuBorder: 0 none !default; +$overlayMenuShadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1) !default; +$verticalMenuPadding: 0.25rem 0 !default; +$verticalMenuitemMargin: 0 !default; +$menuSeparatorMargin: 0.25rem 0 !default; + +$breadcrumbPadding: 1rem !default; +$breadcrumbBg: $menuBg !default; +$breadcrumbBorder: $menuBorder !default; +$breadcrumbItemTextColor: $menuitemTextColor !default; +$breadcrumbItemIconColor: $menuitemIconColor !default; +$breadcrumbLastItemTextColor: $menuitemTextColor !default; +$breadcrumbLastItemIconColor: $menuitemIconColor !default; +$breadcrumbSeparatorColor: $menuitemTextColor !default; + +$horizontalMenuPadding: 0.5rem !default; +$horizontalMenuBg: $shade100 !default; +$horizontalMenuBorder: $menuBorder !default; +$horizontalMenuTextColor: $menuTextColor !default; +$horizontalMenuRootMenuitemPadding: $menuitemPadding !default; +$horizontalMenuRootMenuitemBorderRadius: $borderRadius !default; +$horizontalMenuRootMenuitemTextColor: $menuitemTextColor !default; +$horizontalMenuRootMenuitemIconColor: $menuitemIconColor !default; +$horizontalMenuRootMenuitemTextHoverColor: $menuitemTextHoverColor !default; +$horizontalMenuRootMenuitemIconHoverColor: $menuitemIconHoverColor !default; +$horizontalMenuRootMenuitemHoverBg: $menuitemHoverBg !default; +$horizontalMenuRootMenuitemTextActiveColor: $menuitemTextActiveColor !default; +$horizontalMenuRootMenuitemIconActiveColor: $menuitemIconActiveColor !default; +$horizontalMenuRootMenuitemActiveBg: $menuitemActiveBg !default; + +//badge and tag +$badgeBg: $primaryColor !default; +$badgeTextColor: $primaryTextColor !default; +$badgeMinWidth: 1.5rem !default; +$badgeHeight: 1.5rem !default; +$badgeFontWeight: 700 !default; +$badgeFontSize: 0.75rem !default; + +$tagPadding: 0.25rem 0.4rem !default; + +//carousel +$carouselIndicatorsPadding: 1rem !default; +$carouselIndicatorBg: $shade400 !default; +$carouselIndicatorHoverBg: $shade500 !default; +$carouselIndicatorBorderRadius: 0 !default; +$carouselIndicatorWidth: 2rem !default; +$carouselIndicatorHeight: 0.5rem !default; + +//galleria +$galleriaMaskBg: rgba(0, 0, 0, 0.9) !default; +$galleriaCloseIconMargin: 0.5rem !default; +$galleriaCloseIconFontSize: 2rem !default; +$galleriaCloseIconBg: transparent !default; +$galleriaCloseIconColor: $shade100 !default; +$galleriaCloseIconHoverBg: rgba(255, 255, 255, 0.1) !default; +$galleriaCloseIconHoverColor: $shade100 !default; +$galleriaCloseIconWidth: 4rem !default; +$galleriaCloseIconHeight: 4rem !default; +$galleriaCloseIconBorderRadius: 50% !default; + +$galleriaItemNavigatorBg: transparent !default; +$galleriaItemNavigatorColor: $shade100 !default; +$galleriaItemNavigatorMargin: 0 0.5rem !default; +$galleriaItemNavigatorFontSize: 2rem !default; +$galleriaItemNavigatorHoverBg: rgba(255, 255, 255, 0.1) !default; +$galleriaItemNavigatorHoverColor: $shade100 !default; +$galleriaItemNavigatorWidth: 4rem !default; +$galleriaItemNavigatorHeight: 4rem !default; +$galleriaItemNavigatorBorderRadius: $borderRadius !default; + +$galleriaCaptionBg: rgba(0, 0, 0, 0.5) !default; +$galleriaCaptionTextColor: $shade100 !default; +$galleriaCaptionPadding: 1rem !default; + +$galleriaIndicatorsPadding: 1rem !default; +$galleriaIndicatorBg: $shade400 !default; +$galleriaIndicatorHoverBg: $shade500 !default; +$galleriaIndicatorBorderRadius: 50% !default; +$galleriaIndicatorWidth: 1rem !default; +$galleriaIndicatorHeight: 1rem !default; +$galleriaIndicatorsBgOnItem: rgba(0, 0, 0, 0.5) !default; +$galleriaIndicatorBgOnItem: rgba(255, 255, 255, 0.4) !default; +$galleriaIndicatorHoverBgOnItem: rgba(255, 255, 255, 0.6) !default; + +$galleriaThumbnailContainerBg: rgba(0, 0, 0, 0.9) !default; +$galleriaThumbnailContainerPadding: 1rem 0.25rem !default; +$galleriaThumbnailNavigatorBg: transparent !default; +$galleriaThumbnailNavigatorColor: $shade100 !default; +$galleriaThumbnailNavigatorHoverBg: rgba(255, 255, 255, 0.1) !default; +$galleriaThumbnailNavigatorHoverColor: $shade100 !default; +$galleriaThumbnailNavigatorBorderRadius: 50% !default; +$galleriaThumbnailNavigatorWidth: 2rem !default; +$galleriaThumbnailNavigatorHeight: 2rem !default; + +//divider +$dividerHorizontalMargin: 1.25rem 0 !default; +$dividerHorizontalPadding: 0 1.25rem !default; +$dividerVerticalMargin: 0 1.25rem !default; +$dividerVerticalPadding: 1.25rem 0 !default; +$dividerSize: 1px !default; +$dividerColor: $shade300 !default; + +//avatar +$avatarBg: $shade300 !default; +$avatarTextColor: $textColor !default; + +//chip +$chipBg: $shade300 !default; +$chipTextColor: $textColor !default; +$chipBorderRadius: 16px !default; +$chipFocusBg: $shade400 !default; +$chipFocusTextColor: $textColor !default; + +//scrollTop +$scrollTopBg: rgba(0, 0, 0, 0.7) !default; +$scrollTopHoverBg: rgba(0, 0, 0, 0.8) !default; +$scrollTopWidth: 3rem !default; +$scrollTopHeight: 3rem !default; +$scrollTopBorderRadius: 50% !default; +$scrollTopFontSize: 1.5rem !default; +$scrollTopTextColor: $shade100 !default; + +//skeleton +$skeletonBg: $shade300 !default; +$skeletonAnimationBg: rgba(255, 255, 255, 0.4) !default; + +//splitter +$splitterGutterBg: $shade100 !default; +$splitterGutterHandleBg: $shade300 !default; + +//speeddial +$speedDialButtonWidth: 4rem !default; +$speedDialButtonHeight: 4rem !default; +$speedDialButtonIconFontSize: 1.3rem !default; +$speedDialActionWidth: 3rem !default; +$speedDialActionHeight: 3rem !default; +$speedDialActionBg: $shade700 !default; +$speedDialActionHoverBg: #022354 !default; +$speedDialActionTextColor: #fff !default; +$speedDialActionTextHoverColor: #fff !default; + +//dock +$dockActionWidth: 4rem !default; +$dockActionHeight: 4rem !default; +$dockItemPadding: 0.5rem !default; +$dockItemBorderRadius: $borderRadius !default; +$dockCurrentItemMargin: 1.5rem !default; +$dockFirstItemsMargin: 1.3rem !default; +$dockSecondItemsMargin: 0.9rem !default; +$dockBg: rgba(255, 255, 255, 0.1) !default; +$dockBorder: 1px solid rgba(255, 255, 255, 0.2) !default; +$dockPadding: 0.5rem 0.5rem !default; +$dockBorderRadius: 0.5rem !default; + +//image +$imageMaskBg: rgba(0, 0, 0, 0.9) !default; +$imagePreviewToolbarPadding: 1rem !default; +$imagePreviewIndicatorColor: #f8f9fa !default; +$imagePreviewIndicatorBg: rgba(0, 0, 0, 0.5) !default; +$imagePreviewActionIconBg: transparent !default; +$imagePreviewActionIconColor: #f8f9fa !default; +$imagePreviewActionIconHoverBg: rgba(255, 255, 255, 0.1) !default; +$imagePreviewActionIconHoverColor: #f8f9fa !default; +$imagePreviewActionIconWidth: 3rem !default; +$imagePreviewActionIconHeight: 3rem !default; +$imagePreviewActionIconFontSize: 1.5rem !default; +$imagePreviewActionIconBorderRadius: 50% !default; + +:root { + font-family: Lato, Helvetica, sans-serif; + --font-family: Lato, Helvetica, sans-serif; + --surface-a: #{$shade000}; + --surface-b: #{$shade100}; + --surface-c: #{$shade200}; + --surface-d: #{$shade300}; + --surface-e: #{$shade000}; + --surface-f: #{$shade000}; + --text-color: #{$shade700}; + --text-color-secondary: #{$shade600}; + --primary-color: #{$primaryColor}; + --primary-color-text: #{$primaryTextColor}; + --surface-0: #ffffff; + --surface-50: #f1f4f6; + --surface-100: #e2e8ee; + --surface-200: #c6d1dd; + --surface-300: #a9bbcb; + --surface-400: #8da4ba; + --surface-500: #708da9; + --surface-600: #5a7187; + --surface-700: #435565; + --surface-800: #2d3844; + --surface-900: #161c22; + --gray-50: #f1f4f6; + --gray-100: #e2e8ee; + --gray-200: #c6d1dd; + --gray-300: #a9bbcb; + --gray-400: #8da4ba; + --gray-500: #708da9; + --gray-600: #5a7187; + --gray-700: #435565; + --gray-800: #2d3844; + --gray-900: #161c22; + --content-padding: #{$panelContentPadding}; + --inline-spacing: #{$inlineSpacing}; + --border-radius: #{$borderRadius}; + --surface-ground: #eff3f8; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #dfe7ef; + --surface-hover: #f6f9fc; + --maskbg: #{$maskBg}; + --highlight-bg: #{$highlightBg}; + --highlight-text-color: #{$highlightTextColor}; + --focus-ring: #{$focusShadow}; + color-scheme: light; +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/soho/soho-light/fonts/lato-v17-latin-ext_latin-300.woff b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/soho/soho-light/fonts/lato-v17-latin-ext_latin-300.woff new file mode 100644 index 000000000..46d424475 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/soho/soho-light/fonts/lato-v17-latin-ext_latin-300.woff differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/soho/soho-light/fonts/lato-v17-latin-ext_latin-300.woff2 b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/soho/soho-light/fonts/lato-v17-latin-ext_latin-300.woff2 new file mode 100644 index 000000000..f1c62e099 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/soho/soho-light/fonts/lato-v17-latin-ext_latin-300.woff2 differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/soho/soho-light/fonts/lato-v17-latin-ext_latin-700.woff b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/soho/soho-light/fonts/lato-v17-latin-ext_latin-700.woff new file mode 100644 index 000000000..e8d62dd0a Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/soho/soho-light/fonts/lato-v17-latin-ext_latin-700.woff differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/soho/soho-light/fonts/lato-v17-latin-ext_latin-700.woff2 b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/soho/soho-light/fonts/lato-v17-latin-ext_latin-700.woff2 new file mode 100644 index 000000000..5ba583e88 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/soho/soho-light/fonts/lato-v17-latin-ext_latin-700.woff2 differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/soho/soho-light/fonts/lato-v17-latin-ext_latin-regular.woff b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/soho/soho-light/fonts/lato-v17-latin-ext_latin-regular.woff new file mode 100644 index 000000000..c6d3d1d9d Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/soho/soho-light/fonts/lato-v17-latin-ext_latin-regular.woff differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/soho/soho-light/fonts/lato-v17-latin-ext_latin-regular.woff2 b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/soho/soho-light/fonts/lato-v17-latin-ext_latin-regular.woff2 new file mode 100644 index 000000000..4153a8259 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/soho/soho-light/fonts/lato-v17-latin-ext_latin-regular.woff2 differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/soho/soho-light/theme.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/soho/soho-light/theme.scss new file mode 100644 index 000000000..4edae70ea --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/soho/soho-light/theme.scss @@ -0,0 +1,4 @@ +@import './_variables'; +@import './_fonts'; +@import '../../../theme-base/_components'; +@import './_extensions'; diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/tailwind/tailwind-light/_extensions.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/tailwind/tailwind-light/_extensions.scss new file mode 100644 index 000000000..5f4706a23 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/tailwind/tailwind-light/_extensions.scss @@ -0,0 +1,123 @@ +/* Customizations to the designer theme should be defined here */ +@mixin focused-ring($ring-color) { + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px $ring-color, 0 1px 2px 0 rgba(0, 0, 0, 0.0); +} + +@layer primeng { + .p-inputtext, .p-togglebutton, .p-selectbutton, .p-inputgroup { + box-shadow: 0 0 #0000,0 0 #0000,0 1px 2px 0 rgba(0, 0, 0, 0.05); + } + + .p-inputgroup { + .p-inputtext, .p-togglebutton, .p-selectbutton { + box-shadow: none; + } + } + + .p-inputtext { + &.p-invalid.p-component:enabled:focus { + box-shadow: 0 0 0 1px $inputErrorBorderColor; + } + } + + .p-highlight { + font-weight: 600; + } + + .p-button-label { + font-weight: 500; + } + + .p-inputswitch { + &.p-focus { + .p-inputswitch-slider { + box-shadow: 0 0 0 2px $focusOutlineColor; + } + } + } + + .p-paginator { + .p-paginator-pages { + .p-paginator-page { + margin-left: -1px; + + &.p-highlight { + border-color: $primaryColor; + margin-right: 1px; + } + } + } + + .p-paginator-current { + border: 0 none; + } + } + + .p-button { + &:focus { + @include focused-ring($focusOutlineColor); + } + + &.p-button-secondary:enabled:focus { + @include focused-ring($secondaryButtonBg); + } + + &.p-button-success:enabled:focus { + @include focused-ring($successButtonBg); + } + + &.p-button-info:enabled:focus { + @include focused-ring($infoButtonBg); + } + + &.p-button-warning:enabled:focus { + @include focused-ring($warningButtonBg); + } + + &.p-button-help:enabled:focus { + @include focused-ring($helpButtonBg); + } + + &.p-button-danger:enabled:focus { + @include focused-ring($dangerButtonBg); + } + } + + .p-checkbox { + .p-checkbox-box { + border-radius: .25rem; + } + + &:not(.p-checkbox-disabled) { + .p-checkbox-box { + &.p-focus { + @include focused-ring($focusOutlineColor); + } + } + } + } + + .p-radiobutton { + &:not(.p-radiobutton-disabled) { + .p-radiobutton-box { + &.p-focus { + @include focused-ring($focusOutlineColor); + } + } + } + } + + .p-datatable { + .p-datatable-tbody { + > tr { + &.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 $primaryColor; + } + + &.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 $primaryColor; + } + } + } + } +} \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/tailwind/tailwind-light/_fonts.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/tailwind/tailwind-light/_fonts.scss new file mode 100644 index 000000000..c7120ad2e --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/tailwind/tailwind-light/_fonts.scss @@ -0,0 +1,40 @@ +@font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 300; + src: local(''), + url('./fonts/Inter-Light.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('./fonts/Inter-Light.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +@font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 400; + src: local(''), + url('./fonts/Inter-Regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('./fonts/Inter-Regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +@font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 500; + src: local(''), + url('./fonts/Inter-Medium.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('./fonts/Inter-Medium.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +@font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 600; + src: local(''), + url('./fonts/Inter-SemiBold.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('./fonts/Inter-SemiBold.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +@font-face { + font-family: 'Inter'; + font-style: normal; + font-weight: 700; + src: local(''), + url('./fonts/Inter-Bold.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('./fonts/Inter-Bold.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/tailwind/tailwind-light/_variables.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/tailwind/tailwind-light/_variables.scss new file mode 100644 index 000000000..a3cc42c9c --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/tailwind/tailwind-light/_variables.scss @@ -0,0 +1,904 @@ +$primaryColor: #4f46e5 !default; +$primaryDarkColor: #4338ca !default; +$primaryDarkerColor: #3730a3 !default; +$primaryTextColor: #ffffff !default; + +$highlightBg: #eef2ff !default; +$highlightTextColor: #312e81 !default; +$highlightFocusBg: #e0e7ff !default; + +$colors: ( + "blue": #3b82f6, + "green": #22c55e, + "yellow": #eab308, + "cyan": #06b6d4, + "pink": #ec4899, + "indigo": #6366f1, + "teal": #14b8a6, + "orange": #f97316, + "bluegray": #64748b, + "purple": #a855f7, + "red": #ef4444, + "primary": $primaryColor, +); + +//reused color variables +$shade000: #ffffff !default; //surface +$shade100: #fafafa !default; //header background //updated: gray-50 +$shade200: #f4f4f5 !default; //hover background //updated: gray-100 +$shade300: #e5e7eb !default; //border, divider //updated coolgray-200 +$shade400: #d4d4d8 !default; //input border //updated: gray-300 +$shade500: #6b7280 !default; //input icon //updated: coolgray500 +$shade600: #71717a !default; //text secondary color //updated: gray-500 +$shade700: #3f3f46 !default; //text color //updated: gray-700 +$shade800: #27272a !default; //unused gray-800 +$shade900: #18181b !default; //unused gray-900 + +//global +$fontFamily: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, + "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, + "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default; +$fontSize: 1rem !default; +$fontWeight: normal !default; +$textColor: $shade700 !default; +$textSecondaryColor: $shade600 !default; +$borderRadius: 0.375rem !default; +$transitionDuration: 0.2s !default; +$formElementTransition: none !default; +$actionIconTransition: none !default; +$listItemTransition: none !default; +$primeIconFontSize: 1rem !default; +$divider: 1px solid #f3f4f6 !default; //coolgray-100 +$inlineSpacing: 0.5rem !default; +$disabledOpacity: 0.6 !default; +$maskBg: rgba(0, 0, 0, 0.4) !default; +$loadingIconFontSize: 2rem !default; +$errorColor: #e24c4c !default; + +//scale +$scaleSM: 0.875 !default; +$scaleLG: 1.25 !default; + +//focus +$focusOutlineColor: #6366f1 !default; +$focusOutline: 0 none !default; +$focusOutlineOffset: 0 !default; +$focusShadow: 0 0 0 1px $focusOutlineColor !default; + +//action icons +$actionIconWidth: 2rem !default; +$actionIconHeight: 2rem !default; +$actionIconBg: transparent !default; +$actionIconBorder: 0 none !default; +$actionIconColor: $shade600 !default; +$actionIconHoverBg: $shade200 !default; +$actionIconHoverBorderColor: transparent !default; +$actionIconHoverColor: $shade900 !default; +$actionIconBorderRadius: 50% !default; + +//input field (e.g. inputtext, spinner, inputmask) +$inputPadding: 0.75rem 0.75rem !default; +$inputTextFontSize: 1rem !default; +$inputBg: $shade000 !default; +$inputTextColor: $shade700 !default; +$inputIconColor: $shade600 !default; +$inputBorder: 1px solid $shade400 !default; +$inputHoverBorderColor: $shade400 !default; +$inputFocusBorderColor: $primaryColor !default; +$inputErrorBorderColor: #f0a9a7 !default; +$inputPlaceholderTextColor: $shade600 !default; +$inputFilledBg: $shade100 !default; +$inputFilledHoverBg: $inputFilledBg !default; +$inputFilledFocusBg: $shade000 !default; + +//input groups +$inputGroupBg: $shade100 !default; +$inputGroupTextColor: $shade600 !default; +$inputGroupAddOnMinWidth: 3rem !default; + +//input lists (e.g. dropdown, autocomplete, multiselect, orderlist) +$inputListBg: $shade000 !default; +$inputListTextColor: $shade700 !default; +$inputListBorder: $inputBorder !default; +$inputListPadding: 0.25rem 0 !default; +$inputListItemPadding: 0.75rem 1rem !default; +$inputListItemBg: transparent !default; +$inputListItemTextColor: $shade700 !default; +$inputListItemHoverBg: $shade200 !default; +$inputListItemTextHoverColor: $shade900 !default; +$inputListItemFocusBg: $shade300 !default; +$inputListItemTextFocusColor: $shade900 !default; +$inputListItemBorder: 0 none !default; +$inputListItemBorderRadius: 0 !default; +$inputListItemMargin: 0 !default; +$inputListItemFocusShadow: inset 0 0 0 0.15rem $focusOutlineColor !default; +$inputListHeaderPadding: 0.5rem 0.75rem !default; +$inputListHeaderMargin: 0 !default; +$inputListHeaderBg: $shade100 !default; +$inputListHeaderTextColor: $shade700 !default; +$inputListHeaderBorder: 0 none !default; + +//inputs with overlays (e.g. autocomplete, dropdown, multiselect) +$inputOverlayBg: $inputListBg !default; +$inputOverlayHeaderBg: $inputListHeaderBg !default; +$inputOverlayBorder: 0 none !default; +$inputOverlayShadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), + 0 4px 6px -2px rgba(0, 0, 0, 0.05) !default; + +//password +$passwordMeterBg: $shade300 !default; +$passwordWeakBg: #ef4444 !default; +$passwordMediumBg: #f59e0b !default; +$passwordStrongBg: #22c55e !default; + +//button +$buttonPadding: 0.75rem 1rem !default; +$buttonIconOnlyWidth: 3rem !default; +$buttonIconOnlyPadding: 0.75rem 0 !default; +$buttonBg: $primaryColor !default; +$buttonTextColor: $primaryTextColor !default; +$buttonBorder: 1px solid $primaryColor !default; +$buttonHoverBg: $primaryDarkColor !default; +$buttonTextHoverColor: $primaryTextColor !default; +$buttonHoverBorderColor: $primaryDarkColor !default; +$buttonActiveBg: $primaryDarkColor !default; +$buttonTextActiveColor: $primaryTextColor !default; +$buttonActiveBorderColor: $primaryDarkColor !default; +$raisedButtonShadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), + 0 2px 4px -1px rgba(0, 0, 0, 0.06) !default; +$roundedButtonBorderRadius: 2rem !default; + +$textButtonHoverBgOpacity: 0.04 !default; +$textButtonActiveBgOpacity: 0.16 !default; +$outlinedButtonBorder: 1px solid !default; +$plainButtonTextColor: $textSecondaryColor !default; +$plainButtonHoverBgColor: $shade200 !default; +$plainButtonActiveBgColor: $shade300 !default; + +$secondaryButtonBg: #64748b !default; +$secondaryButtonTextColor: #ffffff !default; +$secondaryButtonBorder: 1px solid $secondaryButtonBg !default; +$secondaryButtonHoverBg: #475569 !default; +$secondaryButtonTextHoverColor: $secondaryButtonTextColor !default; +$secondaryButtonHoverBorderColor: #475569 !default; +$secondaryButtonActiveBg: #475569 !default; +$secondaryButtonTextActiveColor: $secondaryButtonTextColor !default; +$secondaryButtonActiveBorderColor: #475569 !default; +$secondaryButtonFocusShadow: 0 0 0 0.2rem + scale-color($secondaryButtonBg, $lightness: 60%) !default; + +$infoButtonBg: #3b82f6 !default; +$infoButtonTextColor: #ffffff !default; +$infoButtonBorder: 1px solid $infoButtonBg !default; +$infoButtonHoverBg: #2563eb !default; +$infoButtonTextHoverColor: $infoButtonTextColor !default; +$infoButtonHoverBorderColor: #2563eb !default; +$infoButtonActiveBg: #2563eb !default; +$infoButtonTextActiveColor: $infoButtonTextColor !default; +$infoButtonActiveBorderColor: #2563eb !default; +$infoButtonFocusShadow: 0 0 0 0.2rem scale-color($infoButtonBg, $lightness: 60%) !default; + +$successButtonBg: #22c55e !default; +$successButtonTextColor: #ffffff !default; +$successButtonBorder: 1px solid $successButtonBg !default; +$successButtonHoverBg: #16a34a !default; +$successButtonTextHoverColor: $successButtonTextColor !default; +$successButtonHoverBorderColor: #16a34a !default; +$successButtonActiveBg: #16a34a !default; +$successButtonTextActiveColor: $successButtonTextColor !default; +$successButtonActiveBorderColor: #16a34a !default; +$successButtonFocusShadow: 0 0 0 0.2rem + scale-color($successButtonBg, $lightness: 60%) !default; + +$warningButtonBg: #f59e0b !default; +$warningButtonTextColor: #ffffff !default; +$warningButtonBorder: 1px solid $warningButtonBg !default; +$warningButtonHoverBg: #d97706 !default; +$warningButtonTextHoverColor: $warningButtonTextColor !default; +$warningButtonHoverBorderColor: #d97706 !default; +$warningButtonActiveBg: #d97706 !default; +$warningButtonTextActiveColor: $warningButtonTextColor !default; +$warningButtonActiveBorderColor: #d97706 !default; +$warningButtonFocusShadow: 0 0 0 0.2rem + scale-color($warningButtonBg, $lightness: 60%) !default; + +$helpButtonBg: #a855f7 !default; +$helpButtonTextColor: #ffffff !default; +$helpButtonBorder: 1px solid $helpButtonBg !default; +$helpButtonHoverBg: #9333ea !default; +$helpButtonTextHoverColor: $helpButtonTextColor !default; +$helpButtonHoverBorderColor: #9333ea !default; +$helpButtonActiveBg: #9333ea !default; +$helpButtonTextActiveColor: $helpButtonTextColor !default; +$helpButtonActiveBorderColor: #9333ea !default; +$helpButtonFocusShadow: 0 0 0 0.2rem scale-color($helpButtonBg, $lightness: 60%) !default; + +$dangerButtonBg: #ef4444 !default; +$dangerButtonTextColor: #ffffff !default; +$dangerButtonBorder: 1px solid $dangerButtonBg !default; +$dangerButtonHoverBg: #dc2626 !default; +$dangerButtonTextHoverColor: $dangerButtonTextColor !default; +$dangerButtonHoverBorderColor: #dc2626 !default; +$dangerButtonActiveBg: #dc2626 !default; +$dangerButtonTextActiveColor: $dangerButtonTextColor !default; +$dangerButtonActiveBorderColor: #dc2626 !default; +$dangerButtonFocusShadow: 0 0 0 0.2rem + scale-color($dangerButtonBg, $lightness: 60%) !default; + +$linkButtonColor: $primaryColor !default; +$linkButtonHoverColor: $primaryColor !default; +$linkButtonTextHoverDecoration: underline !default; +$linkButtonFocusShadow: 0 0 0 0.2rem $focusOutlineColor !default; + +//checkbox +$checkboxWidth: 16px !default; +$checkboxHeight: 16px !default; +$checkboxBorder: 2px solid $shade400 !default; +$checkboxIconFontSize: 10px !default; +$checkboxActiveBorderColor: $primaryColor !default; +$checkboxActiveBg: $primaryColor !default; +$checkboxIconActiveColor: $primaryTextColor !default; +$checkboxActiveHoverBg: $primaryColor !default; +$checkboxIconActiveHoverColor: $primaryTextColor !default; +$checkboxActiveHoverBorderColor: $primaryColor !default; + +//radiobutton +$radiobuttonWidth: 16px !default; +$radiobuttonHeight: 16px !default; +$radiobuttonBorder: 2px solid $shade400 !default; +$radiobuttonIconSize: 6px !default; +$radiobuttonActiveBorderColor: $primaryColor !default; +$radiobuttonActiveBg: $primaryColor !default; +$radiobuttonIconActiveColor: $primaryTextColor !default; +$radiobuttonActiveHoverBg: $primaryColor !default; +$radiobuttonIconActiveHoverColor: $primaryTextColor !default; +$radiobuttonActiveHoverBorderColor: $primaryColor !default; + +//colorpicker +$colorPickerPreviewWidth: 2rem !default; +$colorPickerPreviewHeight: 2rem !default; +$colorPickerBg: $shade800 !default; +$colorPickerBorder: 1px solid $shade900 !default; +$colorPickerHandleColor: $shade000 !default; + +//togglebutton +$toggleButtonBg: $inputBg !default; +$toggleButtonBorder: 1px solid $shade400 !default; +$toggleButtonTextColor: $shade700 !default; +$toggleButtonIconColor: $shade600 !default; +$toggleButtonHoverBg: $shade200 !default; +$toggleButtonHoverBorderColor: $shade400 !default; +$toggleButtonTextHoverColor: $shade700 !default; +$toggleButtonIconHoverColor: $shade600 !default; +$toggleButtonActiveBg: $primaryColor !default; +$toggleButtonActiveBorderColor: $primaryColor !default; +$toggleButtonTextActiveColor: $primaryTextColor !default; +$toggleButtonIconActiveColor: $primaryTextColor !default; +$toggleButtonActiveHoverBg: $primaryDarkColor !default; +$toggleButtonActiveHoverBorderColor: $primaryDarkColor !default; +$toggleButtonTextActiveHoverColor: $primaryTextColor !default; +$toggleButtonIconActiveHoverColor: $primaryTextColor !default; + +//inplace +$inplacePadding: $inputPadding !default; +$inplaceHoverBg: $shade200 !default; +$inplaceTextHoverColor: $shade900 !default; + +//rating +$ratingIconFontSize: 1.143rem !default; +$ratingCancelIconColor: #ef4444 !default; +$ratingCancelIconHoverColor: #dc2626 !default; +$ratingStarIconOffColor: $shade700 !default; +$ratingStarIconOnColor: $primaryColor !default; +$ratingStarIconHoverColor: $primaryColor !default; + +//slider +$sliderBg: $shade300 !default; +$sliderBorder: 0 none !default; +$sliderHorizontalHeight: 0.286rem !default; +$sliderVerticalWidth: 0.286rem !default; +$sliderHandleWidth: 1.143rem !default; +$sliderHandleHeight: 1.143rem !default; +$sliderHandleBg: $shade000 !default; +$sliderHandleBorder: 2px solid $primaryColor !default; +$sliderHandleBorderRadius: 50% !default; +$sliderHandleHoverBorderColor: $primaryColor !default; +$sliderHandleHoverBg: $primaryColor !default; +$sliderRangeBg: $primaryColor !default; + +//calendar +$calendarTableMargin: 0.5rem 0 !default; +$calendarPadding: 0.5rem !default; +$calendarBg: $shade000 !default; +$calendarInlineBg: $calendarBg !default; +$calendarTextColor: $shade700 !default; +$calendarBorder: $inputListBorder !default; +$calendarOverlayBorder: $inputOverlayBorder !default; + +$calendarHeaderPadding: 0.5rem !default; +$calendarHeaderBg: $shade000 !default; +$calendarInlineHeaderBg: $calendarBg !default; +$calendarHeaderBorder: 1px solid $shade300 !default; +$calendarHeaderTextColor: $shade700 !default; +$calendarHeaderFontWeight: 600 !default; +$calendarHeaderCellPadding: 0.5rem !default; +$calendarMonthYearHeaderHoverTextColor: $primaryColor !default; + +$calendarCellDatePadding: 0.5rem !default; +$calendarCellDateWidth: 2.5rem !default; +$calendarCellDateHeight: 2.5rem !default; +$calendarCellDateBorderRadius: 50% !default; +$calendarCellDateBorder: 1px solid transparent !default; +$calendarCellDateHoverBg: $shade200 !default; +$calendarCellDateTodayBg: $shade400 !default; +$calendarCellDateTodayBorderColor: transparent !default; +$calendarCellDateTodayTextColor: $shade700 !default; + +$calendarButtonBarPadding: 1rem 0 !default; +$calendarTimePickerPadding: 0.5rem !default; +$calendarTimePickerElementPadding: 0 0.5rem !default; +$calendarTimePickerTimeFontSize: 1.25rem !default; + +$calendarBreakpoint: 769px !default; +$calendarCellDatePaddingSM: 0 !default; + +//input switch +$inputSwitchWidth: 3rem !default; +$inputSwitchHeight: 1.75rem !default; +$inputSwitchBorderRadius: 30px !default; +$inputSwitchHandleWidth: 1.25rem !default; +$inputSwitchHandleHeight: 1.25rem !default; +$inputSwitchHandleBorderRadius: 50% !default; +$inputSwitchSliderPadding: 0.25rem !default; +$inputSwitchSliderOffBg: $shade400 !default; +$inputSwitchHandleOffBg: $shade000 !default; +$inputSwitchSliderOffHoverBg: scale-color($shade400, $lightness: -10%) !default; +$inputSwitchSliderOnBg: $primaryColor !default; +$inputSwitchSliderOnHoverBg: $primaryDarkColor !default; +$inputSwitchHandleOnBg: $shade000 !default; + +//panel +$panelHeaderBorderColor: $shade300 !default; +$panelHeaderBorder: 1px solid $shade300 !default; +$panelHeaderBg: $shade100 !default; +$panelHeaderTextColor: $shade700 !default; +$panelHeaderFontWeight: 700 !default; +$panelHeaderPadding: 1.25rem !default; +$panelToggleableHeaderPadding: 0.75rem 1.25rem !default; + +$panelHeaderHoverBg: $shade200 !default; +$panelHeaderHoverBorderColor: $shade300 !default; +$panelHeaderTextHoverColor: $shade900 !default; + +$panelContentBorderColor: $shade300 !default; +$panelContentBorder: 1px solid $shade300 !default; +$panelContentBg: $shade000 !default; +$panelContentEvenRowBg: scale-color($panelContentBg, $lightness: -1%) !default; +$panelContentTextColor: $shade700 !default; +$panelContentPadding: 1.25rem !default; + +$panelFooterBorder: 1px solid $shade300 !default; +$panelFooterBg: $shade000 !default; +$panelFooterTextColor: $shade700 !default; +$panelFooterPadding: 0.75rem 1.25rem !default; + +//accordion +$accordionSpacing: 0 !default; +$accordionHeaderBorder: $panelHeaderBorder !default; +$accordionHeaderBg: $panelHeaderBg !default; +$accordionHeaderTextColor: $panelHeaderTextColor !default; +$accordionHeaderFontWeight: $panelHeaderFontWeight !default; +$accordionHeaderPadding: $panelHeaderPadding !default; + +$accordionHeaderHoverBg: $shade200 !default; +$accordionHeaderHoverBorderColor: $shade300 !default; +$accordionHeaderTextHoverColor: $shade700 !default; + +$accordionHeaderActiveBg: $panelHeaderBg !default; +$accordionHeaderActiveBorderColor: $shade300 !default; +$accordionHeaderTextActiveColor: $shade700 !default; + +$accordionHeaderActiveHoverBg: $shade200 !default; +$accordionHeaderActiveHoverBorderColor: $shade300 !default; +$accordionHeaderTextActiveHoverColor: $shade700 !default; + +$accordionContentBorder: $panelContentBorder !default; +$accordionContentBg: $panelContentBg !default; +$accordionContentTextColor: $panelContentTextColor !default; +$accordionContentPadding: $panelContentPadding !default; + +//tabview +$tabviewNavBorder: 1px solid $shade300 !default; +$tabviewNavBorderWidth: 0 0 2px 0 !default; +$tabviewNavBg: $shade000 !default; + +$tabviewHeaderSpacing: 0 !default; +$tabviewHeaderBorder: solid $shade300 !default; +$tabviewHeaderBorderWidth: 0 0 2px 0 !default; +$tabviewHeaderBorderColor: transparent transparent $shade300 transparent !default; +$tabviewHeaderBg: $shade000 !default; +$tabviewHeaderTextColor: $shade600 !default; +$tabviewHeaderFontWeight: $panelHeaderFontWeight !default; +$tabviewHeaderPadding: $panelHeaderPadding !default; +$tabviewHeaderMargin: 0 0 -2px 0 !default; + +$tabviewHeaderHoverBg: $shade000 !default; +$tabviewHeaderHoverBorderColor: $shade600 !default; +$tabviewHeaderTextHoverColor: $shade600 !default; + +$tabviewHeaderActiveBg: $shade000 !default; +$tabviewHeaderActiveBorderColor: $primaryColor !default; +$tabviewHeaderTextActiveColor: $primaryColor !default; + +$tabviewContentBorder: 0 none !default; +$tabviewContentBg: $panelContentBg !default; +$tabviewContentTextColor: $panelContentTextColor !default; +$tabviewContentPadding: $panelContentPadding !default; + +//upload +$fileUploadProgressBarHeight: 0.25rem !default; +$fileUploadContentPadding: 2rem 1rem !default; +$fileUploadContentHoverBorder: 1px dashed $primaryColor !default; + +//scrollpanel +$scrollPanelTrackBorder: 0 none !default; +$scrollPanelTrackBg: $shade100 !default; + +//card +$cardBodyPadding: 1.25rem !default; +$cardTitleFontSize: 1.5rem !default; +$cardTitleFontWeight: 700 !default; +$cardSubTitleFontWeight: 400 !default; +$cardSubTitleColor: $shade600 !default; +$cardContentPadding: 1.25rem 0 !default; +$cardFooterPadding: 1.25rem 0 0 0 !default; +$cardShadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !default; + +//editor +$editorToolbarBg: $panelHeaderBg !default; +$editorToolbarBorder: $panelHeaderBorder !default; +$editorToolbarPadding: $panelHeaderPadding !default; +$editorToolbarIconColor: $textSecondaryColor !default; +$editorToolbarIconHoverColor: $textColor !default; +$editorIconActiveColor: $primaryColor !default; +$editorContentBorder: $panelContentBorder !default; +$editorContentBg: $panelContentBg !default; + +//paginator +$paginatorBg: $shade000 !default; +$paginatorTextColor: $shade600 !default; +$paginatorBorder: solid $shade200 !default; +$paginatorBorderWidth: 0 !default; +$paginatorPadding: 0.75rem 1.5rem !default; +$paginatorElementWidth: $buttonIconOnlyWidth !default; +$paginatorElementHeight: $buttonIconOnlyWidth !default; +$paginatorElementBg: transparent !default; +$paginatorElementBorder: 1px solid $shade400 !default; +$paginatorElementIconColor: $shade600 !default; +$paginatorElementHoverBg: $shade200 !default; +$paginatorElementHoverBorderColor: $shade400 !default; +$paginatorElementIconHoverColor: $shade700 !default; +$paginatorElementBorderRadius: 0 !default; +$paginatorElementMargin: 0 0 0 -1px !default; +$paginatorElementPadding: 0 !default; + +//table +$tableHeaderBorder: 1px solid $shade200 !default; +$tableHeaderBorderWidth: 1px 0 1px 0 !default; +$tableHeaderBg: $shade100 !default; +$tableHeaderTextColor: $shade700 !default; +$tableHeaderFontWeight: 600 !default; +$tableHeaderPadding: 1.25rem 1.25rem !default; + +$tableHeaderCellPadding: 0.75rem 1.5rem !default; +$tableHeaderCellBg: $shade100 !default; +$tableHeaderCellTextColor: $shade500 !default; +$tableHeaderCellFontWeight: 500 !default; +$tableHeaderCellBorder: 1px solid $shade200 !default; +$tableHeaderCellBorderWidth: 0 0 1px 0 !default; +$tableHeaderCellHoverBg: $shade200 !default; +$tableHeaderCellTextHoverColor: $shade700 !default; +$tableHeaderCellIconColor: $shade600 !default; +$tableHeaderCellIconHoverColor: $shade600 !default; +$tableHeaderCellHighlightBg: $shade100 !default; +$tableHeaderCellHighlightTextColor: $primaryColor !default; +$tableHeaderCellHighlightHoverBg: $shade200 !default; +$tableHeaderCellHighlightTextHoverColor: $primaryColor !default; +$tableSortableColumnBadgeSize: 1.143rem !default; + +$tableBodyRowBg: $shade000 !default; +$tableBodyRowTextColor: $shade700 !default; +$tableBodyRowEvenBg: scale-color($tableBodyRowBg, $lightness: -1%) !default; +$tableBodyRowHoverBg: $shade200 !default; +$tableBodyRowTextHoverColor: $shade700 !default; +$tableBodyCellBorder: 1px solid $shade200 !default; +$tableBodyCellBorderWidth: 0 0 1px 0 !default; +$tableBodyCellPadding: 1rem 1.5rem !default; + +$tableFooterCellPadding: 1rem 1rem !default; +$tableFooterCellBg: $shade100 !default; +$tableFooterCellTextColor: $shade700 !default; +$tableFooterCellFontWeight: 600 !default; +$tableFooterCellBorder: 1px solid $shade200 !default; +$tableFooterCellBorderWidth: 0 0 1px 0 !default; +$tableResizerHelperBg: $primaryColor !default; + +$tableFooterBorder: 1px solid $shade200 !default; +$tableFooterBorderWidth: 0 0 1px 0 !default; +$tableFooterBg: $shade100 !default; +$tableFooterTextColor: $shade700 !default; +$tableFooterFontWeight: 600 !default; +$tableFooterPadding: 0.75rem 1.5rem !default; + +$tableCellContentAlignment: left !default; +$tableTopPaginatorBorderWidth: 0 0 1px 0 !default; +$tableBottomPaginatorBorderWidth: 0 0 1px 0 !default; + +$tableScaleSM: 0.5 !default; +$tableScaleLG: 1.25 !default; + +//dataview +$dataViewContentPadding: 0 !default; +$dataViewContentBorder: 0 none !default; + +//tree +$treeContainerPadding: 0.286rem !default; +$treeNodePadding: 0.143rem !default; +$treeNodeContentPadding: 0 !default; +$treeNodeChildrenPadding: 0 0 0 1rem !default; +$treeNodeIconColor: $shade600 !default; + +//timeline +$timelineVerticalEventContentPadding: 0 1rem !default; +$timelineHorizontalEventContentPadding: 1rem 0 !default; +$timelineEventMarkerWidth: 1rem !default; +$timelineEventMarkerHeight: 1rem !default; +$timelineEventMarkerBorderRadius: 50% !default; +$timelineEventMarkerBorder: 2px solid $primaryColor !default; +$timelineEventMarkerBackground: $shade000 !default; +$timelineEventConnectorSize: 2px !default; +$timelineEventColor: $shade300 !default; + +//org chart +$organizationChartConnectorColor: $shade300 !default; + +//message +$messageMargin: 1rem 0 !default; +$messagePadding: 1.25rem 1.75rem !default; +$messageBorderWidth: 0 0 0 6px !default; +$messageIconFontSize: 1.5rem !default; +$messageTextFontSize: 1rem !default; +$messageTextFontWeight: 500 !default; + +//inline message +$inlineMessagePadding: $inputPadding !default; +$inlineMessageMargin: 0 !default; +$inlineMessageIconFontSize: 1rem !default; +$inlineMessageTextFontSize: 1rem !default; +$inlineMessageBorderWidth: 0px !default; + +//toast +$toastIconFontSize: 2rem !default; +$toastMessageTextMargin: 0 0 0 1rem !default; +$toastMargin: 0 0 1rem 0 !default; +$toastPadding: 1rem !default; +$toastBorderWidth: 0 0 0 6px !default; +$toastShadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), + 0 10px 10px -5px rgba(0, 0, 0, 0.04) !default; +$toastOpacity: 0.9 !default; +$toastTitleFontWeight: 700 !default; +$toastDetailMargin: $inlineSpacing 0 0 0 !default; + +//severities +$infoMessageBg: #eff6ff !default; +$infoMessageBorder: none !default; +$infoMessageTextColor: #2563eb !default; +$infoMessageIconColor: #2563eb !default; +$successMessageBg: #ecfdf5 !default; +$successMessageBorder: none !default; +$successMessageTextColor: #059669 !default; +$successMessageIconColor: #059669 !default; +$warningMessageBg: #fef3c7 !default; +$warningMessageBorder: none !default; +$warningMessageTextColor: #d97706 !default; +$warningMessageIconColor: #d97706 !default; +$errorMessageBg: #fef3c7 !default; +$errorMessageBorder: none !default; +$errorMessageTextColor: #dc2626 !default; +$errorMessageIconColor: #dc2626 !default; + +//overlays +$overlayContentBorder: 0 none !default; +$overlayContentBg: $panelContentBg !default; +$overlayContainerShadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), + 0 10px 10px -5px rgba(0, 0, 0, 0.04) !default; + +//dialog +$dialogHeaderBg: $shade000 !default; +$dialogHeaderBorder: 0 none !default; +$dialogHeaderTextColor: $shade700 !default; +$dialogHeaderFontWeight: 600 !default; +$dialogHeaderFontSize: 1.5rem !default; +$dialogHeaderPadding: 1.5rem !default; +$dialogContentPadding: 0 1.5rem 1.5rem 1.5rem !default; +$dialogFooterBorder: 0 none !default; +$dialogFooterPadding: 0 1.5rem 1.5rem 1.5rem !default; + +//confirmpopup +$confirmPopupContentPadding: $panelContentPadding !default; +$confirmPopupFooterPadding: 0 1rem 1rem 1rem !default; + +//tooltip +$tooltipBg: $shade700 !default; +$tooltipTextColor: $shade000 !default; +$tooltipPadding: $inputPadding !default; + +//steps +$stepsItemBg: $shade000 !default; +$stepsItemBorder: 1px solid $shade200 !default; +$stepsItemTextColor: $shade600 !default; +$stepsItemNumberWidth: 2rem !default; +$stepsItemNumberHeight: 2rem !default; +$stepsItemNumberFontSize: 1.143rem !default; +$stepsItemNumberColor: $shade700 !default; +$stepsItemNumberBorderRadius: 50% !default; +$stepsItemActiveFontWeight: 600 !default; + +//progressbar +$progressBarHeight: 1.5rem !default; +$progressBarBorder: 0 none !default; +$progressBarBg: $shade300 !default; +$progressBarValueBg: $primaryColor !default; +$progressBarValueTextColor: $primaryTextColor !default; + +//menu (e.g. menu, menubar, tieredmenu) +$menuWidth: 12.5rem !default; +$menuBg: $shade000 !default; +$menuBorder: 1px solid $shade300 !default; +$menuTextColor: $shade700 !default; +$menuitemPadding: 0.75rem 1rem !default; +$menuitemBorderRadius: 0 !default; +$menuitemTextColor: $shade700 !default; +$menuitemIconColor: $shade600 !default; +$menuitemTextHoverColor: $shade900 !default; +$menuitemIconHoverColor: $shade600 !default; +$menuitemHoverBg: $shade200 !default; +$menuitemTextFocusColor: $shade900 !default; +$menuitemIconFocusColor: $shade900 !default; +$menuitemFocusBg: $shade300 !default; +$menuitemTextActiveColor: $shade700 !default; +$menuitemIconActiveColor: $shade600 !default; +$menuitemActiveBg: $shade200 !default; +$menuitemActiveFocusBg: $shade200 !default; +$menuitemSubmenuIconFontSize: 0.875rem !default; +$submenuHeaderMargin: 0 !default; +$submenuHeaderPadding: 0.75rem 1rem !default; +$submenuHeaderBg: $shade000 !default; +$submenuHeaderTextColor: $shade700 !default; +$submenuHeaderBorderRadius: 0 !default; +$submenuHeaderFontWeight: 600 !default; +$overlayMenuBg: $menuBg !default; +$overlayMenuBorder: 0 none !default; +$overlayMenuShadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), + 0 4px 6px -2px rgba(0, 0, 0, 0.05) !default; +$verticalMenuPadding: 0.25rem 0 !default; +$verticalMenuitemMargin: 0 !default; +$menuSeparatorMargin: 0.25rem 0 !default; + +$breadcrumbPadding: 1rem !default; +$breadcrumbBg: $menuBg !default; +$breadcrumbBorder: $menuBorder !default; +$breadcrumbItemTextColor: $menuitemTextColor !default; +$breadcrumbItemIconColor: $menuitemIconColor !default; +$breadcrumbLastItemTextColor: $menuitemTextColor !default; +$breadcrumbLastItemIconColor: $menuitemIconColor !default; +$breadcrumbSeparatorColor: $menuitemTextColor !default; + +$horizontalMenuPadding: 1rem !default; +$horizontalMenuBg: $shade100 !default; +$horizontalMenuBorder: $menuBorder !default; +$horizontalMenuTextColor: $menuTextColor !default; +$horizontalMenuRootMenuitemPadding: $menuitemPadding !default; +$horizontalMenuRootMenuitemBorderRadius: $borderRadius !default; +$horizontalMenuRootMenuitemTextColor: $menuitemTextColor !default; +$horizontalMenuRootMenuitemIconColor: $menuitemIconColor !default; +$horizontalMenuRootMenuitemTextHoverColor: $menuitemTextHoverColor !default; +$horizontalMenuRootMenuitemIconHoverColor: $menuitemIconHoverColor !default; +$horizontalMenuRootMenuitemHoverBg: $menuitemHoverBg !default; +$horizontalMenuRootMenuitemTextActiveColor: $menuitemTextActiveColor !default; +$horizontalMenuRootMenuitemIconActiveColor: $menuitemIconActiveColor !default; +$horizontalMenuRootMenuitemActiveBg: $menuitemActiveBg !default; + +//badge and tag +$badgeBg: $primaryColor !default; +$badgeTextColor: $primaryTextColor !default; +$badgeMinWidth: 1.5rem !default; +$badgeHeight: 1.5rem !default; +$badgeFontWeight: 700 !default; +$badgeFontSize: 0.75rem !default; + +$tagPadding: 0.25rem 0.4rem !default; + +//carousel +$carouselIndicatorsPadding: 1rem !default; +$carouselIndicatorBg: $shade200 !default; +$carouselIndicatorHoverBg: $shade300 !default; +$carouselIndicatorBorderRadius: 0 !default; +$carouselIndicatorWidth: 2rem !default; +$carouselIndicatorHeight: 0.5rem !default; + +//galleria +$galleriaMaskBg: rgba(0, 0, 0, 0.9) !default; +$galleriaCloseIconMargin: 0.5rem !default; +$galleriaCloseIconFontSize: 2rem !default; +$galleriaCloseIconBg: transparent !default; +$galleriaCloseIconColor: $shade100 !default; +$galleriaCloseIconHoverBg: rgba(255, 255, 255, 0.1) !default; +$galleriaCloseIconHoverColor: $shade100 !default; +$galleriaCloseIconWidth: 4rem !default; +$galleriaCloseIconHeight: 4rem !default; +$galleriaCloseIconBorderRadius: 50% !default; + +$galleriaItemNavigatorBg: transparent !default; +$galleriaItemNavigatorColor: $shade100 !default; +$galleriaItemNavigatorMargin: 0 0.5rem !default; +$galleriaItemNavigatorFontSize: 2rem !default; +$galleriaItemNavigatorHoverBg: rgba(255, 255, 255, 0.1) !default; +$galleriaItemNavigatorHoverColor: $shade100 !default; +$galleriaItemNavigatorWidth: 4rem !default; +$galleriaItemNavigatorHeight: 4rem !default; +$galleriaItemNavigatorBorderRadius: $borderRadius !default; + +$galleriaCaptionBg: rgba(0, 0, 0, 0.5) !default; +$galleriaCaptionTextColor: $shade100 !default; +$galleriaCaptionPadding: 1rem !default; + +$galleriaIndicatorsPadding: 1rem !default; +$galleriaIndicatorBg: $shade200 !default; +$galleriaIndicatorHoverBg: $shade300 !default; +$galleriaIndicatorBorderRadius: 50% !default; +$galleriaIndicatorWidth: 1rem !default; +$galleriaIndicatorHeight: 1rem !default; +$galleriaIndicatorsBgOnItem: rgba(0, 0, 0, 0.5) !default; +$galleriaIndicatorBgOnItem: rgba(255, 255, 255, 0.4) !default; +$galleriaIndicatorHoverBgOnItem: rgba(255, 255, 255, 0.6) !default; + +$galleriaThumbnailContainerBg: rgba(0, 0, 0, 0.9) !default; +$galleriaThumbnailContainerPadding: 1rem 0.25rem !default; +$galleriaThumbnailNavigatorBg: transparent !default; +$galleriaThumbnailNavigatorColor: $shade100 !default; +$galleriaThumbnailNavigatorHoverBg: rgba(255, 255, 255, 0.1) !default; +$galleriaThumbnailNavigatorHoverColor: $shade100 !default; +$galleriaThumbnailNavigatorBorderRadius: 50% !default; +$galleriaThumbnailNavigatorWidth: 2rem !default; +$galleriaThumbnailNavigatorHeight: 2rem !default; + +//divider +$dividerHorizontalMargin: 1rem 0 !default; +$dividerHorizontalPadding: 0 1rem !default; +$dividerVerticalMargin: 0 1rem !default; +$dividerVerticalPadding: 1rem 0 !default; +$dividerSize: 1px !default; +$dividerColor: $shade300 !default; + +//avatar +$avatarBg: $shade300 !default; +$avatarTextColor: $textColor !default; + +//chip +$chipBg: $shade300 !default; +$chipTextColor: $textColor !default; +$chipBorderRadius: 16px !default; +$chipFocusBg: $shade400 !default; +$chipFocusTextColor: $textColor !default; + +//scrollTop +$scrollTopBg: rgba(0, 0, 0, 0.7) !default; +$scrollTopHoverBg: rgba(0, 0, 0, 0.8) !default; +$scrollTopWidth: 3rem !default; +$scrollTopHeight: 3rem !default; +$scrollTopBorderRadius: 50% !default; +$scrollTopFontSize: 1.5rem !default; +$scrollTopTextColor: $shade100 !default; + +//skeleton +$skeletonBg: $shade200 !default; +$skeletonAnimationBg: rgba(255, 255, 255, 0.4) !default; + +//splitter +$splitterGutterBg: $shade100 !default; +$splitterGutterHandleBg: $shade300 !default; + +//speeddial +$speedDialButtonWidth: 4rem !default; +$speedDialButtonHeight: 4rem !default; +$speedDialButtonIconFontSize: 1.3rem !default; +$speedDialActionWidth: 3rem !default; +$speedDialActionHeight: 3rem !default; +$speedDialActionBg: $shade700 !default; +$speedDialActionHoverBg: $shade800 !default; +$speedDialActionTextColor: #fff !default; +$speedDialActionTextHoverColor: #fff !default; + +//dock +$dockActionWidth: 4rem !default; +$dockActionHeight: 4rem !default; +$dockItemPadding: 0.5rem !default; +$dockItemBorderRadius: $borderRadius !default; +$dockCurrentItemMargin: 1.5rem !default; +$dockFirstItemsMargin: 1.3rem !default; +$dockSecondItemsMargin: 0.9rem !default; +$dockBg: rgba(255, 255, 255, 0.1) !default; +$dockBorder: 1px solid rgba(255, 255, 255, 0.2) !default; +$dockPadding: 0.5rem 0.5rem !default; +$dockBorderRadius: 0.5rem !default; + +//image +$imageMaskBg: rgba(0, 0, 0, 0.9) !default; +$imagePreviewToolbarPadding: 1rem !default; +$imagePreviewIndicatorColor: #f8f9fa !default; +$imagePreviewIndicatorBg: rgba(0, 0, 0, 0.5) !default; +$imagePreviewActionIconBg: transparent !default; +$imagePreviewActionIconColor: #f8f9fa !default; +$imagePreviewActionIconHoverBg: rgba(255, 255, 255, 0.1) !default; +$imagePreviewActionIconHoverColor: #f8f9fa !default; +$imagePreviewActionIconWidth: 3rem !default; +$imagePreviewActionIconHeight: 3rem !default; +$imagePreviewActionIconFontSize: 1.5rem !default; +$imagePreviewActionIconBorderRadius: 50% !default; + +:root { + font-family: Inter, ui-sans-serif, system-ui, -apple-system, + BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, + "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol", "Noto Color Emoji"; + --font-family: Inter, ui-sans-serif, system-ui, -apple-system, + BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, + "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol", "Noto Color Emoji"; + --surface-a: #{$shade000}; + --surface-b: #{$shade100}; + --surface-c: #{$shade200}; + --surface-d: #{$shade300}; + --surface-e: #{$shade000}; + --surface-f: #{$shade000}; + --text-color: #{$shade700}; + --text-color-secondary: #{$shade600}; + --primary-color: #{$primaryColor}; + --primary-color-text: #{$primaryTextColor}; + --surface-0: #ffffff; + --surface-50: #fafafa; + --surface-100: #f4f4f5; + --surface-200: #e4e4e7; + --surface-300: #d4d4d8; + --surface-400: #a1a1aa; + --surface-500: #71717a; + --surface-600: #52525b; + --surface-700: #3f3f46; + --surface-800: #27272a; + --surface-900: #18181b; + --gray-50: #fafafa; + --gray-100: #f4f4f5; + --gray-200: #e4e4e7; + --gray-300: #d4d4d8; + --gray-400: #a1a1aa; + --gray-500: #71717a; + --gray-600: #52525b; + --gray-700: #3f3f46; + --gray-800: #27272a; + --gray-900: #18181b; + --content-padding: #{$panelContentPadding}; + --inline-spacing: #{$inlineSpacing}; + --border-radius: #{$borderRadius}; + --surface-ground: #fafafa; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #e5e7eb; + --surface-hover: #f4f4f5; + --highlight-bg: #{$highlightBg}; + --highlight-text-color: #{$highlightTextColor}; + --focus-ring: #{$focusShadow}; + --maskbg: #{$maskBg}; + color-scheme: light; +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/tailwind/tailwind-light/fonts/Inter-Bold.woff b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/tailwind/tailwind-light/fonts/Inter-Bold.woff new file mode 100644 index 000000000..eaf3d4bfd Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/tailwind/tailwind-light/fonts/Inter-Bold.woff differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/tailwind/tailwind-light/fonts/Inter-Bold.woff2 b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/tailwind/tailwind-light/fonts/Inter-Bold.woff2 new file mode 100644 index 000000000..2846f29cc Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/tailwind/tailwind-light/fonts/Inter-Bold.woff2 differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/tailwind/tailwind-light/fonts/Inter-Light.woff b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/tailwind/tailwind-light/fonts/Inter-Light.woff new file mode 100644 index 000000000..c496464d0 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/tailwind/tailwind-light/fonts/Inter-Light.woff differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/tailwind/tailwind-light/fonts/Inter-Light.woff2 b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/tailwind/tailwind-light/fonts/Inter-Light.woff2 new file mode 100644 index 000000000..bc4be6658 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/tailwind/tailwind-light/fonts/Inter-Light.woff2 differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/tailwind/tailwind-light/fonts/Inter-Medium.woff b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/tailwind/tailwind-light/fonts/Inter-Medium.woff new file mode 100644 index 000000000..d546843f2 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/tailwind/tailwind-light/fonts/Inter-Medium.woff differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/tailwind/tailwind-light/fonts/Inter-Medium.woff2 b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/tailwind/tailwind-light/fonts/Inter-Medium.woff2 new file mode 100644 index 000000000..f92498a2e Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/tailwind/tailwind-light/fonts/Inter-Medium.woff2 differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/tailwind/tailwind-light/fonts/Inter-Regular.woff b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/tailwind/tailwind-light/fonts/Inter-Regular.woff new file mode 100644 index 000000000..62d3a6187 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/tailwind/tailwind-light/fonts/Inter-Regular.woff differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/tailwind/tailwind-light/fonts/Inter-Regular.woff2 b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/tailwind/tailwind-light/fonts/Inter-Regular.woff2 new file mode 100644 index 000000000..6c2b6893d Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/tailwind/tailwind-light/fonts/Inter-Regular.woff2 differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/tailwind/tailwind-light/fonts/Inter-SemiBold.woff b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/tailwind/tailwind-light/fonts/Inter-SemiBold.woff new file mode 100644 index 000000000..a815f43a9 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/tailwind/tailwind-light/fonts/Inter-SemiBold.woff differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/tailwind/tailwind-light/fonts/Inter-SemiBold.woff2 b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/tailwind/tailwind-light/fonts/Inter-SemiBold.woff2 new file mode 100644 index 000000000..611e90c95 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/tailwind/tailwind-light/fonts/Inter-SemiBold.woff2 differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/tailwind/tailwind-light/theme.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/tailwind/tailwind-light/theme.scss new file mode 100644 index 000000000..4edae70ea --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/tailwind/tailwind-light/theme.scss @@ -0,0 +1,4 @@ +@import './_variables'; +@import './_fonts'; +@import '../../../theme-base/_components'; +@import './_extensions'; diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/vela/_extensions.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/vela/_extensions.scss new file mode 100644 index 000000000..8c09b3240 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/vela/_extensions.scss @@ -0,0 +1,39 @@ +@layer primeng { + .p-carousel { + .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: $primaryColor; + } + } + + .p-galleria { + .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: $primaryColor; + } + + &.p-galleria-indicator-onitem { + .p-galleria-indicators { + .p-galleria-indicator { + &.p-highlight { + button { + background: $primaryColor; + } + } + } + } + } + } + + .p-datatable { + .p-datatable-tbody { + > tr { + &.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 $primaryColor; + } + + &.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 $primaryColor; + } + } + } + } +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/vela/_variables.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/vela/_variables.scss new file mode 100644 index 000000000..033fc829a --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/vela/_variables.scss @@ -0,0 +1,954 @@ +$colors: ( + "blue": #2196f3, + "green": #4caf50, + "yellow": #fbc02d, + "cyan": #00bcd4, + "pink": #e91e63, + "indigo": #3f51b5, + "teal": #009688, + "orange": #f57c00, + "bluegray": #607d8b, + "purple": #9c27b0, + "red": #ff4032, + "primary": $primaryColor, +) !default; + +//shades +$shade000: rgba(255, 255, 255, 0.87) !default; //text color +$shade100: rgba(255, 255, 255, 0.6) !default; //text secondary color +$shade500: #3e526d !default; +$shade600: #304562 !default; //input bg, border, divider +$shade700: #283951 !default; //unused +$shade800: #1f2d40 !default; //elevated surface +$shade900: #17212f !default; //ground surface + +$hoverBg: rgba(255, 255, 255, 0.03) !default; + +//global +$fontFamily: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, + Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default; +$fontSize: 1rem !default; +$fontWeight: normal !default; +$textColor: $shade000 !default; +$textSecondaryColor: $shade100 !default; +$borderRadius: 3px !default; +$transitionDuration: 0.2s !default; +$formElementTransition: background-color $transitionDuration, + color $transitionDuration, border-color $transitionDuration, + box-shadow $transitionDuration !default; +$actionIconTransition: background-color $transitionDuration, + color $transitionDuration, box-shadow $transitionDuration !default; +$listItemTransition: box-shadow $transitionDuration !default; +$primeIconFontSize: 1rem !default; +$divider: 1px solid $shade600 !default; +$inlineSpacing: 0.5rem !default; //spacing between inline elements +$disabledOpacity: 0.4 !default; //opacity of a disabled item +$maskBg: rgba(0, 0, 0, 0.4) !default; //modal mask bg color +$loadingIconFontSize: 2rem !default; +$errorColor: #ef9a9a !default; + +//scale +$scaleSM: 0.875 !default; +$scaleLG: 1.25 !default; + +//focus +$focusOutlineColor: $primaryLightColor !default; +$focusOutline: 0 none !default; +$focusOutlineOffset: 0 !default; +$focusShadow: 0 0 0 1px $focusOutlineColor !default; + +//action icons +$actionIconWidth: 2rem !default; +$actionIconHeight: 2rem !default; +$actionIconBg: transparent !default; +$actionIconBorder: 0 none !default; +$actionIconColor: $shade100 !default; +$actionIconHoverBg: $hoverBg !default; +$actionIconHoverBorderColor: transparent !default; +$actionIconHoverColor: $shade000 !default; +$actionIconBorderRadius: 50% !default; + +//input field (e.g. inputtext, spinner, inputmask) +$inputPadding: 0.5rem 0.5rem !default; +$inputTextFontSize: 1rem !default; +$inputBg: $shade900 !default; +$inputTextColor: $shade000 !default; +$inputIconColor: $shade100 !default; +$inputBorder: 1px solid $shade600 !default; +$inputHoverBorderColor: $primaryColor !default; +$inputFocusBorderColor: $primaryColor !default; +$inputErrorBorderColor: $errorColor !default; +$inputPlaceholderTextColor: $shade100 !default; +$inputFilledBg: $shade600 !default; +$inputFilledHoverBg: $inputFilledBg !default; +$inputFilledFocusBg: $inputFilledBg !default; + +//input groups +$inputGroupBg: $shade800 !default; +$inputGroupTextColor: $shade100 !default; +$inputGroupAddOnMinWidth: 2.357rem !default; + +//input lists (e.g. dropdown, autocomplete, multiselect, orderlist) +$inputListBg: $shade800 !default; +$inputListTextColor: $shade000 !default; +$inputListBorder: $inputBorder !default; +$inputListPadding: 0.5rem 0 !default; +$inputListItemPadding: 0.5rem 1rem !default; +$inputListItemBg: transparent !default; +$inputListItemTextColor: $shade000 !default; +$inputListItemHoverBg: $hoverBg !default; +$inputListItemTextHoverColor: $shade000 !default; +$inputListItemFocusBg: rgba(255, 255, 255, 0.09) !default; +$inputListItemTextFocusColor: $shade000 !default; +$inputListItemBorder: 0 none !default; +$inputListItemBorderRadius: 0 !default; +$inputListItemMargin: 0 !default; +$inputListItemFocusShadow: inset 0 0 0 0.15rem $focusOutlineColor !default; +$inputListHeaderPadding: 0.5rem 1rem !default; +$inputListHeaderMargin: 0 !default; +$inputListHeaderBg: $shade800 !default; +$inputListHeaderTextColor: $shade000 !default; +$inputListHeaderBorder: 0 none !default; + +//inputs with overlays (e.g. autocomplete, dropdown, multiselect) +$inputOverlayBg: $inputListBg !default; +$inputOverlayHeaderBg: $inputListHeaderBg !default; +$inputOverlayBorder: 1px solid $shade600 !default; +$inputOverlayShadow: 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) !default; + +//password +$passwordMeterBg: $shade600 !default; +$passwordWeakBg: #f48fb1 !default; +$passwordMediumBg: #ffe082 !default; +$passwordStrongBg: #c5e1a5 !default; + +//button +$buttonPadding: 0.5rem 1rem !default; +$buttonIconOnlyWidth: 2.357rem !default; +$buttonIconOnlyPadding: 0.5rem 0 !default; +$buttonBg: $primaryColor !default; +$buttonTextColor: $primaryTextColor !default; +$buttonBorder: 1px solid $primaryColor !default; +$buttonHoverBg: $primaryDarkColor !default; +$buttonTextHoverColor: $primaryTextColor !default; +$buttonHoverBorderColor: $primaryDarkColor !default; +$buttonActiveBg: $primaryDarkerColor !default; +$buttonTextActiveColor: $primaryTextColor !default; +$buttonActiveBorderColor: $primaryDarkerColor !default; +$raisedButtonShadow: 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) !default; +$roundedButtonBorderRadius: 2rem !default; + +$textButtonHoverBgOpacity: 0.04 !default; +$textButtonActiveBgOpacity: 0.16 !default; +$outlinedButtonBorder: 1px solid !default; +$plainButtonTextColor: $textSecondaryColor !default; +$plainButtonHoverBgColor: $hoverBg !default; +$plainButtonActiveBgColor: rgba(255, 255, 255, 0.16) !default; + +$secondaryButtonBg: #78909c !default; +$secondaryButtonTextColor: #ffffff !default; +$secondaryButtonBorder: 1px solid $secondaryButtonBg !default; +$secondaryButtonHoverBg: scale-color( + $secondaryButtonBg, + $lightness: -10% +) !default; +$secondaryButtonTextHoverColor: $secondaryButtonTextColor !default; +$secondaryButtonHoverBorderColor: scale-color( + $secondaryButtonBg, + $lightness: -10% +) !default; +$secondaryButtonActiveBg: scale-color( + $secondaryButtonBg, + $lightness: -20% +) !default; +$secondaryButtonTextActiveColor: $secondaryButtonTextColor !default; +$secondaryButtonActiveBorderColor: scale-color( + $secondaryButtonBg, + $lightness: -20% +) !default; +$secondaryButtonFocusShadow: 0 0 0 1px + scale-color($secondaryButtonBg, $lightness: 30%) !default; + +$infoButtonBg: #81d4fa !default; +$infoButtonTextColor: #121212 !default; +$infoButtonBorder: 1px solid $infoButtonBg !default; +$infoButtonHoverBg: scale-color($infoButtonBg, $lightness: -10%) !default; +$infoButtonTextHoverColor: $infoButtonTextColor !default; +$infoButtonHoverBorderColor: scale-color( + $infoButtonBg, + $lightness: -10% +) !default; +$infoButtonActiveBg: scale-color($infoButtonBg, $lightness: -20%) !default; +$infoButtonTextActiveColor: $infoButtonTextColor !default; +$infoButtonActiveBorderColor: scale-color( + $infoButtonBg, + $lightness: -20% +) !default; +$infoButtonFocusShadow: 0 0 0 1px scale-color($infoButtonBg, $lightness: 30%) !default; + +$successButtonBg: #c5e1a5 !default; +$successButtonTextColor: #121212 !default; +$successButtonBorder: 1px solid $successButtonBg !default; +$successButtonHoverBg: scale-color($successButtonBg, $lightness: -10%) !default; +$successButtonTextHoverColor: $successButtonTextColor !default; +$successButtonHoverBorderColor: scale-color( + $successButtonBg, + $lightness: -10% +) !default; +$successButtonActiveBg: scale-color( + $successButtonBg, + $lightness: -20% +) !default; +$successButtonTextActiveColor: $successButtonTextColor !default; +$successButtonActiveBorderColor: scale-color( + $successButtonBg, + $lightness: -20% +) !default; +$successButtonFocusShadow: 0 0 0 1px + scale-color($successButtonBg, $lightness: 30%) !default; + +$warningButtonBg: #ffe082 !default; +$warningButtonTextColor: #121212 !default; +$warningButtonBorder: 1px solid $warningButtonBg !default; +$warningButtonHoverBg: scale-color($warningButtonBg, $lightness: -10%) !default; +$warningButtonTextHoverColor: $warningButtonTextColor !default; +$warningButtonHoverBorderColor: scale-color( + $warningButtonBg, + $lightness: -10% +) !default; +$warningButtonActiveBg: scale-color( + $warningButtonBg, + $lightness: -20% +) !default; +$warningButtonTextActiveColor: $warningButtonTextColor !default; +$warningButtonActiveBorderColor: scale-color( + $warningButtonBg, + $lightness: -20% +) !default; +$warningButtonFocusShadow: 0 0 0 1px + scale-color($warningButtonBg, $lightness: 30%) !default; + +$helpButtonBg: #ce93d8 !default; +$helpButtonTextColor: #121212 !default; +$helpButtonBorder: 1px solid $helpButtonBg !default; +$helpButtonHoverBg: scale-color($helpButtonBg, $lightness: -10%) !default; +$helpButtonTextHoverColor: $helpButtonTextColor !default; +$helpButtonHoverBorderColor: scale-color( + $helpButtonBg, + $lightness: -10% +) !default; +$helpButtonActiveBg: scale-color($helpButtonBg, $lightness: -20%) !default; +$helpButtonTextActiveColor: $helpButtonTextColor !default; +$helpButtonActiveBorderColor: scale-color( + $helpButtonBg, + $lightness: -20% +) !default; +$helpButtonFocusShadow: 0 0 0 1px scale-color($helpButtonBg, $lightness: 30%) !default; + +$dangerButtonBg: #f48fb1 !default; +$dangerButtonTextColor: #121212 !default; +$dangerButtonBorder: 1px solid $dangerButtonBg !default; +$dangerButtonHoverBg: scale-color($dangerButtonBg, $lightness: -10%) !default; +$dangerButtonTextHoverColor: $dangerButtonTextColor !default; +$dangerButtonHoverBorderColor: scale-color( + $dangerButtonBg, + $lightness: -10% +) !default; +$dangerButtonActiveBg: scale-color($dangerButtonBg, $lightness: -20%) !default; +$dangerButtonTextActiveColor: $dangerButtonTextColor !default; +$dangerButtonActiveBorderColor: scale-color( + $dangerButtonBg, + $lightness: -20% +) !default; +$dangerButtonFocusShadow: 0 0 0 1px + scale-color($dangerButtonBg, $lightness: 30%) !default; + +$linkButtonColor: $primaryColor !default; +$linkButtonHoverColor: $primaryColor !default; +$linkButtonTextHoverDecoration: underline !default; +$linkButtonFocusShadow: 0 0 0 0.1rem $focusOutlineColor !default; + +//checkbox +$checkboxWidth: 20px !default; +$checkboxHeight: 20px !default; +$checkboxBorder: 2px solid $shade600 !default; +$checkboxIconFontSize: 14px !default; +$checkboxActiveBorderColor: $primaryColor !default; +$checkboxActiveBg: $primaryColor !default; +$checkboxIconActiveColor: $primaryTextColor !default; +$checkboxActiveHoverBg: $primaryDarkerColor !default; +$checkboxIconActiveHoverColor: $primaryTextColor !default; +$checkboxActiveHoverBorderColor: $primaryDarkerColor !default; + +//radiobutton +$radiobuttonWidth: 20px !default; +$radiobuttonHeight: 20px !default; +$radiobuttonBorder: 2px solid $shade600 !default; +$radiobuttonIconSize: 12px !default; +$radiobuttonActiveBorderColor: $primaryColor !default; +$radiobuttonActiveBg: $primaryColor !default; +$radiobuttonIconActiveColor: $primaryTextColor !default; +$radiobuttonActiveHoverBg: $primaryDarkerColor !default; +$radiobuttonIconActiveHoverColor: $primaryTextColor !default; +$radiobuttonActiveHoverBorderColor: $primaryDarkerColor !default; + +//colorpicker +$colorPickerPreviewWidth: 2rem !default; +$colorPickerPreviewHeight: 2rem !default; +$colorPickerBg: $shade800 !default; +$colorPickerBorder: 1px solid $shade600 !default; +$colorPickerHandleColor: #ffffff !default; + +//togglebutton +$toggleButtonBg: $shade800 !default; +$toggleButtonBorder: 1px solid $shade600 !default; +$toggleButtonTextColor: $shade000 !default; +$toggleButtonIconColor: $shade100 !default; +$toggleButtonHoverBg: $hoverBg !default; +$toggleButtonHoverBorderColor: $shade600 !default; +$toggleButtonTextHoverColor: $shade000 !default; +$toggleButtonIconHoverColor: $shade100 !default; +$toggleButtonActiveBg: $primaryColor !default; +$toggleButtonActiveBorderColor: $primaryColor !default; +$toggleButtonTextActiveColor: $primaryTextColor !default; +$toggleButtonIconActiveColor: $primaryTextColor !default; +$toggleButtonActiveHoverBg: $primaryDarkColor !default; +$toggleButtonActiveHoverBorderColor: $primaryDarkColor !default; +$toggleButtonTextActiveHoverColor: $primaryTextColor !default; +$toggleButtonIconActiveHoverColor: $primaryTextColor !default; + +//inplace +$inplacePadding: $inputPadding !default; +$inplaceHoverBg: $hoverBg !default; +$inplaceTextHoverColor: $shade000 !default; + +//rating +$ratingIconFontSize: 1.143rem !default; +$ratingCancelIconColor: #f48fb1 !default; +$ratingCancelIconHoverColor: #f48fb1 !default; +$ratingStarIconOffColor: $shade000 !default; +$ratingStarIconOnColor: $primaryColor !default; +$ratingStarIconHoverColor: $primaryColor !default; + +//slider +$sliderBg: $shade600 !default; +$sliderBorder: 0 none !default; +$sliderHorizontalHeight: 0.286rem !default; +$sliderVerticalWidth: 0.286rem !default; +$sliderHandleWidth: 1.143rem !default; +$sliderHandleHeight: 1.143rem !default; +$sliderHandleBg: $shade600 !default; +$sliderHandleBorder: 2px solid $primaryColor !default; +$sliderHandleBorderRadius: 50% !default; +$sliderHandleHoverBorderColor: $primaryColor !default; +$sliderHandleHoverBg: $primaryColor !default; +$sliderRangeBg: $primaryColor !default; + +//calendar +$calendarTableMargin: 0.5rem 0 !default; +$calendarPadding: 0.5rem !default; +$calendarBg: $shade800 !default; +$calendarInlineBg: $calendarBg !default; +$calendarTextColor: $shade000 !default; +$calendarBorder: $inputListBorder !default; +$calendarOverlayBorder: $inputOverlayBorder !default; + +$calendarHeaderPadding: 0.5rem !default; +$calendarHeaderBg: $shade800 !default; +$calendarInlineHeaderBg: $calendarBg !default; +$calendarHeaderBorder: 1px solid $shade600 !default; +$calendarHeaderTextColor: $shade000 !default; +$calendarHeaderFontWeight: 600 !default; +$calendarHeaderCellPadding: 0.5rem !default; +$calendarMonthYearHeaderHoverTextColor: $primaryColor !default; + +$calendarCellDatePadding: 0.5rem !default; +$calendarCellDateWidth: 2.5rem !default; +$calendarCellDateHeight: 2.5rem !default; +$calendarCellDateBorderRadius: 50% !default; +$calendarCellDateBorder: 1px solid transparent !default; +$calendarCellDateHoverBg: $hoverBg !default; +$calendarCellDateTodayBg: transparent !default; +$calendarCellDateTodayBorderColor: transparent !default; +$calendarCellDateTodayTextColor: $primaryColor !default; + +$calendarButtonBarPadding: 1rem 0 !default; +$calendarTimePickerPadding: 0.5rem !default; +$calendarTimePickerElementPadding: 0 0.5rem !default; +$calendarTimePickerTimeFontSize: 1.25rem !default; + +$calendarBreakpoint: 769px !default; +$calendarCellDatePaddingSM: 0 !default; + +//input switch +$inputSwitchWidth: 3rem !default; +$inputSwitchHeight: 1.75rem !default; +$inputSwitchBorderRadius: 30px !default; +$inputSwitchHandleWidth: 1.25rem !default; +$inputSwitchHandleHeight: 1.25rem !default; +$inputSwitchHandleBorderRadius: 50% !default; +$inputSwitchSliderPadding: 0.25rem !default; +$inputSwitchSliderOffBg: $shade600 !default; +$inputSwitchHandleOffBg: $shade100 !default; +$inputSwitchSliderOffHoverBg: $hoverBg !default; +$inputSwitchSliderOnBg: $primaryColor !default; +$inputSwitchSliderOnHoverBg: $primaryDarkColor !default; +$inputSwitchHandleOnBg: $shade000 !default; + +//panel +$panelHeaderBorderColor: $shade600 !default; +$panelHeaderBorder: 1px solid $shade600 !default; +$panelHeaderBg: $shade800 !default; +$panelHeaderTextColor: $shade000 !default; +$panelHeaderFontWeight: 600 !default; +$panelHeaderPadding: 1rem !default; +$panelToggleableHeaderPadding: 0.5rem 1rem !default; + +$panelHeaderHoverBg: $hoverBg !default; +$panelHeaderHoverBorderColor: $shade600 !default; +$panelHeaderTextHoverColor: $shade000 !default; + +$panelContentBorderColor: $shade600 !default; +$panelContentBorder: 1px solid $shade600 !default; +$panelContentBg: $shade800 !default; +$panelContentEvenRowBg: rgba(255, 255, 255, 0.01) !default; +$panelContentTextColor: $shade000 !default; +$panelContentPadding: 1rem !default; + +$panelFooterBorder: 1px solid $shade600 !default; +$panelFooterBg: $shade800 !default; +$panelFooterTextColor: $shade000 !default; +$panelFooterPadding: 0.5rem 1rem !default; + +//accordion +$accordionSpacing: 0 !default; +$accordionHeaderBorder: $panelHeaderBorder !default; +$accordionHeaderBg: $panelHeaderBg !default; +$accordionHeaderTextColor: $panelHeaderTextColor !default; +$accordionHeaderFontWeight: $panelHeaderFontWeight !default; +$accordionHeaderPadding: $panelHeaderPadding !default; + +$accordionHeaderHoverBg: $hoverBg !default; +$accordionHeaderHoverBorderColor: $shade600 !default; +$accordionHeaderTextHoverColor: $shade000 !default; + +$accordionHeaderActiveBg: $panelHeaderBg !default; +$accordionHeaderActiveBorderColor: $shade600 !default; +$accordionHeaderTextActiveColor: $shade000 !default; + +$accordionHeaderActiveHoverBg: $hoverBg !default; +$accordionHeaderActiveHoverBorderColor: $shade600 !default; +$accordionHeaderTextActiveHoverColor: $shade000 !default; + +$accordionContentBorder: $panelContentBorder !default; +$accordionContentBg: $panelContentBg !default; +$accordionContentTextColor: $panelContentTextColor !default; +$accordionContentPadding: $panelContentPadding !default; + +//tabview +$tabviewNavBorder: 1px solid $shade600 !default; +$tabviewNavBorderWidth: 0 0 2px 0 !default; +$tabviewNavBg: transparent !default; + +$tabviewHeaderSpacing: 0 !default; +$tabviewHeaderBorder: solid $shade600 !default; +$tabviewHeaderBorderWidth: 0 0 2px 0 !default; +$tabviewHeaderBorderColor: transparent transparent $shade600 transparent !default; +$tabviewHeaderBg: $shade800 !default; +$tabviewHeaderTextColor: $shade100 !default; +$tabviewHeaderFontWeight: $panelHeaderFontWeight !default; +$tabviewHeaderPadding: $panelHeaderPadding !default; +$tabviewHeaderMargin: 0 0 -2px 0 !default; + +$tabviewHeaderHoverBg: $shade800 !default; +$tabviewHeaderHoverBorderColor: $primaryColor !default; +$tabviewHeaderTextHoverColor: $shade000 !default; + +$tabviewHeaderActiveBg: $shade800 !default; +$tabviewHeaderActiveBorderColor: $primaryColor !default; +$tabviewHeaderTextActiveColor: $primaryColor !default; + +$tabviewContentBorder: 0 none !default; +$tabviewContentBg: $shade800 !default; +$tabviewContentTextColor: $shade000 !default; +$tabviewContentPadding: $panelContentPadding !default; + +//upload +$fileUploadProgressBarHeight: 0.25rem !default; +$fileUploadContentPadding: 2rem 1rem !default; +$fileUploadContentHoverBorder: 1px dashed $primaryColor !default; + +//scrollpanel +$scrollPanelTrackBorder: 0 none !default; +$scrollPanelTrackBg: $shade600 !default; + +//card +$cardBodyPadding: 1rem !default; +$cardTitleFontSize: 1.5rem !default; +$cardTitleFontWeight: 700 !default; +$cardSubTitleFontWeight: 700 !default; +$cardSubTitleColor: $shade100 !default; +$cardContentPadding: 1rem 0 !default; +$cardFooterPadding: 1rem 0 0 0 !default; +$cardShadow: 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) !default; + +//editor +$editorToolbarBg: $panelHeaderBg !default; +$editorToolbarBorder: $panelHeaderBorder !default; +$editorToolbarPadding: $panelHeaderPadding !default; +$editorToolbarIconColor: $textSecondaryColor !default; +$editorToolbarIconHoverColor: $textColor !default; +$editorIconActiveColor: $primaryColor !default; +$editorContentBorder: $panelContentBorder !default; +$editorContentBg: $panelContentBg !default; + +//paginator +$paginatorBg: $shade800 !default; +$paginatorTextColor: $shade100 !default; +$paginatorBorder: solid $shade600 !default; +$paginatorBorderWidth: 1px !default; +$paginatorPadding: 0.5rem 1rem !default; +$paginatorElementWidth: 2.286em !default; +$paginatorElementHeight: 2.286em !default; +$paginatorElementBg: transparent !default; +$paginatorElementBorder: 0 none !default; +$paginatorElementIconColor: $shade100 !default; +$paginatorElementHoverBg: $hoverBg !default; +$paginatorElementHoverBorderColor: transparent !default; +$paginatorElementIconHoverColor: $shade000 !default; +$paginatorElementBorderRadius: $borderRadius !default; +$paginatorElementMargin: 0.143rem !default; +$paginatorElementPadding: 0 !default; + +//table +$tableHeaderBorder: 1px solid $shade600 !default; +$tableHeaderBorderWidth: 0 0 1px 0 !default; +$tableHeaderBg: $shade800 !default; +$tableHeaderTextColor: $shade100 !default; +$tableHeaderFontWeight: 600 !default; +$tableHeaderPadding: 1rem 1rem !default; + +$tableHeaderCellPadding: 1rem 1rem !default; +$tableHeaderCellBg: $shade800 !default; +$tableHeaderCellTextColor: $shade000 !default; +$tableHeaderCellFontWeight: 600 !default; +$tableHeaderCellBorder: 1px solid $shade600 !default; +$tableHeaderCellBorderWidth: 0 0 1px 0 !default; +$tableHeaderCellHoverBg: $hoverBg !default; +$tableHeaderCellTextHoverColor: $shade000 !default; +$tableHeaderCellIconColor: $shade100 !default; +$tableHeaderCellIconHoverColor: $shade000 !default; +$tableHeaderCellHighlightBg: $shade800 !default; +$tableHeaderCellHighlightTextColor: $primaryColor !default; +$tableHeaderCellHighlightHoverBg: $hoverBg !default; +$tableHeaderCellHighlightTextHoverColor: $primaryColor !default; +$tableSortableColumnBadgeSize: 1.143rem !default; + +$tableBodyRowBg: $shade800 !default; +$tableBodyRowTextColor: $shade000 !default; +$tableBodyRowEvenBg: #253144 !default; +$tableBodyRowHoverBg: $hoverBg !default; +$tableBodyRowTextHoverColor: $shade000 !default; +$tableBodyCellBorder: 1px solid $shade600 !default; +$tableBodyCellBorderWidth: 0 0 1px 0 !default; +$tableBodyCellPadding: 1rem 1rem !default; + +$tableFooterCellPadding: 1rem 1rem !default; +$tableFooterCellBg: $shade800 !default; +$tableFooterCellTextColor: $shade000 !default; +$tableFooterCellFontWeight: 600 !default; +$tableFooterCellBorder: 1px solid $shade600 !default; +$tableFooterCellBorderWidth: 0 0 1px 0 !default; +$tableResizerHelperBg: $primaryColor !default; + +$tableFooterBorder: 1px solid $shade600 !default; +$tableFooterBorderWidth: 0 0 1px 0 !default; +$tableFooterBg: $shade800 !default; +$tableFooterTextColor: $shade000 !default; +$tableFooterFontWeight: 600 !default; +$tableFooterPadding: 1rem 1rem !default; + +$tableCellContentAlignment: left !default; +$tableTopPaginatorBorderWidth: 1px 0 1px 0 !default; +$tableBottomPaginatorBorderWidth: 0 0 1px 0 !default; + +$tableScaleSM: 0.5 !default; +$tableScaleLG: 1.25 !default; + +//dataview +$dataViewContentPadding: 0 !default; +$dataViewContentBorder: 0 none !default; + +//tree +$treeContainerPadding: 0.286rem !default; +$treeNodePadding: 0.143rem !default; +$treeNodeContentPadding: 0 !default; +$treeNodeChildrenPadding: 0 0 0 1rem !default; +$treeNodeIconColor: $shade100 !default; + +//timeline +$timelineVerticalEventContentPadding: 0 1rem !default; +$timelineHorizontalEventContentPadding: 1rem 0 !default; +$timelineEventMarkerWidth: 1rem !default; +$timelineEventMarkerHeight: 1rem !default; +$timelineEventMarkerBorderRadius: 50% !default; +$timelineEventMarkerBorder: 2px solid $primaryColor !default; +$timelineEventMarkerBackground: $shade800 !default; +$timelineEventConnectorSize: 2px !default; +$timelineEventColor: $shade600 !default; + +//org chart +$organizationChartConnectorColor: $shade100 !default; + +//message +$messageMargin: 1rem 0 !default; +$messagePadding: 1rem 1.5rem !default; +$messageBorderWidth: 0 0 0 6px !default; +$messageIconFontSize: 1.5rem !default; +$messageTextFontSize: 1rem !default; +$messageTextFontWeight: 500 !default; + +//inline message +$inlineMessagePadding: $inputPadding !default; +$inlineMessageMargin: 0 !default; +$inlineMessageIconFontSize: 1rem !default; +$inlineMessageTextFontSize: 1rem !default; +$inlineMessageBorderWidth: 1px !default; + +//toast +$toastIconFontSize: 2rem !default; +$toastMessageTextMargin: 0 0 0 1rem !default; +$toastMargin: 0 0 1rem 0 !default; +$toastPadding: 1rem !default; +$toastBorderWidth: 0 0 0 6px !default; +$toastShadow: none !default; +$toastOpacity: 0.9 !default; +$toastTitleFontWeight: 700 !default; +$toastDetailMargin: $inlineSpacing 0 0 0 !default; + +//severities +$infoMessageBg: #b3e5fc !default; +$infoMessageBorder: solid scale-color($infoMessageBg, $lightness: -50%) !default; +$infoMessageTextColor: scale-color($infoMessageBg, $lightness: -75%) !default; +$infoMessageIconColor: scale-color($infoMessageBg, $lightness: -75%) !default; +$successMessageBg: #c8e6c9 !default; +$successMessageBorder: solid scale-color($successMessageBg, $lightness: -50%) !default; +$successMessageTextColor: scale-color( + $successMessageBg, + $lightness: -75% +) !default; +$successMessageIconColor: scale-color( + $successMessageBg, + $lightness: -75% +) !default; +$warningMessageBg: #ffecb3 !default; +$warningMessageBorder: solid scale-color($warningMessageBg, $lightness: -50%) !default; +$warningMessageTextColor: scale-color( + $warningMessageBg, + $lightness: -75% +) !default; +$warningMessageIconColor: scale-color( + $warningMessageBg, + $lightness: -75% +) !default; +$errorMessageBg: #ffcdd2 !default; +$errorMessageBorder: solid scale-color($errorMessageBg, $lightness: -50%) !default; +$errorMessageTextColor: scale-color($errorMessageBg, $lightness: -75%) !default; +$errorMessageIconColor: scale-color($errorMessageBg, $lightness: -75%) !default; + +//overlays +$overlayContentBorder: 1px solid $shade600 !default; +$overlayContentBg: $panelContentBg !default; +$overlayContainerShadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), + 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12) !default; + +//dialog +$dialogHeaderBg: $shade800 !default; +$dialogHeaderBorder: 0 none !default; +$dialogHeaderTextColor: $shade000 !default; +$dialogHeaderFontWeight: 600 !default; +$dialogHeaderFontSize: 1.25rem !default; +$dialogHeaderPadding: 1.5rem !default; +$dialogContentPadding: 0 1.5rem 2rem 1.5rem !default; +$dialogFooterBorder: 0 none !default; +$dialogFooterPadding: 0 1.5rem 1.5rem 1.5rem !default; + +//confirmpopup +$confirmPopupContentPadding: $panelContentPadding !default; +$confirmPopupFooterPadding: 0 1rem 1rem 1rem !default; + +//tooltip +$tooltipBg: $shade600 !default; +$tooltipTextColor: $shade000 !default; +$tooltipPadding: $inputPadding !default; + +//steps +$stepsItemBg: transparent !default; +$stepsItemBorder: 0 none !default; +$stepsItemTextColor: $shade100 !default; +$stepsItemNumberWidth: 2rem !default; +$stepsItemNumberHeight: 2rem !default; +$stepsItemNumberFontSize: 1.143rem !default; +$stepsItemNumberColor: $shade000 !default; +$stepsItemNumberBorderRadius: 50% !default; +$stepsItemActiveFontWeight: 600 !default; + +//progressbar +$progressBarHeight: 1.5rem !default; +$progressBarBorder: 0 none !default; +$progressBarBg: $shade600 !default; +$progressBarValueBg: $primaryColor !default; +$progressBarValueTextColor: $primaryTextColor !default; + +//menu (e.g. menu, menubar, tieredmenu) +$menuWidth: 12.5rem !default; +$menuBg: $shade800 !default; +$menuBorder: 1px solid $shade600 !default; +$menuTextColor: $shade000 !default; +$menuitemPadding: 0.75rem 1rem !default; +$menuitemBorderRadius: 0 !default; +$menuitemTextColor: $shade000 !default; +$menuitemIconColor: $shade100 !default; +$menuitemTextHoverColor: $shade000 !default; +$menuitemIconHoverColor: $shade000 !default; +$menuitemHoverBg: $hoverBg !default; +$menuitemTextFocusColor: $shade000 !default; +$menuitemIconFocusColor: $shade000 !default; +$menuitemFocusBg: rgba(255, 255, 255, 0.09) !default; +$menuitemTextActiveColor: $shade000 !default; +$menuitemIconActiveColor: $shade000 !default; +$menuitemActiveBg: $shade900 !default; +$menuitemActiveFocusBg: $shade900 !default; +$menuitemSubmenuIconFontSize: 0.875rem !default; +$submenuHeaderMargin: 0 !default; +$submenuHeaderPadding: 0.75rem 1rem !default; +$submenuHeaderBg: $shade800 !default; +$submenuHeaderTextColor: $shade000 !default; +$submenuHeaderBorderRadius: 0 !default; +$submenuHeaderFontWeight: 600 !default; +$overlayMenuBg: $menuBg !default; +$overlayMenuBorder: 1px solid $shade600 !default; +$overlayMenuShadow: 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) !default; +$verticalMenuPadding: 0.25rem 0 !default; +$verticalMenuitemMargin: 0 !default; +$menuSeparatorMargin: 0.25rem 0 !default; + +$breadcrumbPadding: 1rem !default; +$breadcrumbBg: $menuBg !default; +$breadcrumbBorder: $menuBorder !default; +$breadcrumbItemTextColor: $menuitemTextColor !default; +$breadcrumbItemIconColor: $menuitemIconColor !default; +$breadcrumbLastItemTextColor: $menuitemTextColor !default; +$breadcrumbLastItemIconColor: $menuitemIconColor !default; +$breadcrumbSeparatorColor: $menuitemTextColor !default; + +$horizontalMenuPadding: 0.5rem !default; +$horizontalMenuBg: $menuBg !default; +$horizontalMenuBorder: $menuBorder !default; +$horizontalMenuTextColor: $menuTextColor !default; +$horizontalMenuRootMenuitemPadding: $menuitemPadding !default; +$horizontalMenuRootMenuitemBorderRadius: $borderRadius !default; +$horizontalMenuRootMenuitemTextColor: $menuitemTextColor !default; +$horizontalMenuRootMenuitemIconColor: $menuitemIconColor !default; +$horizontalMenuRootMenuitemTextHoverColor: $menuitemTextHoverColor !default; +$horizontalMenuRootMenuitemIconHoverColor: $menuitemIconHoverColor !default; +$horizontalMenuRootMenuitemHoverBg: $menuitemHoverBg !default; +$horizontalMenuRootMenuitemTextActiveColor: $menuitemTextActiveColor !default; +$horizontalMenuRootMenuitemIconActiveColor: $menuitemIconActiveColor !default; +$horizontalMenuRootMenuitemActiveBg: $menuitemActiveBg !default; + +//badge and tag +$badgeBg: $primaryColor !default; +$badgeTextColor: $primaryTextColor !default; +$badgeMinWidth: 1.5rem !default; +$badgeHeight: 1.5rem !default; +$badgeFontWeight: 700 !default; +$badgeFontSize: 0.75rem !default; + +$tagPadding: 0.25rem 0.4rem !default; + +//carousel +$carouselIndicatorsPadding: 1rem !default; +$carouselIndicatorBg: $shade600 !default; +$carouselIndicatorHoverBg: scale-color($shade600, $lightness: 10%) !default; +$carouselIndicatorBorderRadius: 0 !default; +$carouselIndicatorWidth: 2rem !default; +$carouselIndicatorHeight: 0.5rem !default; + +//galleria +$galleriaMaskBg: rgba(0, 0, 0, 0.9) !default; +$galleriaCloseIconMargin: 0.5rem !default; +$galleriaCloseIconFontSize: 2rem !default; +$galleriaCloseIconBg: transparent !default; +$galleriaCloseIconColor: #f8f9fa !default; +$galleriaCloseIconHoverBg: rgba(255, 255, 255, 0.1) !default; +$galleriaCloseIconHoverColor: #f8f9fa !default; +$galleriaCloseIconWidth: 4rem !default; +$galleriaCloseIconHeight: 4rem !default; +$galleriaCloseIconBorderRadius: 50% !default; + +$galleriaItemNavigatorBg: transparent !default; +$galleriaItemNavigatorColor: #f8f9fa !default; +$galleriaItemNavigatorMargin: 0 0.5rem !default; +$galleriaItemNavigatorFontSize: 2rem !default; +$galleriaItemNavigatorHoverBg: rgba(255, 255, 255, 0.1) !default; +$galleriaItemNavigatorHoverColor: #f8f9fa !default; +$galleriaItemNavigatorWidth: 4rem !default; +$galleriaItemNavigatorHeight: 4rem !default; +$galleriaItemNavigatorBorderRadius: $borderRadius !default; + +$galleriaCaptionBg: rgba(0, 0, 0, 0.5) !default; +$galleriaCaptionTextColor: #f8f9fa !default; +$galleriaCaptionPadding: 1rem !default; + +$galleriaIndicatorsPadding: 1rem !default; +$galleriaIndicatorBg: $shade600 !default; +$galleriaIndicatorHoverBg: scale-color($shade600, $lightness: 10%) !default; +$galleriaIndicatorBorderRadius: 50% !default; +$galleriaIndicatorWidth: 1rem !default; +$galleriaIndicatorHeight: 1rem !default; +$galleriaIndicatorsBgOnItem: rgba(0, 0, 0, 0.5) !default; +$galleriaIndicatorBgOnItem: rgba(255, 255, 255, 0.4) !default; +$galleriaIndicatorHoverBgOnItem: rgba(255, 255, 255, 0.6) !default; + +$galleriaThumbnailContainerBg: rgba(0, 0, 0, 0.9) !default; +$galleriaThumbnailContainerPadding: 1rem 0.25rem !default; +$galleriaThumbnailNavigatorBg: transparent !default; +$galleriaThumbnailNavigatorColor: #f8f9fa !default; +$galleriaThumbnailNavigatorHoverBg: rgba(255, 255, 255, 0.1) !default; +$galleriaThumbnailNavigatorHoverColor: #f8f9fa !default; +$galleriaThumbnailNavigatorBorderRadius: 50% !default; +$galleriaThumbnailNavigatorWidth: 2rem !default; +$galleriaThumbnailNavigatorHeight: 2rem !default; + +//divider +$dividerHorizontalMargin: 1rem 0 !default; +$dividerHorizontalPadding: 0 1rem !default; +$dividerVerticalMargin: 0 1rem !default; +$dividerVerticalPadding: 1rem 0 !default; +$dividerSize: 1px !default; +$dividerColor: $shade600 !default; + +//avatar +$avatarBg: $shade600 !default; +$avatarTextColor: $textColor !default; + +//chip +$chipBg: $shade600 !default; +$chipTextColor: $textColor !default; +$chipBorderRadius: 16px !default; +$chipFocusBg: $shade500 !default; +$chipFocusTextColor: $textColor !default; + +//scrollTop +$scrollTopBg: $highlightBg !default; +$scrollTopHoverBg: scale-color($highlightBg, $alpha: 24%) !default; +$scrollTopWidth: 3rem !default; +$scrollTopHeight: 3rem !default; +$scrollTopBorderRadius: 50% !default; +$scrollTopFontSize: 1.5rem !default; +$scrollTopTextColor: $highlightTextColor !default; + +//skeleton +$skeletonBg: rgba(255, 255, 255, 0.06) !default; +$skeletonAnimationBg: rgba(255, 255, 255, 0.04) !default; + +//splitter +$splitterGutterBg: rgba(255, 255, 255, 0.03) !default; +$splitterGutterHandleBg: $shade600 !default; + +//speeddial +$speedDialButtonWidth: 4rem !default; +$speedDialButtonHeight: 4rem !default; +$speedDialButtonIconFontSize: 1.3rem !default; +$speedDialActionWidth: 3rem !default; +$speedDialActionHeight: 3rem !default; +$speedDialActionBg: $shade000 !default; +$speedDialActionHoverBg: $shade100 !default; +$speedDialActionTextColor: $shade900 !default; +$speedDialActionTextHoverColor: $shade900 !default; + +//dock +$dockActionWidth: 4rem !default; +$dockActionHeight: 4rem !default; +$dockItemPadding: 0.5rem !default; +$dockItemBorderRadius: $borderRadius !default; +$dockCurrentItemMargin: 1.5rem !default; +$dockFirstItemsMargin: 1.3rem !default; +$dockSecondItemsMargin: 0.9rem !default; +$dockBg: rgba(255, 255, 255, 0.1) !default; +$dockBorder: 1px solid rgba(255, 255, 255, 0.2) !default; +$dockPadding: 0.5rem 0.5rem !default; +$dockBorderRadius: 0.5rem !default; + +//image +$imageMaskBg: rgba(0, 0, 0, 0.9) !default; +$imagePreviewToolbarPadding: 1rem !default; +$imagePreviewIndicatorColor: #f8f9fa !default; +$imagePreviewIndicatorBg: rgba(0, 0, 0, 0.5) !default; +$imagePreviewActionIconBg: transparent !default; +$imagePreviewActionIconColor: #f8f9fa !default; +$imagePreviewActionIconHoverBg: rgba(255, 255, 255, 0.1) !default; +$imagePreviewActionIconHoverColor: #f8f9fa !default; +$imagePreviewActionIconWidth: 3rem !default; +$imagePreviewActionIconHeight: 3rem !default; +$imagePreviewActionIconFontSize: 1.5rem !default; +$imagePreviewActionIconBorderRadius: 50% !default; + +:root { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol"; + --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol"; + --surface-a: #{$shade800}; + --surface-b: #{$shade900}; + --surface-c: #{$hoverBg}; + --surface-d: #{$shade600}; + --surface-e: #{$shade800}; + --surface-f: #{$shade800}; + --text-color: #{$shade000}; + --text-color-secondary: #{$shade100}; + --primary-color: #{$primaryColor}; + --primary-color-text: #{$primaryTextColor}; + --surface-0: #17212f; + --surface-50: #2e3744; + --surface-100: #454d59; + --surface-200: #5d646d; + --surface-300: #747a82; + --surface-400: #8b9097; + --surface-500: #a2a6ac; + --surface-600: #b9bcc1; + --surface-700: #d1d3d5; + --surface-800: #e8e9ea; + --surface-900: #ffffff; + --gray-50: #e8e9ea; + --gray-100: #d1d3d5; + --gray-200: #b9bcc1; + --gray-300: #a2a6ac; + --gray-400: #8b9097; + --gray-500: #747a82; + --gray-600: #5d646d; + --gray-700: #454d59; + --gray-800: #2e3744; + --gray-900: #17212f; + --content-padding: #{$panelContentPadding}; + --inline-spacing: #{$inlineSpacing}; + --border-radius: #{$borderRadius}; + --surface-ground: #17212f; + --surface-section: #17212f; + --surface-card: #1f2d40; + --surface-overlay: #1f2d40; + --surface-border: #304562; + --surface-hover: rgba(255, 255, 255, 0.03); + --maskbg: #{$maskBg}; + --highlight-bg: #{$highlightBg}; + --highlight-text-color: #{$highlightTextColor}; + --focus-ring: #{$focusShadow}; + color-scheme: light dark; +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/vela/vela-blue/_extensions.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/vela/vela-blue/_extensions.scss new file mode 100644 index 000000000..2c0ed92e3 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/vela/vela-blue/_extensions.scss @@ -0,0 +1,2 @@ +/* Customizations to the designer theme should be defined here */ +@import '../extensions'; \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/vela/vela-blue/_fonts.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/vela/vela-blue/_fonts.scss new file mode 100644 index 000000000..e38a3a604 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/vela/vela-blue/_fonts.scss @@ -0,0 +1 @@ +// Configuration for the font-face of the theme, defaults to the system font so left as blank \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/vela/vela-blue/_variables.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/vela/vela-blue/_variables.scss new file mode 100644 index 000000000..b4a508cf4 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/vela/vela-blue/_variables.scss @@ -0,0 +1,11 @@ +$primaryColor: #64B5F6 !default; +$primaryLightColor: scale-color($primaryColor, $lightness: 30%) !default; +$primaryDarkColor: scale-color($primaryColor, $lightness: -10%) !default; +$primaryDarkerColor: scale-color($primaryColor, $lightness: -20%) !default; +$primaryTextColor: #212529 !default; + +$highlightBg: rgba(100, 181, 246, .16) !default; +$highlightTextColor: rgba(255,255,255,.87) !default; +$highlightFocusBg: rgba($primaryColor, .24) !default; + +@import '../_variables'; diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/vela/vela-blue/theme.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/vela/vela-blue/theme.scss new file mode 100644 index 000000000..3c5738990 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/vela/vela-blue/theme.scss @@ -0,0 +1,4 @@ +@import './variables'; +@import './_fonts'; +@import '../../../theme-base/_components'; +@import './_extensions'; diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/vela/vela-green/_extensions.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/vela/vela-green/_extensions.scss new file mode 100644 index 000000000..2c0ed92e3 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/vela/vela-green/_extensions.scss @@ -0,0 +1,2 @@ +/* Customizations to the designer theme should be defined here */ +@import '../extensions'; \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/vela/vela-green/_fonts.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/vela/vela-green/_fonts.scss new file mode 100644 index 000000000..e38a3a604 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/vela/vela-green/_fonts.scss @@ -0,0 +1 @@ +// Configuration for the font-face of the theme, defaults to the system font so left as blank \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/vela/vela-green/_variables.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/vela/vela-green/_variables.scss new file mode 100644 index 000000000..60c24a838 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/vela/vela-green/_variables.scss @@ -0,0 +1,11 @@ +$primaryColor: #81C784 !default; +$primaryLightColor: scale-color($primaryColor, $lightness: 30%) !default; +$primaryDarkColor: scale-color($primaryColor, $lightness: -10%) !default; +$primaryDarkerColor: scale-color($primaryColor, $lightness: -20%) !default; +$primaryTextColor: #212529 !default; + +$highlightBg: rgba(129, 199, 132, .16) !default; +$highlightTextColor: rgba(255,255,255,.87) !default; +$highlightFocusBg: rgba($primaryColor, .24) !default; + +@import '../_variables'; diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/vela/vela-green/theme.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/vela/vela-green/theme.scss new file mode 100644 index 000000000..3c5738990 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/vela/vela-green/theme.scss @@ -0,0 +1,4 @@ +@import './variables'; +@import './_fonts'; +@import '../../../theme-base/_components'; +@import './_extensions'; diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/vela/vela-orange/_extensions.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/vela/vela-orange/_extensions.scss new file mode 100644 index 000000000..2c0ed92e3 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/vela/vela-orange/_extensions.scss @@ -0,0 +1,2 @@ +/* Customizations to the designer theme should be defined here */ +@import '../extensions'; \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/vela/vela-orange/_fonts.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/vela/vela-orange/_fonts.scss new file mode 100644 index 000000000..e38a3a604 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/vela/vela-orange/_fonts.scss @@ -0,0 +1 @@ +// Configuration for the font-face of the theme, defaults to the system font so left as blank \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/vela/vela-orange/_variables.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/vela/vela-orange/_variables.scss new file mode 100644 index 000000000..aabf53397 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/vela/vela-orange/_variables.scss @@ -0,0 +1,11 @@ +$primaryColor: #FFD54F !default; +$primaryLightColor: scale-color($primaryColor, $lightness: 30%) !default; +$primaryDarkColor: scale-color($primaryColor, $lightness: -10%) !default; +$primaryDarkerColor: scale-color($primaryColor, $lightness: -20%) !default; +$primaryTextColor: #212529 !default; + +$highlightBg: rgba(255, 213, 79, 0.16) !default; +$highlightTextColor: rgba(255,255,255,.87) !default; +$highlightFocusBg: rgba($primaryColor, .24) !default; + +@import '../_variables'; diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/vela/vela-orange/theme.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/vela/vela-orange/theme.scss new file mode 100644 index 000000000..3c5738990 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/vela/vela-orange/theme.scss @@ -0,0 +1,4 @@ +@import './variables'; +@import './_fonts'; +@import '../../../theme-base/_components'; +@import './_extensions'; diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/vela/vela-purple/_extensions.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/vela/vela-purple/_extensions.scss new file mode 100644 index 000000000..2c0ed92e3 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/vela/vela-purple/_extensions.scss @@ -0,0 +1,2 @@ +/* Customizations to the designer theme should be defined here */ +@import '../extensions'; \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/vela/vela-purple/_fonts.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/vela/vela-purple/_fonts.scss new file mode 100644 index 000000000..e38a3a604 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/vela/vela-purple/_fonts.scss @@ -0,0 +1 @@ +// Configuration for the font-face of the theme, defaults to the system font so left as blank \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/vela/vela-purple/_variables.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/vela/vela-purple/_variables.scss new file mode 100644 index 000000000..74eeeec3b --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/vela/vela-purple/_variables.scss @@ -0,0 +1,11 @@ +$primaryColor: #BA68C8 !default; +$primaryLightColor: scale-color($primaryColor, $lightness: 30%) !default; +$primaryDarkColor: scale-color($primaryColor, $lightness: -10%) !default; +$primaryDarkerColor: scale-color($primaryColor, $lightness: -20%) !default; +$primaryTextColor: #ffffff !default; + +$highlightBg: rgba(186, 104, 200, 0.16) !default; +$highlightTextColor: rgba(255,255,255,.87) !default; +$highlightFocusBg: rgba($primaryColor, .24) !default; + +@import '../_variables'; diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/vela/vela-purple/theme.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/vela/vela-purple/theme.scss new file mode 100644 index 000000000..3c5738990 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/vela/vela-purple/theme.scss @@ -0,0 +1,4 @@ +@import './variables'; +@import './_fonts'; +@import '../../../theme-base/_components'; +@import './_extensions'; diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/viva/_extensions.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/viva/_extensions.scss new file mode 100644 index 000000000..d410627e5 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/viva/_extensions.scss @@ -0,0 +1,198 @@ + +/* Customizations to the designer theme should be defined here */ +@layer primeng { + .p-button { + .p-button-label { + font-weight: 600; + } + } + + .p-buttonset, + .p-togglebutton { + .p-button-label { + font-weight: 400; + } + } + + .p-carousel { + .p-carousel-indicators .p-carousel-indicator.p-highlight button { + background-color: $primaryColor; + } + } + + .p-galleria { + .p-galleria-indicators .p-galleria-indicator.p-highlight button { + background-color: $primaryColor; + } + } + + .p-panel { + border: $panelContentBorder; + border-radius: $borderRadius; + + .p-panel-header { + border: 0 none; + } + + .p-panel-content { + border: 0 none; + } + } + + .p-fieldset { + .p-fieldset-legend { + border-color: transparent; + } + } + + .p-accordion { + .p-accordion-toggle-icon { + order: 10; + margin-left: auto; + + &.pi-chevron-right::before { + content: "\e90d"; + } + + &.pi-chevron-down::before { + content: "\e90f"; + } + } + + .p-accordion-header { + &.p-highlight { + .p-accordion-header-link { + padding-bottom: calc(1rem + 2px); + border-bottom: 0 none; + } + } + + &:not(.p-disabled).p-highlight { + &:hover { + .p-accordion-header-link { + border-bottom: 0 none; + } + } + } + } + } + + .p-inline-message { + &.p-inline-message-info { + border-color: $infoMessageBg; + } + + &.p-inline-message-success { + border-color: $successMessageBg; + } + + &.p-inline-message-warn { + border-color: $warningMessageBg; + } + + &.p-inline-message-error { + border-color: $errorMessageBg; + } + } + + .p-inputtext { + &:enabled:focus { + box-shadow: none; + } + } + + .p-dropdown { + &:not(.p-disabled).p-focus { + box-shadow: none; + } + } + + .p-multiselect { + &:not(.p-disabled).p-focus { + box-shadow: none; + } + } + + .p-cascadeselect { + &:not(.p-disabled).p-focus { + box-shadow: none; + } + } + + .p-autocomplete { + &.p-autocomplete-multiple { + &:not(.p-disabled).p-focus { + box-shadow: none; + } + } + } + + .p-chips { + .p-chips-multiple-container { + &:not(.p-disabled).p-focus { + box-shadow: none; + } + } + } + + .p-orderlist { + .p-orderlist-list { + border-top: 0 none; + } + } + + .p-picklist { + .p-picklist-list { + border-top: 0 none; + } + } + + .p-panelmenu { + .p-panelmenu-icon { + &.pi-chevron-right, + &.pi-chevron-down { + order: 10; + margin-left: auto; + } + + &.pi-chevron-right::before { + content: "\e90d"; + } + + &.pi-chevron-down::before { + content: "\e90f"; + } + } + + .p-panelmenu-header { + &.p-highlight { + > a { + padding-bottom: calc(1rem + 2px); + border-bottom: 0 none; + } + } + + + &:not(.p-highlight):not(.p-disabled) { + > a:hover { + padding-bottom: calc(1rem + 2px); + border-bottom: 0 none; + } + } + } + } + + .p-datatable { + .p-datatable-tbody { + > tr { + &.p-datatable-dragpoint-top > td { + box-shadow: inset 0 2px 0 0 $primaryColor; + } + + &.p-datatable-dragpoint-bottom > td { + box-shadow: inset 0 -2px 0 0 $primaryColor; + } + } + } + } +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/viva/viva-dark/_extensions.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/viva/viva-dark/_extensions.scss new file mode 100644 index 000000000..2c0ed92e3 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/viva/viva-dark/_extensions.scss @@ -0,0 +1,2 @@ +/* Customizations to the designer theme should be defined here */ +@import '../extensions'; \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/viva/viva-dark/_fonts.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/viva/viva-dark/_fonts.scss new file mode 100644 index 000000000..44441d776 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/viva/viva-dark/_fonts.scss @@ -0,0 +1,36 @@ +/* poppins-300 - latin-ext_latin */ +@font-face { +font-family: 'Poppins'; +font-style: normal; +font-weight: 300; +src: local(''), + url('./fonts/poppins-v15-latin-ext_latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('./fonts/poppins-v15-latin-ext_latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +/* poppins-regular - latin-ext_latin */ +@font-face { +font-family: 'Poppins'; +font-style: normal; +font-weight: 400; +src: local(''), + url('./fonts/poppins-v15-latin-ext_latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('./fonts/poppins-v15-latin-ext_latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +/* poppins-600 - latin-ext_latin */ +@font-face { +font-family: 'Poppins'; +font-style: normal; +font-weight: 600; +src: local(''), + url('./fonts/poppins-v15-latin-ext_latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('./fonts/poppins-v15-latin-ext_latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +/* poppins-700 - latin-ext_latin */ +@font-face { +font-family: 'Poppins'; +font-style: normal; +font-weight: 700; +src: local(''), + url('./fonts/poppins-v15-latin-ext_latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('./fonts/poppins-v15-latin-ext_latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/viva/viva-dark/_variables.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/viva/viva-dark/_variables.scss new file mode 100644 index 000000000..4b7d033b8 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/viva/viva-dark/_variables.scss @@ -0,0 +1,946 @@ +$primaryColor: #9eade6 !default; +$primaryDarkColor: scale-color($primaryColor, $lightness: -5%) !default; +$primaryDarkerColor: scale-color($primaryColor, $lightness: -10%) !default; +$primaryTextColor: #121212 !default; + +$highlightBg: rgba($primaryColor, 0.16) !default; +$highlightTextColor: $primaryColor !default; +$highlightFocusBg: rgba($primaryColor, 0.24) !default; + +$colors: ( + "blue": #54a6d4, + "green": #8bae2c, + "yellow": #ffd02a, + "cyan": #35a4cc, + "pink": #d45472, + "indigo": #5472d4, + "teal": #3fbfa0, + "orange": #ff922a, + "bluegray": #8191a6, + "purple": #7654d4, + "red": #ff5d44, + "primary": $primaryColor, +) !default; + +//shades +$shade000: rgba(255, 255, 255, 0.87) !default; //text color +$shade100: rgba(255, 255, 255, 0.6) !default; //text secondary color +$shade500: #2d3e44 !default; +$shade600: #263238 !default; //input bg, border, divider +$shade700: #1e282c !default; //unused +$shade800: #161d21 !default; //elevated surface +$shade900: #0e1315 !default; //ground surface + +$hoverBg: rgba($primaryColor, 0.08) !default; + +//global +$fontFamily: Poppins, sans-serif !default; +$fontSize: 1rem !default; +$fontWeight: normal !default; +$textColor: $shade000 !default; +$textSecondaryColor: $shade100 !default; +$borderRadius: 6px !default; +$transitionDuration: 0.3s !default; +$formElementTransition: background-color $transitionDuration, + color $transitionDuration, border-color $transitionDuration, + box-shadow $transitionDuration !default; +$actionIconTransition: background-color $transitionDuration, + color $transitionDuration, box-shadow $transitionDuration !default; +$listItemTransition: box-shadow $transitionDuration !default; +$primeIconFontSize: 1rem !default; +$divider: 1px solid $shade600 !default; +$inlineSpacing: 0.5rem !default; //spacing between inline elements +$disabledOpacity: 0.4 !default; //opacity of a disabled item +$maskBg: rgba(0, 0, 0, 0.4) !default; //modal mask bg color +$loadingIconFontSize: 2rem !default; +$errorColor: #f78c79 !default; + +//scale +$scaleSM: 0.875 !default; +$scaleLG: 1.25 !default; + +//focus +$focusOutlineColor: $primaryColor !default; +$focusOutline: 0 none !default; +$focusOutlineOffset: 0 !default; +$focusShadow: 0 0 0 1px $focusOutlineColor !default; + +//action icons +$actionIconWidth: 2rem !default; +$actionIconHeight: 2rem !default; +$actionIconBg: transparent !default; +$actionIconBorder: 0 none !default; +$actionIconColor: $shade100 !default; +$actionIconHoverBg: $hoverBg !default; +$actionIconHoverBorderColor: transparent !default; +$actionIconHoverColor: $shade000 !default; +$actionIconBorderRadius: 50% !default; + +//input field (e.g. inputtext, spinner, inputmask) +$inputPadding: 0.5rem 0.75rem !default; +$inputTextFontSize: 1rem !default; +$inputBg: $shade900 !default; +$inputTextColor: $shade000 !default; +$inputIconColor: $shade100 !default; +$inputBorder: 2px solid $shade600 !default; +$inputHoverBorderColor: $shade500 !default; +$inputFocusBorderColor: $primaryColor !default; +$inputErrorBorderColor: $errorColor !default; +$inputPlaceholderTextColor: $shade100 !default; +$inputFilledBg: $shade600 !default; +$inputFilledHoverBg: $inputFilledBg !default; +$inputFilledFocusBg: $inputFilledBg !default; + +//input groups +$inputGroupBg: $shade800 !default; +$inputGroupTextColor: $shade100 !default; +$inputGroupAddOnMinWidth: 2.857rem !default; + +//input lists (e.g. dropdown, autocomplete, multiselect, orderlist) +$inputListBg: $shade800 !default; +$inputListTextColor: $shade000 !default; +$inputListBorder: $inputBorder !default; +$inputListPadding: 0.5rem 0.5rem !default; +$inputListItemPadding: 0.5rem 1rem !default; +$inputListItemBg: transparent !default; +$inputListItemTextColor: $shade000 !default; +$inputListItemHoverBg: $hoverBg !default; +$inputListItemTextHoverColor: $shade000 !default; +$inputListItemFocusBg: rgba($primaryColor, 0.1) !default; +$inputListItemTextFocusColor: $shade000 !default; +$inputListItemBorder: 0 none !default; +$inputListItemBorderRadius: 6px !default; +$inputListItemMargin: 0 0 4px 0 !default; +$inputListItemFocusShadow: inset 0 0 0 0.15rem $focusOutlineColor !default; +$inputListHeaderPadding: 0.5rem 1.5rem !default; +$inputListHeaderMargin: 0 !default; +$inputListHeaderBg: $shade800 !default; +$inputListHeaderTextColor: $shade000 !default; +$inputListHeaderBorder: 0 none !default; + +//inputs with overlays (e.g. autocomplete, dropdown, multiselect) +$inputOverlayBg: $inputListBg !default; +$inputOverlayHeaderBg: $inputListHeaderBg !default; +$inputOverlayBorder: 1px solid $shade600 !default; +$inputOverlayShadow: 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) !default; + +//password +$passwordMeterBg: $shade600 !default; +$passwordWeakBg: #e693a9 !default; +$passwordMediumBg: #ffe08a !default; +$passwordStrongBg: #cede9c !default; + +//button +$buttonPadding: 0.5rem 1rem !default; +$buttonIconOnlyWidth: 2.857rem !default; +$buttonIconOnlyPadding: 0.5rem 0 !default; +$buttonBg: $primaryColor !default; +$buttonTextColor: $primaryTextColor !default; +$buttonBorder: 2px solid $primaryColor !default; +$buttonHoverBg: $primaryDarkColor !default; +$buttonTextHoverColor: $primaryTextColor !default; +$buttonHoverBorderColor: $primaryDarkColor !default; +$buttonActiveBg: $primaryDarkerColor !default; +$buttonTextActiveColor: $primaryTextColor !default; +$buttonActiveBorderColor: $primaryDarkerColor !default; +$raisedButtonShadow: 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) !default; +$roundedButtonBorderRadius: 2rem !default; + +$textButtonHoverBgOpacity: 0.04 !default; +$textButtonActiveBgOpacity: 0.16 !default; +$outlinedButtonBorder: 2px solid !default; +$plainButtonTextColor: $textSecondaryColor !default; +$plainButtonHoverBgColor: $hoverBg !default; +$plainButtonActiveBgColor: rgba(255, 255, 255, 0.16) !default; + +$secondaryButtonBg: #b4bfcd !default; +$secondaryButtonTextColor: $shade900 !default; +$secondaryButtonBorder: 1px solid $secondaryButtonBg !default; +$secondaryButtonHoverBg: scale-color( + $secondaryButtonBg, + $lightness: -10% +) !default; +$secondaryButtonTextHoverColor: $secondaryButtonTextColor !default; +$secondaryButtonHoverBorderColor: scale-color( + $secondaryButtonBg, + $lightness: -10% +) !default; +$secondaryButtonActiveBg: scale-color( + $secondaryButtonBg, + $lightness: -20% +) !default; +$secondaryButtonTextActiveColor: $secondaryButtonTextColor !default; +$secondaryButtonActiveBorderColor: scale-color( + $secondaryButtonBg, + $lightness: -20% +) !default; +$secondaryButtonFocusShadow: 1px + scale-color($secondaryButtonBg, $lightness: 60%) !default; + +$infoButtonBg: #35a4cc !default; +$infoButtonTextColor: #ffffff !default; +$infoButtonBorder: 1px solid $infoButtonBg !default; +$infoButtonHoverBg: scale-color($infoButtonBg, $lightness: -10%) !default; +$infoButtonTextHoverColor: $infoButtonTextColor !default; +$infoButtonHoverBorderColor: scale-color( + $infoButtonBg, + $lightness: -10% +) !default; +$infoButtonActiveBg: scale-color($infoButtonBg, $lightness: -20%) !default; +$infoButtonTextActiveColor: $infoButtonTextColor !default; +$infoButtonActiveBorderColor: scale-color( + $infoButtonBg, + $lightness: -20% +) !default; +$infoButtonFocusShadow: 0 0 0 1px scale-color($infoButtonBg, $lightness: 60%) !default; + +$successButtonBg: #cede9c !default; +$successButtonTextColor: $shade900 !default; +$successButtonBorder: 1px solid $successButtonBg !default; +$successButtonHoverBg: scale-color($successButtonBg, $lightness: -10%) !default; +$successButtonTextHoverColor: $successButtonTextColor !default; +$successButtonHoverBorderColor: scale-color( + $successButtonBg, + $lightness: -10% +) !default; +$successButtonActiveBg: scale-color( + $successButtonBg, + $lightness: -20% +) !default; +$successButtonTextActiveColor: $successButtonTextColor !default; +$successButtonActiveBorderColor: scale-color( + $successButtonBg, + $lightness: -20% +) !default; +$successButtonFocusShadow: 0 0 0 1px + scale-color($successButtonBg, $lightness: 60%) !default; + +$warningButtonBg: #ffe08a !default; +$warningButtonTextColor: $shade900 !default; +$warningButtonBorder: 1px solid $warningButtonBg !default; +$warningButtonHoverBg: scale-color($warningButtonBg, $lightness: -10%) !default; +$warningButtonTextHoverColor: $warningButtonTextColor !default; +$warningButtonHoverBorderColor: scale-color( + $warningButtonBg, + $lightness: -10% +) !default; +$warningButtonActiveBg: scale-color( + $warningButtonBg, + $lightness: -20% +) !default; +$warningButtonTextActiveColor: $warningButtonTextColor !default; +$warningButtonActiveBorderColor: scale-color( + $warningButtonBg, + $lightness: -20% +) !default; +$warningButtonFocusShadow: 0 0 0 1px + scale-color($warningButtonBg, $lightness: 60%) !default; + +$helpButtonBg: #b09ce5 !default; +$helpButtonTextColor: $shade900 !default; +$helpButtonBorder: 1px solid $helpButtonBg !default; +$helpButtonHoverBg: scale-color($helpButtonBg, $lightness: -10%) !default; +$helpButtonTextHoverColor: $helpButtonTextColor !default; +$helpButtonHoverBorderColor: scale-color( + $helpButtonBg, + $lightness: -10% +) !default; +$helpButtonActiveBg: scale-color($helpButtonBg, $lightness: -20%) !default; +$helpButtonTextActiveColor: $helpButtonTextColor !default; +$helpButtonActiveBorderColor: scale-color( + $helpButtonBg, + $lightness: -20% +) !default; +$helpButtonFocusShadow: 0 0 0 1px scale-color($helpButtonBg, $lightness: 60%) !default; + +$dangerButtonBg: #e693a9 !default; +$dangerButtonTextColor: $shade900 !default; +$dangerButtonBorder: 1px solid $dangerButtonBg !default; +$dangerButtonHoverBg: scale-color($dangerButtonBg, $lightness: -10%) !default; +$dangerButtonTextHoverColor: $dangerButtonTextColor !default; +$dangerButtonHoverBorderColor: scale-color( + $dangerButtonBg, + $lightness: -10% +) !default; +$dangerButtonActiveBg: scale-color($dangerButtonBg, $lightness: -20%) !default; +$dangerButtonTextActiveColor: $dangerButtonTextColor !default; +$dangerButtonActiveBorderColor: scale-color( + $dangerButtonBg, + $lightness: -20% +) !default; +$dangerButtonFocusShadow: 0 0 0 1px + scale-color($dangerButtonBg, $lightness: 60%) !default; + +$linkButtonColor: $primaryDarkerColor !default; +$linkButtonHoverColor: $primaryDarkerColor !default; +$linkButtonTextHoverDecoration: underline !default; +$linkButtonFocusShadow: 0 0 0 1px $focusOutlineColor !default; + +//checkbox +$checkboxWidth: 20px !default; +$checkboxHeight: 20px !default; +$checkboxBorder: 2px solid $shade600 !default; +$checkboxIconFontSize: 14px !default; +$checkboxActiveBorderColor: $primaryColor !default; +$checkboxActiveBg: $primaryColor !default; +$checkboxIconActiveColor: $primaryTextColor !default; +$checkboxActiveHoverBg: $primaryDarkerColor !default; +$checkboxIconActiveHoverColor: $primaryTextColor !default; +$checkboxActiveHoverBorderColor: $primaryDarkerColor !default; + +//radiobutton +$radiobuttonWidth: 20px !default; +$radiobuttonHeight: 20px !default; +$radiobuttonBorder: 2px solid $shade600 !default; +$radiobuttonIconSize: 12px !default; +$radiobuttonActiveBorderColor: $primaryColor !default; +$radiobuttonActiveBg: $primaryColor !default; +$radiobuttonIconActiveColor: $primaryTextColor !default; +$radiobuttonActiveHoverBg: $primaryDarkerColor !default; +$radiobuttonIconActiveHoverColor: $primaryTextColor !default; +$radiobuttonActiveHoverBorderColor: $primaryDarkerColor !default; + +//colorpicker +$colorPickerPreviewWidth: 2rem !default; +$colorPickerPreviewHeight: 2rem !default; +$colorPickerBg: $shade800 !default; +$colorPickerBorder: 1px solid $shade600 !default; +$colorPickerHandleColor: $shade000 !default; + +//togglebutton +$toggleButtonBg: $shade800 !default; +$toggleButtonBorder: 2px solid $shade600 !default; +$toggleButtonTextColor: $shade000 !default; +$toggleButtonIconColor: $shade100 !default; +$toggleButtonHoverBg: $hoverBg !default; +$toggleButtonHoverBorderColor: $shade600 !default; +$toggleButtonTextHoverColor: $shade000 !default; +$toggleButtonIconHoverColor: $shade100 !default; +$toggleButtonActiveBg: $highlightBg !default; +$toggleButtonActiveBorderColor: $highlightBg !default; +$toggleButtonTextActiveColor: $highlightTextColor !default; +$toggleButtonIconActiveColor: $highlightTextColor !default; +$toggleButtonActiveHoverBg: rgba($primaryColor, 0.24) !default; +$toggleButtonActiveHoverBorderColor: rgba($primaryColor, 0.24) !default; +$toggleButtonTextActiveHoverColor: $highlightTextColor !default; +$toggleButtonIconActiveHoverColor: $highlightTextColor !default; + +//inplace +$inplacePadding: $inputPadding !default; +$inplaceHoverBg: $hoverBg !default; +$inplaceTextHoverColor: $shade000 !default; + +//rating +$ratingIconFontSize: 1.143rem !default; +$ratingCancelIconColor: #df7e6c !default; +$ratingCancelIconHoverColor: #f88c79 !default; +$ratingStarIconOffColor: $shade000 !default; +$ratingStarIconOnColor: $primaryColor !default; +$ratingStarIconHoverColor: $primaryColor !default; + +//slider +$sliderBg: $shade600 !default; +$sliderBorder: 0 none !default; +$sliderHorizontalHeight: 0.286rem !default; +$sliderVerticalWidth: 0.286rem !default; +$sliderHandleWidth: 1.143rem !default; +$sliderHandleHeight: 1.143rem !default; +$sliderHandleBg: $shade600 !default; +$sliderHandleBorder: 2px solid $primaryColor !default; +$sliderHandleBorderRadius: 50% !default; +$sliderHandleHoverBorderColor: $primaryColor !default; +$sliderHandleHoverBg: $primaryColor !default; +$sliderRangeBg: $primaryColor !default; + +//calendar +$calendarTableMargin: 0.5rem 0 !default; +$calendarPadding: 0.5rem !default; +$calendarBg: $shade800 !default; +$calendarInlineBg: $calendarBg !default; +$calendarTextColor: $shade000 !default; +$calendarBorder: $inputListBorder !default; +$calendarOverlayBorder: $inputOverlayBorder !default; + +$calendarHeaderPadding: 0.5rem !default; +$calendarHeaderBg: $shade800 !default; +$calendarInlineHeaderBg: $calendarBg !default; +$calendarHeaderBorder: 1px solid $shade600 !default; +$calendarHeaderTextColor: $shade000 !default; +$calendarHeaderFontWeight: 600 !default; +$calendarHeaderCellPadding: 0.5rem !default; +$calendarMonthYearHeaderHoverTextColor: $primaryColor !default; + +$calendarCellDatePadding: 0.5rem !default; +$calendarCellDateWidth: 2.5rem !default; +$calendarCellDateHeight: 2.5rem !default; +$calendarCellDateBorderRadius: 50% !default; +$calendarCellDateBorder: 1px solid transparent !default; +$calendarCellDateHoverBg: $hoverBg !default; +$calendarCellDateTodayBg: transparent !default; +$calendarCellDateTodayBorderColor: transparent !default; +$calendarCellDateTodayTextColor: $primaryColor !default; + +$calendarButtonBarPadding: 1rem 0 !default; +$calendarTimePickerPadding: 0.5rem !default; +$calendarTimePickerElementPadding: 0 0.5rem !default; +$calendarTimePickerTimeFontSize: 1.25rem !default; + +$calendarBreakpoint: 769px !default; +$calendarCellDatePaddingSM: 0 !default; + +//input switch +$inputSwitchWidth: 3rem !default; +$inputSwitchHeight: 1.75rem !default; +$inputSwitchBorderRadius: 6px !default; +$inputSwitchHandleWidth: 1.25rem !default; +$inputSwitchHandleHeight: 1.25rem !default; +$inputSwitchHandleBorderRadius: 6px !default; +$inputSwitchSliderPadding: 0.25rem !default; +$inputSwitchSliderOffBg: $shade600 !default; +$inputSwitchHandleOffBg: $shade100 !default; +$inputSwitchSliderOffHoverBg: $hoverBg !default; +$inputSwitchSliderOnBg: $primaryColor !default; +$inputSwitchSliderOnHoverBg: $primaryDarkColor !default; +$inputSwitchHandleOnBg: $shade000 !default; + +//panel +$panelHeaderBorderColor: $shade600 !default; +$panelHeaderBorder: 2px solid $shade600 !default; +$panelHeaderBg: $shade800 !default; +$panelHeaderTextColor: $shade000 !default; +$panelHeaderFontWeight: 600 !default; +$panelHeaderPadding: 1rem !default; +$panelToggleableHeaderPadding: 0.5rem 1rem !default; + +$panelHeaderHoverBg: $hoverBg !default; +$panelHeaderHoverBorderColor: $shade600 !default; +$panelHeaderTextHoverColor: $shade000 !default; + +$panelContentBorderColor: $shade600 !default; +$panelContentBorder: 2px solid $shade600 !default; +$panelContentBg: $shade800 !default; +$panelContentEvenRowBg: rgba(255, 255, 255, 0.01) !default; +$panelContentTextColor: $shade000 !default; +$panelContentPadding: 1rem !default; + +$panelFooterBorder: 2px solid $shade600 !default; +$panelFooterBg: $shade800 !default; +$panelFooterTextColor: $shade000 !default; +$panelFooterPadding: 0.5rem 1rem !default; + +//accordion +$accordionSpacing: 0 !default; +$accordionHeaderBorder: $panelHeaderBorder !default; +$accordionHeaderBg: $panelHeaderBg !default; +$accordionHeaderTextColor: $panelHeaderTextColor !default; +$accordionHeaderFontWeight: $panelHeaderFontWeight !default; +$accordionHeaderPadding: $panelHeaderPadding !default; + +$accordionHeaderHoverBg: $hoverBg !default; +$accordionHeaderHoverBorderColor: $shade600 !default; +$accordionHeaderTextHoverColor: $shade000 !default; + +$accordionHeaderActiveBg: $panelHeaderBg !default; +$accordionHeaderActiveBorderColor: $shade600 !default; +$accordionHeaderTextActiveColor: $shade000 !default; + +$accordionHeaderActiveHoverBg: $hoverBg !default; +$accordionHeaderActiveHoverBorderColor: $shade600 !default; +$accordionHeaderTextActiveHoverColor: $shade000 !default; + +$accordionContentBorder: $panelContentBorder !default; +$accordionContentBg: $panelContentBg !default; +$accordionContentTextColor: $panelContentTextColor !default; +$accordionContentPadding: $panelContentPadding !default; + +//tabview +$tabviewNavBorder: 1px solid $shade600 !default; +$tabviewNavBorderWidth: 0 0 2px 0 !default; +$tabviewNavBg: transparent !default; + +$tabviewHeaderSpacing: 0 !default; +$tabviewHeaderBorder: solid $shade600 !default; +$tabviewHeaderBorderWidth: 0 0 2px 0 !default; +$tabviewHeaderBorderColor: transparent transparent $shade600 transparent !default; +$tabviewHeaderBg: $shade800 !default; +$tabviewHeaderTextColor: $shade100 !default; +$tabviewHeaderFontWeight: $panelHeaderFontWeight !default; +$tabviewHeaderPadding: $panelHeaderPadding !default; +$tabviewHeaderMargin: 0 0 -2px 0 !default; + +$tabviewHeaderHoverBg: $shade800 !default; +$tabviewHeaderHoverBorderColor: $primaryColor !default; +$tabviewHeaderTextHoverColor: $shade000 !default; + +$tabviewHeaderActiveBg: $shade800 !default; +$tabviewHeaderActiveBorderColor: $primaryColor !default; +$tabviewHeaderTextActiveColor: $primaryColor !default; + +$tabviewContentBorder: 0 none !default; +$tabviewContentBg: $shade800 !default; +$tabviewContentTextColor: $shade000 !default; +$tabviewContentPadding: $panelContentPadding !default; + +//upload +$fileUploadProgressBarHeight: 0.25rem !default; +$fileUploadContentPadding: 2rem 1rem !default; +$fileUploadContentHoverBorder: $panelContentBorder dashed $primaryColor !default; + +//scrollpanel +$scrollPanelTrackBorder: 0 none !default; +$scrollPanelTrackBg: $shade600 !default; + +//card +$cardBodyPadding: 1rem !default; +$cardTitleFontSize: 1.5rem !default; +$cardTitleFontWeight: 600 !default; +$cardSubTitleFontWeight: 400 !default; +$cardSubTitleColor: $shade100 !default; +$cardContentPadding: 1rem 0 !default; +$cardFooterPadding: 1rem 0 0 0 !default; +$cardShadow: 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) !default; + +//editor +$editorToolbarBg: $panelHeaderBg !default; +$editorToolbarBorder: $panelHeaderBorder !default; +$editorToolbarPadding: $panelHeaderPadding !default; +$editorToolbarIconColor: $textSecondaryColor !default; +$editorToolbarIconHoverColor: $textColor !default; +$editorIconActiveColor: $primaryColor !default; +$editorContentBorder: $panelContentBorder !default; +$editorContentBg: $panelContentBg !default; + +//paginator +$paginatorBg: $shade800 !default; +$paginatorTextColor: $shade100 !default; +$paginatorBorder: solid $shade600 !default; +$paginatorBorderWidth: 2px !default; +$paginatorPadding: 0.5rem 1rem !default; +$paginatorElementWidth: $buttonIconOnlyWidth !default; +$paginatorElementHeight: $buttonIconOnlyWidth !default; +$paginatorElementBg: transparent !default; +$paginatorElementBorder: 0 none !default; +$paginatorElementIconColor: $shade100 !default; +$paginatorElementHoverBg: $hoverBg !default; +$paginatorElementHoverBorderColor: transparent !default; +$paginatorElementIconHoverColor: $shade000 !default; +$paginatorElementBorderRadius: $borderRadius !default; +$paginatorElementMargin: 0.143rem !default; +$paginatorElementPadding: 0 !default; + +//table +$tableHeaderBorder: 2px solid $shade600 !default; +$tableHeaderBorderWidth: 0 0 2px 0 !default; +$tableHeaderBg: $shade800 !default; +$tableHeaderTextColor: $shade100 !default; +$tableHeaderFontWeight: 600 !default; +$tableHeaderPadding: 1rem 1rem !default; + +$tableHeaderCellPadding: 1rem 1rem !default; +$tableHeaderCellBg: $shade800 !default; +$tableHeaderCellTextColor: $shade000 !default; +$tableHeaderCellFontWeight: 600 !default; +$tableHeaderCellBorder: 2px solid $shade600 !default; +$tableHeaderCellBorderWidth: 0 0 2px 0 !default; +$tableHeaderCellHoverBg: $hoverBg !default; +$tableHeaderCellTextHoverColor: $shade000 !default; +$tableHeaderCellIconColor: $shade100 !default; +$tableHeaderCellIconHoverColor: $shade000 !default; +$tableHeaderCellHighlightBg: $shade800 !default; +$tableHeaderCellHighlightTextColor: $primaryColor !default; +$tableHeaderCellHighlightHoverBg: $hoverBg !default; +$tableHeaderCellHighlightTextHoverColor: $primaryColor !default; +$tableSortableColumnBadgeSize: 1.143rem !default; + +$tableBodyRowBg: $shade800 !default; +$tableBodyRowTextColor: $shade000 !default; +$tableBodyRowEvenBg: #1b2327 !default; +$tableBodyRowHoverBg: $hoverBg !default; +$tableBodyRowTextHoverColor: $shade000 !default; +$tableBodyCellBorder: 2px solid $shade600 !default; +$tableBodyCellBorderWidth: 0 0 2px 0 !default; +$tableBodyCellPadding: 1rem 1rem !default; + +$tableFooterCellPadding: 1rem 1rem !default; +$tableFooterCellBg: $shade800 !default; +$tableFooterCellTextColor: $shade000 !default; +$tableFooterCellFontWeight: 600 !default; +$tableFooterCellBorder: 2px solid $shade600 !default; +$tableFooterCellBorderWidth: 0 0 2px 0 !default; +$tableResizerHelperBg: $primaryColor !default; + +$tableFooterBorder: 2px solid $shade600 !default; +$tableFooterBorderWidth: 0 0 2px 0 !default; +$tableFooterBg: $shade800 !default; +$tableFooterTextColor: $shade000 !default; +$tableFooterFontWeight: 600 !default; +$tableFooterPadding: 1rem 1rem !default; + +$tableCellContentAlignment: left !default; +$tableTopPaginatorBorderWidth: 0 0 2px 0 !default; +$tableBottomPaginatorBorderWidth: 0 0 2px 0 !default; + +$tableScaleSM: 0.5 !default; +$tableScaleLG: 1.25 !default; + +//dataview +$dataViewContentPadding: 0 !default; +$dataViewContentBorder: 0 none !default; + +//tree +$treeContainerPadding: 0.286rem !default; +$treeNodePadding: 0.143rem !default; +$treeNodeContentPadding: 0.5rem !default; +$treeNodeChildrenPadding: 0 0 0 1rem !default; +$treeNodeIconColor: $shade100 !default; + +//timeline +$timelineVerticalEventContentPadding: 0 1rem !default; +$timelineHorizontalEventContentPadding: 1rem 0 !default; +$timelineEventMarkerWidth: 1rem !default; +$timelineEventMarkerHeight: 1rem !default; +$timelineEventMarkerBorderRadius: 50% !default; +$timelineEventMarkerBorder: 2px solid $primaryColor !default; +$timelineEventMarkerBackground: $shade800 !default; +$timelineEventConnectorSize: 2px !default; +$timelineEventColor: $shade600 !default; + +//org chart +$organizationChartConnectorColor: $shade600 !default; + +//message +$messageMargin: 1rem 0 !default; +$messagePadding: 1rem 1.5rem !default; +$messageBorderWidth: 0 0 0 6px !default; +$messageIconFontSize: 1.5rem !default; +$messageTextFontSize: 1rem !default; +$messageTextFontWeight: 400 !default; + +//inline message +$inlineMessagePadding: $inputPadding !default; +$inlineMessageMargin: 0 !default; +$inlineMessageIconFontSize: 1rem !default; +$inlineMessageTextFontSize: 1rem !default; +$inlineMessageBorderWidth: 2px !default; + +//toast +$toastIconFontSize: 2rem !default; +$toastMessageTextMargin: 0 0 0 1rem !default; +$toastMargin: 0 0 1rem 0 !default; +$toastPadding: 1rem !default; +$toastBorderWidth: 0 0 0 6px !default; +$toastShadow: none !default; +$toastOpacity: 0.9 !default; +$toastTitleFontWeight: 600 !default; +$toastDetailMargin: $inlineSpacing 0 0 0 !default; + +//severities +$infoMessageBg: #a3d7e6 !default; +$infoMessageBorder: 4px solid #65bcd6 !default; +$infoMessageTextColor: $shade900 !default; +$infoMessageIconColor: $shade900 !default; +$successMessageBg: #bfd47f !default; +$successMessageBorder: 4px solid #a2c044 !default; +$successMessageTextColor: $shade900 !default; +$successMessageIconColor: $shade900 !default; +$warningMessageBg: #ff9c3e !default; +$warningMessageBorder: 4px solid #ff8817 !default; +$warningMessageTextColor: $shade900 !default; +$warningMessageIconColor: $shade900 !default; +$errorMessageBg: #e6a3b2 !default; +$errorMessageBorder: 4px solid #de8499 !default; +$errorMessageTextColor: $shade900 !default; +$errorMessageIconColor: $shade900 !default; + +//overlays +$overlayContentBorder: 2px solid $shade600 !default; +$overlayContentBg: $panelContentBg !default; +$overlayContainerShadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), + 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12) !default; + +//dialog +$dialogHeaderBg: $shade800 !default; +$dialogHeaderBorder: 0 none !default; +$dialogHeaderTextColor: $shade000 !default; +$dialogHeaderFontWeight: 600 !default; +$dialogHeaderFontSize: 1.25rem !default; +$dialogHeaderPadding: 1.5rem !default; +$dialogContentPadding: 0 1.5rem 2rem 1.5rem !default; +$dialogFooterBorder: 0 none !default; +$dialogFooterPadding: 0 1.5rem 1.5rem 1.5rem !default; + +//confirmpopup +$confirmPopupContentPadding: $panelContentPadding !default; +$confirmPopupFooterPadding: 0 1rem 1rem 1rem !default; + +//tooltip +$tooltipBg: $shade600 !default; +$tooltipTextColor: $shade000 !default; +$tooltipPadding: $inputPadding !default; + +//steps +$stepsItemBg: transparent !default; +$stepsItemBorder: 2px solid $shade600 !default; +$stepsItemTextColor: $shade100 !default; +$stepsItemNumberWidth: 2rem !default; +$stepsItemNumberHeight: 2rem !default; +$stepsItemNumberFontSize: 1.143rem !default; +$stepsItemNumberColor: $shade000 !default; +$stepsItemNumberBorderRadius: 50% !default; +$stepsItemActiveFontWeight: 600 !default; + +//progressbar +$progressBarHeight: 1.5rem !default; +$progressBarBorder: 0 none !default; +$progressBarBg: $shade600 !default; +$progressBarValueBg: $primaryColor !default; +$progressBarValueTextColor: $primaryTextColor !default; + +//menu (e.g. menu, menubar, tieredmenu) +$menuWidth: 12.5rem !default; +$menuBg: $shade800 !default; +$menuBorder: 2px solid $shade600 !default; +$menuTextColor: $shade000 !default; +$menuitemPadding: 0.75rem 1rem !default; +$menuitemBorderRadius: 6px !default; +$menuitemTextColor: $shade000 !default; +$menuitemIconColor: $shade100 !default; +$menuitemTextHoverColor: $shade000 !default; +$menuitemIconHoverColor: $shade000 !default; +$menuitemHoverBg: $hoverBg !default; +$menuitemTextFocusColor: $shade000 !default; +$menuitemIconFocusColor: $shade000 !default; +$menuitemFocusBg: rgba($primaryColor, 0.1) !default; +$menuitemTextActiveColor: $shade000 !default; +$menuitemIconActiveColor: $shade000 !default; +$menuitemActiveBg: $hoverBg !default; +$menuitemActiveFocusBg: $hoverBg !default; +$menuitemSubmenuIconFontSize: 0.875rem !default; +$submenuHeaderMargin: 0 !default; +$submenuHeaderPadding: 0.75rem 1rem !default; +$submenuHeaderBg: $shade800 !default; +$submenuHeaderTextColor: $shade000 !default; +$submenuHeaderBorderRadius: 0 !default; +$submenuHeaderFontWeight: 600 !default; +$overlayMenuBg: $menuBg !default; +$overlayMenuBorder: 2px solid $shade600 !default; +$overlayMenuShadow: 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) !default; +$verticalMenuPadding: 0.5rem 0.5rem !default; +$verticalMenuitemMargin: 0 0 4px 0 !default; +$menuSeparatorMargin: 4px 0 !default; + +$breadcrumbPadding: 1rem !default; +$breadcrumbBg: $menuBg !default; +$breadcrumbBorder: $menuBorder !default; +$breadcrumbItemTextColor: $menuitemTextColor !default; +$breadcrumbItemIconColor: $menuitemIconColor !default; +$breadcrumbLastItemTextColor: $menuitemTextColor !default; +$breadcrumbLastItemIconColor: $menuitemIconColor !default; +$breadcrumbSeparatorColor: $menuitemTextColor !default; + +$horizontalMenuPadding: 0.5rem !default; +$horizontalMenuBg: $menuBg !default; +$horizontalMenuBorder: $menuBorder !default; +$horizontalMenuTextColor: $menuTextColor !default; +$horizontalMenuRootMenuitemPadding: $menuitemPadding !default; +$horizontalMenuRootMenuitemBorderRadius: $borderRadius !default; +$horizontalMenuRootMenuitemTextColor: $menuitemTextColor !default; +$horizontalMenuRootMenuitemIconColor: $menuitemIconColor !default; +$horizontalMenuRootMenuitemTextHoverColor: $menuitemTextHoverColor !default; +$horizontalMenuRootMenuitemIconHoverColor: $menuitemIconHoverColor !default; +$horizontalMenuRootMenuitemHoverBg: $menuitemHoverBg !default; +$horizontalMenuRootMenuitemTextActiveColor: $menuitemTextActiveColor !default; +$horizontalMenuRootMenuitemIconActiveColor: $menuitemIconActiveColor !default; +$horizontalMenuRootMenuitemActiveBg: $menuitemActiveBg !default; + +//badge and tag +$badgeBg: $primaryColor !default; +$badgeTextColor: $primaryTextColor !default; +$badgeMinWidth: 1.5rem !default; +$badgeHeight: 1.5rem !default; +$badgeFontWeight: 700 !default; +$badgeFontSize: 0.75rem !default; + +$tagPadding: 0.25rem 0.4rem !default; + +//carousel +$carouselIndicatorsPadding: 1rem !default; +$carouselIndicatorBg: $shade600 !default; +$carouselIndicatorHoverBg: scale-color($shade600, $lightness: 10%) !default; +$carouselIndicatorBorderRadius: 0 !default; +$carouselIndicatorWidth: 2rem !default; +$carouselIndicatorHeight: 0.5rem !default; + +//galleria +$galleriaMaskBg: rgba(0, 0, 0, 0.9) !default; +$galleriaCloseIconMargin: 0.5rem !default; +$galleriaCloseIconFontSize: 2rem !default; +$galleriaCloseIconBg: transparent !default; +$galleriaCloseIconColor: #f8f9fa !default; +$galleriaCloseIconHoverBg: rgba(255, 255, 255, 0.1) !default; +$galleriaCloseIconHoverColor: #f8f9fa !default; +$galleriaCloseIconWidth: 4rem !default; +$galleriaCloseIconHeight: 4rem !default; +$galleriaCloseIconBorderRadius: 50% !default; + +$galleriaItemNavigatorBg: transparent !default; +$galleriaItemNavigatorColor: #f8f9fa !default; +$galleriaItemNavigatorMargin: 0 0.5rem !default; +$galleriaItemNavigatorFontSize: 2rem !default; +$galleriaItemNavigatorHoverBg: rgba(255, 255, 255, 0.1) !default; +$galleriaItemNavigatorHoverColor: #f8f9fa !default; +$galleriaItemNavigatorWidth: 4rem !default; +$galleriaItemNavigatorHeight: 4rem !default; +$galleriaItemNavigatorBorderRadius: $borderRadius !default; + +$galleriaCaptionBg: rgba(0, 0, 0, 0.5) !default; +$galleriaCaptionTextColor: #f8f9fa !default; +$galleriaCaptionPadding: 1rem !default; + +$galleriaIndicatorsPadding: 1rem !default; +$galleriaIndicatorBg: $shade600 !default; +$galleriaIndicatorHoverBg: scale-color($shade600, $lightness: 10%) !default; +$galleriaIndicatorBorderRadius: 50% !default; +$galleriaIndicatorWidth: 1rem !default; +$galleriaIndicatorHeight: 1rem !default; +$galleriaIndicatorsBgOnItem: rgba(0, 0, 0, 0.5) !default; +$galleriaIndicatorBgOnItem: rgba(255, 255, 255, 0.4) !default; +$galleriaIndicatorHoverBgOnItem: rgba(255, 255, 255, 0.6) !default; + +$galleriaThumbnailContainerBg: rgba(0, 0, 0, 0.9) !default; +$galleriaThumbnailContainerPadding: 1rem 0.25rem !default; +$galleriaThumbnailNavigatorBg: transparent !default; +$galleriaThumbnailNavigatorColor: #f8f9fa !default; +$galleriaThumbnailNavigatorHoverBg: rgba(255, 255, 255, 0.1) !default; +$galleriaThumbnailNavigatorHoverColor: #f8f9fa !default; +$galleriaThumbnailNavigatorBorderRadius: 50% !default; +$galleriaThumbnailNavigatorWidth: 2rem !default; +$galleriaThumbnailNavigatorHeight: 2rem !default; + +//divider +$dividerHorizontalMargin: 1rem 0 !default; +$dividerHorizontalPadding: 0 1rem !default; +$dividerVerticalMargin: 0 1rem !default; +$dividerVerticalPadding: 1rem 0 !default; +$dividerSize: 1px !default; +$dividerColor: $shade600 !default; + +//avatar +$avatarBg: $shade600 !default; +$avatarTextColor: $textColor !default; + +//chip +$chipBg: $shade600 !default; +$chipTextColor: $textColor !default; +$chipBorderRadius: 16px !default; +$chipFocusBg: $shade500 !default; +$chipFocusTextColor: $textColor !default; + +//scrollTop +$scrollTopBg: $highlightBg !default; +$scrollTopHoverBg: scale-color($highlightBg, $alpha: 24%) !default; +$scrollTopWidth: 3rem !default; +$scrollTopHeight: 3rem !default; +$scrollTopBorderRadius: 50% !default; +$scrollTopFontSize: 1.5rem !default; +$scrollTopTextColor: $highlightTextColor !default; + +//skeleton +$skeletonBg: rgba(255, 255, 255, 0.06) !default; +$skeletonAnimationBg: rgba(255, 255, 255, 0.04) !default; + +//splitter +$splitterGutterBg: rgba(255, 255, 255, 0.03) !default; +$splitterGutterHandleBg: $shade600 !default; + +//speeddial +$speedDialButtonWidth: 4rem !default; +$speedDialButtonHeight: 4rem !default; +$speedDialButtonIconFontSize: 1.3rem !default; +$speedDialActionWidth: 3rem !default; +$speedDialActionHeight: 3rem !default; +$speedDialActionBg: $shade700 !default; +$speedDialActionHoverBg: $shade600 !default; +$speedDialActionTextColor: #fff !default; +$speedDialActionTextHoverColor: #fff !default; + +//dock +$dockActionWidth: 4rem !default; +$dockActionHeight: 4rem !default; +$dockItemPadding: 0.5rem !default; +$dockItemBorderRadius: $borderRadius !default; +$dockCurrentItemMargin: 1.5rem !default; +$dockFirstItemsMargin: 1.3rem !default; +$dockSecondItemsMargin: 0.9rem !default; +$dockBg: rgba(255, 255, 255, 0.1) !default; +$dockBorder: 1px solid rgba(255, 255, 255, 0.2) !default; +$dockPadding: 0.5rem 0.5rem !default; +$dockBorderRadius: 0.5rem !default; + +//image +$imageMaskBg: rgba(0, 0, 0, 0.9) !default; +$imagePreviewToolbarPadding: 1rem !default; +$imagePreviewIndicatorColor: #f8f9fa !default; +$imagePreviewIndicatorBg: rgba(0, 0, 0, 0.5) !default; +$imagePreviewActionIconBg: transparent !default; +$imagePreviewActionIconColor: #f8f9fa !default; +$imagePreviewActionIconHoverBg: rgba(255, 255, 255, 0.1) !default; +$imagePreviewActionIconHoverColor: #f8f9fa !default; +$imagePreviewActionIconWidth: 3rem !default; +$imagePreviewActionIconHeight: 3rem !default; +$imagePreviewActionIconFontSize: 1.5rem !default; +$imagePreviewActionIconBorderRadius: 50% !default; + +:root { + font-family: Poppins, sans-serif; + --font-family: Poppins, sans-serif; + --surface-a: #{$shade800}; + --surface-b: #{$shade900}; + --surface-c: #{$hoverBg}; + --surface-d: #{$shade600}; + --surface-e: #{$shade800}; + --surface-f: #{$shade800}; + --text-color: #{$shade000}; + --text-color-secondary: #{$shade100}; + --primary-color: #{$primaryColor}; + --primary-color-text: #{$primaryTextColor}; + --surface-0: #0e1315; + --surface-50: #262b2c; + --surface-100: #3e4244; + --surface-200: #565a5b; + --surface-300: #6e7173; + --surface-400: #87898a; + --surface-500: #9fa1a1; + --surface-600: #b7b8b9; + --surface-700: #cfd0d0; + --surface-800: #e7e7e8; + --surface-900: #ffffff; + --gray-50: #e7e7e8; + --gray-100: #cfd0d0; + --gray-200: #b7b8b9; + --gray-300: #9fa1a1; + --gray-400: #87898a; + --gray-500: #6e7173; + --gray-600: #565a5b; + --gray-700: #3e4244; + --gray-800: #262b2c; + --gray-900: #0e1315; + --content-padding: #{$panelContentPadding}; + --inline-spacing: #{$inlineSpacing}; + --border-radius: #{$borderRadius}; + --surface-ground: #0e1315; + --surface-section: #0e1315; + --surface-card: #161d21; + --surface-overlay: #161d21; + --surface-border: #263238; + --surface-hover: rgba($primaryColor, 0.08); + --maskbg: #{$maskBg}; + --highlight-bg: #{$highlightBg}; + --highlight-text-color: #{$highlightTextColor}; + --focus-ring: #{$focusShadow}; + color-scheme: dark; +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/viva/viva-dark/fonts/poppins-v15-latin-ext_latin-300.woff b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/viva/viva-dark/fonts/poppins-v15-latin-ext_latin-300.woff new file mode 100644 index 000000000..263ae18e7 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/viva/viva-dark/fonts/poppins-v15-latin-ext_latin-300.woff differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/viva/viva-dark/fonts/poppins-v15-latin-ext_latin-300.woff2 b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/viva/viva-dark/fonts/poppins-v15-latin-ext_latin-300.woff2 new file mode 100644 index 000000000..5145c1e4b Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/viva/viva-dark/fonts/poppins-v15-latin-ext_latin-300.woff2 differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/viva/viva-dark/fonts/poppins-v15-latin-ext_latin-600.woff b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/viva/viva-dark/fonts/poppins-v15-latin-ext_latin-600.woff new file mode 100644 index 000000000..b33382edf Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/viva/viva-dark/fonts/poppins-v15-latin-ext_latin-600.woff differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/viva/viva-dark/fonts/poppins-v15-latin-ext_latin-600.woff2 b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/viva/viva-dark/fonts/poppins-v15-latin-ext_latin-600.woff2 new file mode 100644 index 000000000..1f4ac79c5 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/viva/viva-dark/fonts/poppins-v15-latin-ext_latin-600.woff2 differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/viva/viva-dark/fonts/poppins-v15-latin-ext_latin-700.woff b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/viva/viva-dark/fonts/poppins-v15-latin-ext_latin-700.woff new file mode 100644 index 000000000..2647313cd Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/viva/viva-dark/fonts/poppins-v15-latin-ext_latin-700.woff differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/viva/viva-dark/fonts/poppins-v15-latin-ext_latin-700.woff2 b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/viva/viva-dark/fonts/poppins-v15-latin-ext_latin-700.woff2 new file mode 100644 index 000000000..4340e2632 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/viva/viva-dark/fonts/poppins-v15-latin-ext_latin-700.woff2 differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/viva/viva-dark/fonts/poppins-v15-latin-ext_latin-regular.woff b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/viva/viva-dark/fonts/poppins-v15-latin-ext_latin-regular.woff new file mode 100644 index 000000000..77049f3ce Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/viva/viva-dark/fonts/poppins-v15-latin-ext_latin-regular.woff differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/viva/viva-dark/fonts/poppins-v15-latin-ext_latin-regular.woff2 b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/viva/viva-dark/fonts/poppins-v15-latin-ext_latin-regular.woff2 new file mode 100644 index 000000000..5643f910f Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/viva/viva-dark/fonts/poppins-v15-latin-ext_latin-regular.woff2 differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/viva/viva-dark/theme.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/viva/viva-dark/theme.scss new file mode 100644 index 000000000..4edae70ea --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/viva/viva-dark/theme.scss @@ -0,0 +1,4 @@ +@import './_variables'; +@import './_fonts'; +@import '../../../theme-base/_components'; +@import './_extensions'; diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/viva/viva-light/_extensions.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/viva/viva-light/_extensions.scss new file mode 100644 index 000000000..2c0ed92e3 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/viva/viva-light/_extensions.scss @@ -0,0 +1,2 @@ +/* Customizations to the designer theme should be defined here */ +@import '../extensions'; \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/viva/viva-light/_fonts.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/viva/viva-light/_fonts.scss new file mode 100644 index 000000000..44441d776 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/viva/viva-light/_fonts.scss @@ -0,0 +1,36 @@ +/* poppins-300 - latin-ext_latin */ +@font-face { +font-family: 'Poppins'; +font-style: normal; +font-weight: 300; +src: local(''), + url('./fonts/poppins-v15-latin-ext_latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('./fonts/poppins-v15-latin-ext_latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +/* poppins-regular - latin-ext_latin */ +@font-face { +font-family: 'Poppins'; +font-style: normal; +font-weight: 400; +src: local(''), + url('./fonts/poppins-v15-latin-ext_latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('./fonts/poppins-v15-latin-ext_latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +/* poppins-600 - latin-ext_latin */ +@font-face { +font-family: 'Poppins'; +font-style: normal; +font-weight: 600; +src: local(''), + url('./fonts/poppins-v15-latin-ext_latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('./fonts/poppins-v15-latin-ext_latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +/* poppins-700 - latin-ext_latin */ +@font-face { +font-family: 'Poppins'; +font-style: normal; +font-weight: 700; +src: local(''), + url('./fonts/poppins-v15-latin-ext_latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('./fonts/poppins-v15-latin-ext_latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} \ No newline at end of file diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/viva/viva-light/_variables.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/viva/viva-light/_variables.scss new file mode 100644 index 000000000..cbba24b72 --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/viva/viva-light/_variables.scss @@ -0,0 +1,954 @@ +$primaryColor: #5472d4 !default; +$primaryLightColor: #91a4e3 !default; +$primaryLighterColor: scale-color($primaryColor, $lightness: 60%) !default; +$primaryDarkColor: scale-color($primaryColor, $lightness: -5%) !default; +$primaryDarkerColor: scale-color($primaryColor, $lightness: -10%) !default; +$primaryTextColor: #ffffff !default; + +$highlightBg: #ced6f1 !default; +$highlightTextColor: #585858 !default; +$highlightFocusBg: darken($highlightBg, 8%) !default; + +$colors: ( + "blue": #54a6d4, + "green": #8bae2c, + "yellow": #ffd02a, + "cyan": #35a4cc, + "pink": #d45472, + "indigo": #5472d4, + "teal": #3fbfa0, + "orange": #ff922a, + "bluegray": #8191a6, + "purple": #7654d4, + "red": #ff5d44, + "primary": $primaryColor, +) !default; + +//reused color variables +$shade000: #ffffff !default; //surface +$shade100: #f5f5f5 !default; //header background +$shade200: #edf0fa !default; //hover background +$shade300: #ebebeb !default; //border, divider +$shade400: #e1e1e1 !default; //input border +$shade500: #cecece !default; //input hover border +$shade600: #898989 !default; //text secondary color +$shade700: #6c6c6c !default; //text color +$shade800: #585858 !default; //message text, highlight text +$shade900: #3b3b3b !default; //unused + +//global +$fontFamily: Poppins, sans-serif !default; +$fontSize: 1rem !default; +$fontWeight: normal !default; +$textColor: $shade700 !default; +$textSecondaryColor: $shade600 !default; +$borderRadius: 6px !default; +$transitionDuration: 0.3s !default; +$formElementTransition: background-color $transitionDuration, + color $transitionDuration, border-color $transitionDuration, + box-shadow $transitionDuration !default; +$actionIconTransition: background-color $transitionDuration, + color $transitionDuration, box-shadow $transitionDuration !default; +$listItemTransition: box-shadow $transitionDuration !default; +$primeIconFontSize: 1rem !default; +$divider: 1px solid $shade300 !default; +$inlineSpacing: 0.5rem !default; +$disabledOpacity: 0.6 !default; +$maskBg: rgba(0, 0, 0, 0.4) !default; +$loadingIconFontSize: 2rem !default; +$errorColor: #f88c79 !default; + +//scale +$scaleSM: 0.875 !default; +$scaleLG: 1.25 !default; + +//focus +$focusOutlineColor: $primaryLighterColor !default; +$focusOutline: 0 none !default; +$focusOutlineOffset: 0 !default; +$focusShadow: 0 0 0 0.1rem $focusOutlineColor !default; + +//action icons +$actionIconWidth: 2rem !default; +$actionIconHeight: 2rem !default; +$actionIconBg: transparent !default; +$actionIconBorder: 0 none !default; +$actionIconColor: $shade600 !default; +$actionIconHoverBg: $shade200 !default; +$actionIconHoverBorderColor: transparent !default; +$actionIconHoverColor: $shade700 !default; +$actionIconBorderRadius: 50% !default; + +//input field (e.g. inputtext, spinner, inputmask) +$inputPadding: 0.5rem 0.75rem !default; +$inputTextFontSize: 1rem !default; +$inputBg: $shade000 !default; +$inputTextColor: $shade700 !default; +$inputIconColor: $shade600 !default; +$inputBorder: 2px solid $shade400 !default; +$inputHoverBorderColor: $shade500 !default; +$inputFocusBorderColor: $primaryLightColor !default; +$inputErrorBorderColor: $errorColor !default; +$inputPlaceholderTextColor: $shade600 !default; +$inputFilledBg: #f2f2f2 !default; +$inputFilledHoverBg: $inputFilledBg !default; +$inputFilledFocusBg: $inputFilledBg !default; + +//input groups +$inputGroupBg: $shade100 !default; +$inputGroupTextColor: $shade600 !default; +$inputGroupAddOnMinWidth: 2.857rem !default; + +//input lists (e.g. dropdown, autocomplete, multiselect, orderlist) +$inputListBg: $shade000 !default; +$inputListTextColor: $shade700 !default; +$inputListBorder: $inputBorder !default; +$inputListPadding: 0.5rem 0.5rem !default; +$inputListItemPadding: 0.5rem 1rem !default; +$inputListItemBg: transparent !default; +$inputListItemTextColor: $shade700 !default; +$inputListItemHoverBg: $shade200 !default; +$inputListItemTextHoverColor: $shade700 !default; +$inputListItemFocusBg: #e6e9f3 !default; +$inputListItemTextFocusColor: $shade700 !default; +$inputListItemBorder: 0 none !default; +$inputListItemBorderRadius: 6px !default; +$inputListItemMargin: 0 0 4px 0 !default; +$inputListItemFocusShadow: inset 0 0 0 0.15rem $focusOutlineColor !default; +$inputListHeaderPadding: 0.5rem 1.5rem !default; +$inputListHeaderMargin: 0 !default; +$inputListHeaderBg: $shade000 !default; +$inputListHeaderTextColor: $shade700 !default; +$inputListHeaderBorder: 0 none !default; + +//inputs with overlays (e.g. autocomplete, dropdown, multiselect) +$inputOverlayBg: $inputListBg !default; +$inputOverlayHeaderBg: $inputListHeaderBg !default; +$inputOverlayBorder: 0 none !default; +$inputOverlayShadow: 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) !default; + +//password +$passwordMeterBg: $shade300 !default; +$passwordWeakBg: #d45472 !default; +$passwordMediumBg: #ff922a !default; +$passwordStrongBg: #8bae2c !default; + +//button +$buttonPadding: 0.5rem 1rem !default; +$buttonIconOnlyWidth: 2.857rem !default; +$buttonIconOnlyPadding: 0.5rem 0 !default; +$buttonBg: $primaryColor !default; +$buttonTextColor: $primaryTextColor !default; +$buttonBorder: 2px solid $primaryColor !default; +$buttonHoverBg: $primaryDarkColor !default; +$buttonTextHoverColor: $primaryTextColor !default; +$buttonHoverBorderColor: $primaryDarkColor !default; +$buttonActiveBg: $primaryDarkerColor !default; +$buttonTextActiveColor: $primaryTextColor !default; +$buttonActiveBorderColor: $primaryDarkerColor !default; +$raisedButtonShadow: 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) !default; +$roundedButtonBorderRadius: 2rem !default; + +$textButtonHoverBgOpacity: 0.04 !default; +$textButtonActiveBgOpacity: 0.16 !default; +$outlinedButtonBorder: 2px solid !default; +$plainButtonTextColor: $textSecondaryColor !default; +$plainButtonHoverBgColor: $shade200 !default; +$plainButtonActiveBgColor: $shade300 !default; + +$secondaryButtonBg: #8191a6 !default; +$secondaryButtonTextColor: #ffffff !default; +$secondaryButtonBorder: 1px solid $secondaryButtonBg !default; +$secondaryButtonHoverBg: scale-color( + $secondaryButtonBg, + $lightness: -10% +) !default; +$secondaryButtonTextHoverColor: $secondaryButtonTextColor !default; +$secondaryButtonHoverBorderColor: scale-color( + $secondaryButtonBg, + $lightness: -10% +) !default; +$secondaryButtonActiveBg: scale-color( + $secondaryButtonBg, + $lightness: -20% +) !default; +$secondaryButtonTextActiveColor: $secondaryButtonTextColor !default; +$secondaryButtonActiveBorderColor: scale-color( + $secondaryButtonBg, + $lightness: -20% +) !default; +$secondaryButtonFocusShadow: 0 0 0 0.1rem + scale-color($secondaryButtonBg, $lightness: 60%) !default; + +$infoButtonBg: #35a4cc !default; +$infoButtonTextColor: #ffffff !default; +$infoButtonBorder: 1px solid $infoButtonBg !default; +$infoButtonHoverBg: scale-color($infoButtonBg, $lightness: -10%) !default; +$infoButtonTextHoverColor: $infoButtonTextColor !default; +$infoButtonHoverBorderColor: scale-color( + $infoButtonBg, + $lightness: -10% +) !default; +$infoButtonActiveBg: scale-color($infoButtonBg, $lightness: -20%) !default; +$infoButtonTextActiveColor: $infoButtonTextColor !default; +$infoButtonActiveBorderColor: scale-color( + $infoButtonBg, + $lightness: -20% +) !default; +$infoButtonFocusShadow: 0 0 0 0.1rem scale-color($infoButtonBg, $lightness: 60%) !default; + +$successButtonBg: #8bae2c !default; +$successButtonTextColor: #ffffff !default; +$successButtonBorder: 1px solid $successButtonBg !default; +$successButtonHoverBg: scale-color($successButtonBg, $lightness: -10%) !default; +$successButtonTextHoverColor: $successButtonTextColor !default; +$successButtonHoverBorderColor: scale-color( + $successButtonBg, + $lightness: -10% +) !default; +$successButtonActiveBg: scale-color( + $successButtonBg, + $lightness: -20% +) !default; +$successButtonTextActiveColor: $successButtonTextColor !default; +$successButtonActiveBorderColor: scale-color( + $successButtonBg, + $lightness: -20% +) !default; +$successButtonFocusShadow: 0 0 0 0.1rem + scale-color($successButtonBg, $lightness: 60%) !default; + +$warningButtonBg: #ff922a !default; +$warningButtonTextColor: #ffffff !default; +$warningButtonBorder: 1px solid $warningButtonBg !default; +$warningButtonHoverBg: scale-color($warningButtonBg, $lightness: -10%) !default; +$warningButtonTextHoverColor: $warningButtonTextColor !default; +$warningButtonHoverBorderColor: scale-color( + $warningButtonBg, + $lightness: -10% +) !default; +$warningButtonActiveBg: scale-color( + $warningButtonBg, + $lightness: -20% +) !default; +$warningButtonTextActiveColor: $warningButtonTextColor !default; +$warningButtonActiveBorderColor: scale-color( + $warningButtonBg, + $lightness: -20% +) !default; +$warningButtonFocusShadow: 0 0 0 0.1rem + scale-color($warningButtonBg, $lightness: 60%) !default; + +$helpButtonBg: #7654d4 !default; +$helpButtonTextColor: #ffffff !default; +$helpButtonBorder: 1px solid $helpButtonBg !default; +$helpButtonHoverBg: scale-color($helpButtonBg, $lightness: -10%) !default; +$helpButtonTextHoverColor: $helpButtonTextColor !default; +$helpButtonHoverBorderColor: scale-color( + $helpButtonBg, + $lightness: -10% +) !default; +$helpButtonActiveBg: scale-color($helpButtonBg, $lightness: -20%) !default; +$helpButtonTextActiveColor: $helpButtonTextColor !default; +$helpButtonActiveBorderColor: scale-color( + $helpButtonBg, + $lightness: -20% +) !default; +$helpButtonFocusShadow: 0 0 0 0.1rem scale-color($helpButtonBg, $lightness: 60%) !default; + +$dangerButtonBg: #d45472 !default; +$dangerButtonTextColor: #ffffff !default; +$dangerButtonBorder: 1px solid $dangerButtonBg !default; +$dangerButtonHoverBg: scale-color($dangerButtonBg, $lightness: -10%) !default; +$dangerButtonTextHoverColor: $dangerButtonTextColor !default; +$dangerButtonHoverBorderColor: scale-color( + $dangerButtonBg, + $lightness: -10% +) !default; +$dangerButtonActiveBg: scale-color($dangerButtonBg, $lightness: -20%) !default; +$dangerButtonTextActiveColor: $dangerButtonTextColor !default; +$dangerButtonActiveBorderColor: scale-color( + $dangerButtonBg, + $lightness: -20% +) !default; +$dangerButtonFocusShadow: 0 0 0 0.1rem + scale-color($dangerButtonBg, $lightness: 60%) !default; + +$linkButtonColor: $primaryDarkerColor !default; +$linkButtonHoverColor: $primaryDarkerColor !default; +$linkButtonTextHoverDecoration: underline !default; +$linkButtonFocusShadow: 0 0 0 0.1rem $focusOutlineColor !default; + +//checkbox +$checkboxWidth: 20px !default; +$checkboxHeight: 20px !default; +$checkboxBorder: 2px solid $shade400 !default; +$checkboxIconFontSize: 14px !default; +$checkboxActiveBorderColor: $primaryColor !default; +$checkboxActiveBg: $primaryColor !default; +$checkboxIconActiveColor: $primaryTextColor !default; +$checkboxActiveHoverBg: $primaryDarkerColor !default; +$checkboxIconActiveHoverColor: $primaryTextColor !default; +$checkboxActiveHoverBorderColor: $primaryDarkerColor !default; + +//radiobutton +$radiobuttonWidth: 20px !default; +$radiobuttonHeight: 20px !default; +$radiobuttonBorder: 2px solid $shade400 !default; +$radiobuttonIconSize: 12px !default; +$radiobuttonActiveBorderColor: $primaryColor !default; +$radiobuttonActiveBg: $primaryColor !default; +$radiobuttonIconActiveColor: $primaryTextColor !default; +$radiobuttonActiveHoverBg: $primaryDarkerColor !default; +$radiobuttonIconActiveHoverColor: $primaryTextColor !default; +$radiobuttonActiveHoverBorderColor: $primaryDarkerColor !default; + +//colorpicker +$colorPickerPreviewWidth: 2rem !default; +$colorPickerPreviewHeight: 2rem !default; +$colorPickerBg: $shade800 !default; +$colorPickerBorder: 1px solid $shade800 !default; +$colorPickerHandleColor: $shade000 !default; + +//togglebutton +$toggleButtonBg: $inputBg !default; +$toggleButtonBorder: 2px solid $shade400 !default; +$toggleButtonTextColor: $shade700 !default; +$toggleButtonIconColor: $shade600 !default; +$toggleButtonHoverBg: $shade200 !default; +$toggleButtonHoverBorderColor: $shade400 !default; +$toggleButtonTextHoverColor: $shade700 !default; +$toggleButtonIconHoverColor: $shade600 !default; +$toggleButtonActiveBg: $highlightBg !default; +$toggleButtonActiveBorderColor: $highlightBg !default; +$toggleButtonTextActiveColor: $highlightTextColor !default; +$toggleButtonIconActiveColor: $highlightTextColor !default; +$toggleButtonActiveHoverBg: scale-color($highlightBg, $lightness: -5%) !default; +$toggleButtonActiveHoverBorderColor: scale-color( + $highlightBg, + $lightness: -5% +) !default; +$toggleButtonTextActiveHoverColor: $highlightTextColor !default; +$toggleButtonIconActiveHoverColor: $highlightTextColor !default; + +//inplace +$inplacePadding: $inputPadding !default; +$inplaceHoverBg: $shade200 !default; +$inplaceTextHoverColor: $shade700 !default; + +//rating +$ratingIconFontSize: 1.143rem !default; +$ratingCancelIconColor: #df7e6c !default; +$ratingCancelIconHoverColor: #f88c79 !default; +$ratingStarIconOffColor: $shade700 !default; +$ratingStarIconOnColor: $primaryColor !default; +$ratingStarIconHoverColor: $primaryColor !default; + +//slider +$sliderBg: $shade300 !default; +$sliderBorder: 0 none !default; +$sliderHorizontalHeight: 0.286rem !default; +$sliderVerticalWidth: 0.286rem !default; +$sliderHandleWidth: 1.143rem !default; +$sliderHandleHeight: 1.143rem !default; +$sliderHandleBg: $shade000 !default; +$sliderHandleBorder: 2px solid $primaryColor !default; +$sliderHandleBorderRadius: 50% !default; +$sliderHandleHoverBorderColor: $primaryColor !default; +$sliderHandleHoverBg: $primaryColor !default; +$sliderRangeBg: $primaryColor !default; + +//calendar +$calendarTableMargin: 0.5rem 0 !default; +$calendarPadding: 0.5rem !default; +$calendarBg: $shade000 !default; +$calendarInlineBg: $calendarBg !default; +$calendarTextColor: $shade700 !default; +$calendarBorder: $inputListBorder !default; +$calendarOverlayBorder: $inputOverlayBorder !default; + +$calendarHeaderPadding: 0.5rem !default; +$calendarHeaderBg: $shade000 !default; +$calendarInlineHeaderBg: $calendarBg !default; +$calendarHeaderBorder: 1px solid $shade300 !default; +$calendarHeaderTextColor: $shade700 !default; +$calendarHeaderFontWeight: 600 !default; +$calendarHeaderCellPadding: 0.5rem !default; +$calendarMonthYearHeaderHoverTextColor: $primaryColor !default; + +$calendarCellDatePadding: 0.5rem !default; +$calendarCellDateWidth: 2.5rem !default; +$calendarCellDateHeight: 2.5rem !default; +$calendarCellDateBorderRadius: 50% !default; +$calendarCellDateBorder: 1px solid transparent !default; +$calendarCellDateHoverBg: $shade200 !default; +$calendarCellDateTodayBg: $shade400 !default; +$calendarCellDateTodayBorderColor: transparent !default; +$calendarCellDateTodayTextColor: $shade700 !default; + +$calendarButtonBarPadding: 1rem 0 !default; +$calendarTimePickerPadding: 0.5rem !default; +$calendarTimePickerElementPadding: 0 0.5rem !default; +$calendarTimePickerTimeFontSize: 1.25rem !default; + +$calendarBreakpoint: 769px !default; +$calendarCellDatePaddingSM: 0 !default; + +//input switch +$inputSwitchWidth: 3rem !default; +$inputSwitchHeight: 1.75rem !default; +$inputSwitchBorderRadius: 6px !default; +$inputSwitchHandleWidth: 1.25rem !default; +$inputSwitchHandleHeight: 1.25rem !default; +$inputSwitchHandleBorderRadius: 6px !default; +$inputSwitchSliderPadding: 0.25rem !default; +$inputSwitchSliderOffBg: $shade500 !default; +$inputSwitchHandleOffBg: $shade000 !default; +$inputSwitchSliderOffHoverBg: scale-color($shade500, $lightness: -10%) !default; +$inputSwitchSliderOnBg: $primaryColor !default; +$inputSwitchSliderOnHoverBg: $primaryDarkColor !default; +$inputSwitchHandleOnBg: $shade000 !default; + +//panel +$panelHeaderBorderColor: $shade300 !default; +$panelHeaderBorder: 2px solid $shade300 !default; +$panelHeaderBg: $shade000 !default; +$panelHeaderTextColor: $shade700 !default; +$panelHeaderFontWeight: 600 !default; +$panelHeaderPadding: 1rem !default; +$panelToggleableHeaderPadding: 0.5rem 1rem !default; + +$panelHeaderHoverBg: $shade200 !default; +$panelHeaderHoverBorderColor: $shade300 !default; +$panelHeaderTextHoverColor: $shade700 !default; + +$panelContentBorderColor: $shade300 !default; +$panelContentBorder: 2px solid $shade300 !default; +$panelContentBg: $shade000 !default; +$panelContentEvenRowBg: scale-color($panelContentBg, $lightness: -1%) !default; +$panelContentTextColor: $shade700 !default; +$panelContentPadding: 1rem !default; + +$panelFooterBorder: 2px solid $shade300 !default; +$panelFooterBg: $shade000 !default; +$panelFooterTextColor: $shade700 !default; +$panelFooterPadding: 0.5rem 1rem !default; + +//accordion +$accordionSpacing: 0 !default; +$accordionHeaderBorder: $panelHeaderBorder !default; +$accordionHeaderBg: $panelHeaderBg !default; +$accordionHeaderTextColor: $panelHeaderTextColor !default; +$accordionHeaderFontWeight: $panelHeaderFontWeight !default; +$accordionHeaderPadding: $panelHeaderPadding !default; + +$accordionHeaderHoverBg: $shade200 !default; +$accordionHeaderHoverBorderColor: $shade300 !default; +$accordionHeaderTextHoverColor: $shade700 !default; + +$accordionHeaderActiveBg: $panelHeaderBg !default; +$accordionHeaderActiveBorderColor: $shade300 !default; +$accordionHeaderTextActiveColor: $shade700 !default; + +$accordionHeaderActiveHoverBg: $shade200 !default; +$accordionHeaderActiveHoverBorderColor: $shade300 !default; +$accordionHeaderTextActiveHoverColor: $shade700 !default; + +$accordionContentBorder: $panelContentBorder !default; +$accordionContentBg: $panelContentBg !default; +$accordionContentTextColor: $panelContentTextColor !default; +$accordionContentPadding: $panelContentPadding !default; + +//tabview +$tabviewNavBorder: 1px solid $shade300 !default; +$tabviewNavBorderWidth: 0 0 2px 0 !default; +$tabviewNavBg: $shade000 !default; + +$tabviewHeaderSpacing: 0 !default; +$tabviewHeaderBorder: solid $shade300 !default; +$tabviewHeaderBorderWidth: 0 0 2px 0 !default; +$tabviewHeaderBorderColor: transparent transparent $shade300 transparent !default; +$tabviewHeaderBg: $shade000 !default; +$tabviewHeaderTextColor: $shade600 !default; +$tabviewHeaderFontWeight: $panelHeaderFontWeight !default; +$tabviewHeaderPadding: $panelHeaderPadding !default; +$tabviewHeaderMargin: 0 0 -2px 0 !default; + +$tabviewHeaderHoverBg: $shade000 !default; +$tabviewHeaderHoverBorderColor: $highlightBg !default; +$tabviewHeaderTextHoverColor: $shade600 !default; + +$tabviewHeaderActiveBg: $shade000 !default; +$tabviewHeaderActiveBorderColor: $primaryColor !default; +$tabviewHeaderTextActiveColor: $primaryColor !default; + +$tabviewContentBorder: 0 none !default; +$tabviewContentBg: $panelContentBg !default; +$tabviewContentTextColor: $panelContentTextColor !default; +$tabviewContentPadding: $panelContentPadding !default; + +//upload +$fileUploadProgressBarHeight: 0.25rem !default; +$fileUploadContentPadding: 2rem 1rem !default; +$fileUploadContentHoverBorder: $panelContentBorder dashed $primaryColor !default; + +//scrollpanel +$scrollPanelTrackBorder: 0 none !default; +$scrollPanelTrackBg: $shade100 !default; + +//card +$cardBodyPadding: 1rem !default; +$cardTitleFontSize: 1.5rem !default; +$cardTitleFontWeight: 600 !default; +$cardSubTitleFontWeight: 400 !default; +$cardSubTitleColor: $shade600 !default; +$cardContentPadding: 1rem 0 !default; +$cardFooterPadding: 1rem 0 0 0 !default; +$cardShadow: 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) !default; + +//editor +$editorToolbarBg: $panelHeaderBg !default; +$editorToolbarBorder: $panelHeaderBorder !default; +$editorToolbarPadding: $panelHeaderPadding !default; +$editorToolbarIconColor: $textSecondaryColor !default; +$editorToolbarIconHoverColor: $textColor !default; +$editorIconActiveColor: $primaryColor !default; +$editorContentBorder: $panelContentBorder !default; +$editorContentBg: $panelContentBg !default; + +//paginator +$paginatorBg: $shade000 !default; +$paginatorTextColor: $shade600 !default; +$paginatorBorder: solid $shade300 !default; +$paginatorBorderWidth: 2px !default; +$paginatorPadding: 0.5rem 1rem !default; +$paginatorElementWidth: $buttonIconOnlyWidth !default; +$paginatorElementHeight: $buttonIconOnlyWidth !default; +$paginatorElementBg: transparent !default; +$paginatorElementBorder: 0 none !default; +$paginatorElementIconColor: $shade600 !default; +$paginatorElementHoverBg: $shade200 !default; +$paginatorElementHoverBorderColor: transparent !default; +$paginatorElementIconHoverColor: $shade700 !default; +$paginatorElementBorderRadius: $borderRadius !default; +$paginatorElementMargin: 0.143rem !default; +$paginatorElementPadding: 0 !default; + +//table +$tableHeaderBorder: 2px solid $shade100 !default; +$tableHeaderBorderWidth: 0 0 2px 0 !default; +$tableHeaderBg: $shade000 !default; +$tableHeaderTextColor: $shade700 !default; +$tableHeaderFontWeight: 600 !default; +$tableHeaderPadding: 1rem 1rem !default; + +$tableHeaderCellPadding: 1rem 1rem !default; +$tableHeaderCellBg: $shade000 !default; +$tableHeaderCellTextColor: $shade700 !default; +$tableHeaderCellFontWeight: 600 !default; +$tableHeaderCellBorder: 2px solid $shade100 !default; +$tableHeaderCellBorderWidth: 0 0 2px 0 !default; +$tableHeaderCellHoverBg: $shade200 !default; +$tableHeaderCellTextHoverColor: $shade700 !default; +$tableHeaderCellIconColor: $shade600 !default; +$tableHeaderCellIconHoverColor: $shade600 !default; +$tableHeaderCellHighlightBg: $shade000 !default; +$tableHeaderCellHighlightTextColor: $primaryColor !default; +$tableHeaderCellHighlightHoverBg: $shade200 !default; +$tableHeaderCellHighlightTextHoverColor: $primaryColor !default; +$tableSortableColumnBadgeSize: 1.143rem !default; + +$tableBodyRowBg: $shade000 !default; +$tableBodyRowTextColor: $shade700 !default; +$tableBodyRowEvenBg: scale-color($tableBodyRowBg, $lightness: -1%) !default; +$tableBodyRowHoverBg: $shade200 !default; +$tableBodyRowTextHoverColor: $shade700 !default; +$tableBodyCellBorder: 2px solid $shade100 !default; +$tableBodyCellBorderWidth: 0 0 2px 0 !default; +$tableBodyCellPadding: 1rem 1rem !default; + +$tableFooterCellPadding: 1rem 1rem !default; +$tableFooterCellBg: $shade000 !default; +$tableFooterCellTextColor: $shade700 !default; +$tableFooterCellFontWeight: 600 !default; +$tableFooterCellBorder: 2px solid $shade100 !default; +$tableFooterCellBorderWidth: 0 0 2px 0 !default; +$tableResizerHelperBg: $primaryColor !default; + +$tableFooterBorder: 2px solid $shade100 !default; +$tableFooterBorderWidth: 0 0 2px 0 !default; +$tableFooterBg: $shade000 !default; +$tableFooterTextColor: $shade700 !default; +$tableFooterFontWeight: 600 !default; +$tableFooterPadding: 1rem 1rem !default; + +$tableCellContentAlignment: left !default; +$tableTopPaginatorBorderWidth: 0 0 2px 0 !default; +$tableBottomPaginatorBorderWidth: 0 0 2px 0 !default; + +$tableScaleSM: 0.5 !default; +$tableScaleLG: 1.25 !default; + +//dataview +$dataViewContentPadding: 0 !default; +$dataViewContentBorder: 0 none !default; + +//tree +$treeContainerPadding: 0.286rem !default; +$treeNodePadding: 0.143rem !default; +$treeNodeContentPadding: 0.5rem !default; +$treeNodeChildrenPadding: 0 0 0 1rem !default; +$treeNodeIconColor: $shade600 !default; + +//timeline +$timelineVerticalEventContentPadding: 0 1rem !default; +$timelineHorizontalEventContentPadding: 1rem 0 !default; +$timelineEventMarkerWidth: 1rem !default; +$timelineEventMarkerHeight: 1rem !default; +$timelineEventMarkerBorderRadius: 50% !default; +$timelineEventMarkerBorder: 2px solid $primaryColor !default; +$timelineEventMarkerBackground: $shade000 !default; +$timelineEventConnectorSize: 2px !default; +$timelineEventColor: $shade300 !default; + +//org chart +$organizationChartConnectorColor: $shade300 !default; + +//message +$messageMargin: 1rem 0 !default; +$messagePadding: 1rem 1.5rem !default; +$messageBorderWidth: 0 0 0 6px !default; +$messageIconFontSize: 1.5rem !default; +$messageTextFontSize: 1rem !default; +$messageTextFontWeight: 400 !default; + +//inline message +$inlineMessagePadding: $inputPadding !default; +$inlineMessageMargin: 0 !default; +$inlineMessageIconFontSize: 1rem !default; +$inlineMessageTextFontSize: 1rem !default; +$inlineMessageBorderWidth: 2px !default; + +//toast +$toastIconFontSize: 2rem !default; +$toastMessageTextMargin: 0 0 0 1rem !default; +$toastMargin: 0 0 1rem 0 !default; +$toastPadding: 1rem !default; +$toastBorderWidth: 0 0 0 6px !default; +$toastShadow: 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) !default; +$toastOpacity: 0.9 !default; +$toastTitleFontWeight: 600 !default; +$toastDetailMargin: $inlineSpacing 0 0 0 !default; + +//severities +$infoMessageBg: #e1f2f7 !default; +$infoMessageBorder: 4px solid #83c7e0 !default; +$infoMessageTextColor: $shade800 !default; +$infoMessageIconColor: $shade800 !default; +$successMessageBg: #f2f8e1 !default; +$successMessageBorder: 4px solid #c7e084 !default; +$successMessageTextColor: $shade800 !default; +$successMessageIconColor: $shade800 !default; +$warningMessageBg: #ffecdb !default; +$warningMessageBorder: 4px solid #ffb065 !default; +$warningMessageTextColor: $shade800 !default; +$warningMessageIconColor: $shade800 !default; +$errorMessageBg: #f7e1e6 !default; +$errorMessageBorder: 4px solid #de8499 !default; +$errorMessageTextColor: $shade800 !default; +$errorMessageIconColor: $shade800 !default; + +//overlays +$overlayContentBorder: 0 none !default; +$overlayContentBg: $panelContentBg !default; +$overlayContainerShadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), + 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12) !default; + +//dialog +$dialogHeaderBg: $shade000 !default; +$dialogHeaderBorder: 0 none !default; +$dialogHeaderTextColor: $shade700 !default; +$dialogHeaderFontWeight: 600 !default; +$dialogHeaderFontSize: 1.25rem !default; +$dialogHeaderPadding: 1.5rem !default; +$dialogContentPadding: 0 1.5rem 2rem 1.5rem !default; +$dialogFooterBorder: 0 none !default; +$dialogFooterPadding: 0 1.5rem 1.5rem 1.5rem !default; + +//confirmpopup +$confirmPopupContentPadding: $panelContentPadding !default; +$confirmPopupFooterPadding: 0 1rem 1rem 1rem !default; + +//tooltip +$tooltipBg: $shade800 !default; +$tooltipTextColor: $shade000 !default; +$tooltipPadding: $inputPadding !default; + +//steps +$stepsItemBg: $shade000 !default; +$stepsItemBorder: 2px solid $shade300 !default; +$stepsItemTextColor: $shade600 !default; +$stepsItemNumberWidth: 2rem !default; +$stepsItemNumberHeight: 2rem !default; +$stepsItemNumberFontSize: 1.143rem !default; +$stepsItemNumberColor: $shade700 !default; +$stepsItemNumberBorderRadius: 50% !default; +$stepsItemActiveFontWeight: 600 !default; + +//progressbar +$progressBarHeight: 1.5rem !default; +$progressBarBorder: 0 none !default; +$progressBarBg: $shade300 !default; +$progressBarValueBg: $primaryColor !default; +$progressBarValueTextColor: $primaryTextColor !default; + +//menu (e.g. menu, menubar, tieredmenu) +$menuWidth: 12.5rem !default; +$menuBg: $shade000 !default; +$menuBorder: 2px solid $shade300 !default; +$menuTextColor: $shade700 !default; +$menuitemPadding: 0.75rem 1rem !default; +$menuitemBorderRadius: 6px !default; +$menuitemTextColor: $shade700 !default; +$menuitemIconColor: $shade600 !default; +$menuitemTextHoverColor: $shade700 !default; +$menuitemIconHoverColor: $shade600 !default; +$menuitemHoverBg: $shade200 !default; +$menuitemTextFocusColor: $shade700 !default; +$menuitemIconFocusColor: $shade700 !default; +$menuitemFocusBg: #e6e9f3 !default; +$menuitemTextActiveColor: $shade700 !default; +$menuitemIconActiveColor: $shade600 !default; +$menuitemActiveBg: $shade200 !default; +$menuitemActiveFocusBg: $shade200 !default; +$menuitemSubmenuIconFontSize: 0.875rem !default; +$submenuHeaderMargin: 0 !default; +$submenuHeaderPadding: 0.75rem 1rem !default; +$submenuHeaderBg: $shade000 !default; +$submenuHeaderTextColor: $shade700 !default; +$submenuHeaderBorderRadius: 0 !default; +$submenuHeaderFontWeight: 600 !default; +$overlayMenuBg: $menuBg !default; +$overlayMenuBorder: 0 none !default; +$overlayMenuShadow: 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) !default; +$verticalMenuPadding: 0.5rem 0.5rem !default; +$verticalMenuitemMargin: 0 0 4px 0 !default; +$menuSeparatorMargin: 4px 0 !default; + +$breadcrumbPadding: 1rem !default; +$breadcrumbBg: $menuBg !default; +$breadcrumbBorder: $menuBorder !default; +$breadcrumbItemTextColor: $menuitemTextColor !default; +$breadcrumbItemIconColor: $menuitemIconColor !default; +$breadcrumbLastItemTextColor: $menuitemTextColor !default; +$breadcrumbLastItemIconColor: $menuitemIconColor !default; +$breadcrumbSeparatorColor: $menuitemTextColor !default; + +$horizontalMenuPadding: 0.5rem !default; +$horizontalMenuBg: $shade100 !default; +$horizontalMenuBorder: $menuBorder !default; +$horizontalMenuTextColor: $menuTextColor !default; +$horizontalMenuRootMenuitemPadding: $menuitemPadding !default; +$horizontalMenuRootMenuitemBorderRadius: $borderRadius !default; +$horizontalMenuRootMenuitemTextColor: $menuitemTextColor !default; +$horizontalMenuRootMenuitemIconColor: $menuitemIconColor !default; +$horizontalMenuRootMenuitemTextHoverColor: $menuitemTextHoverColor !default; +$horizontalMenuRootMenuitemIconHoverColor: $menuitemIconHoverColor !default; +$horizontalMenuRootMenuitemHoverBg: $menuitemHoverBg !default; +$horizontalMenuRootMenuitemTextActiveColor: $menuitemTextActiveColor !default; +$horizontalMenuRootMenuitemIconActiveColor: $menuitemIconActiveColor !default; +$horizontalMenuRootMenuitemActiveBg: $menuitemActiveBg !default; + +//badge and tag +$badgeBg: $primaryColor !default; +$badgeTextColor: $primaryTextColor !default; +$badgeMinWidth: 1.5rem !default; +$badgeHeight: 1.5rem !default; +$badgeFontWeight: 700 !default; +$badgeFontSize: 0.75rem !default; + +$tagPadding: 0.25rem 0.4rem !default; + +//carousel +$carouselIndicatorsPadding: 1rem !default; +$carouselIndicatorBg: $shade200 !default; +$carouselIndicatorHoverBg: $shade300 !default; +$carouselIndicatorBorderRadius: 0 !default; +$carouselIndicatorWidth: 2rem !default; +$carouselIndicatorHeight: 0.5rem !default; + +//galleria +$galleriaMaskBg: rgba(0, 0, 0, 0.9) !default; +$galleriaCloseIconMargin: 0.5rem !default; +$galleriaCloseIconFontSize: 2rem !default; +$galleriaCloseIconBg: transparent !default; +$galleriaCloseIconColor: $shade100 !default; +$galleriaCloseIconHoverBg: rgba(255, 255, 255, 0.1) !default; +$galleriaCloseIconHoverColor: $shade100 !default; +$galleriaCloseIconWidth: 4rem !default; +$galleriaCloseIconHeight: 4rem !default; +$galleriaCloseIconBorderRadius: 50% !default; + +$galleriaItemNavigatorBg: transparent !default; +$galleriaItemNavigatorColor: $shade100 !default; +$galleriaItemNavigatorMargin: 0 0.5rem !default; +$galleriaItemNavigatorFontSize: 2rem !default; +$galleriaItemNavigatorHoverBg: rgba(255, 255, 255, 0.1) !default; +$galleriaItemNavigatorHoverColor: $shade100 !default; +$galleriaItemNavigatorWidth: 4rem !default; +$galleriaItemNavigatorHeight: 4rem !default; +$galleriaItemNavigatorBorderRadius: $borderRadius !default; + +$galleriaCaptionBg: rgba(0, 0, 0, 0.5) !default; +$galleriaCaptionTextColor: $shade100 !default; +$galleriaCaptionPadding: 1rem !default; + +$galleriaIndicatorsPadding: 1rem !default; +$galleriaIndicatorBg: $shade200 !default; +$galleriaIndicatorHoverBg: $shade300 !default; +$galleriaIndicatorBorderRadius: 50% !default; +$galleriaIndicatorWidth: 1rem !default; +$galleriaIndicatorHeight: 1rem !default; +$galleriaIndicatorsBgOnItem: rgba(0, 0, 0, 0.5) !default; +$galleriaIndicatorBgOnItem: rgba(255, 255, 255, 0.4) !default; +$galleriaIndicatorHoverBgOnItem: rgba(255, 255, 255, 0.6) !default; + +$galleriaThumbnailContainerBg: rgba(0, 0, 0, 0.9) !default; +$galleriaThumbnailContainerPadding: 1rem 0.25rem !default; +$galleriaThumbnailNavigatorBg: transparent !default; +$galleriaThumbnailNavigatorColor: $shade100 !default; +$galleriaThumbnailNavigatorHoverBg: rgba(255, 255, 255, 0.1) !default; +$galleriaThumbnailNavigatorHoverColor: $shade100 !default; +$galleriaThumbnailNavigatorBorderRadius: 50% !default; +$galleriaThumbnailNavigatorWidth: 2rem !default; +$galleriaThumbnailNavigatorHeight: 2rem !default; + +//divider +$dividerHorizontalMargin: 1rem 0 !default; +$dividerHorizontalPadding: 0 1rem !default; +$dividerVerticalMargin: 0 1rem !default; +$dividerVerticalPadding: 1rem 0 !default; +$dividerSize: 1px !default; +$dividerColor: $shade300 !default; + +//avatar +$avatarBg: $shade300 !default; +$avatarTextColor: $textColor !default; + +//chip +$chipBg: $shade300 !default; +$chipTextColor: $textColor !default; +$chipBorderRadius: 16px !default; +$chipFocusBg: $shade400 !default; +$chipFocusTextColor: $textColor !default; + +//scrollTop +$scrollTopBg: rgba(0, 0, 0, 0.7) !default; +$scrollTopHoverBg: rgba(0, 0, 0, 0.8) !default; +$scrollTopWidth: 3rem !default; +$scrollTopHeight: 3rem !default; +$scrollTopBorderRadius: 50% !default; +$scrollTopFontSize: 1.5rem !default; +$scrollTopTextColor: $shade100 !default; + +//skeleton +$skeletonBg: $shade300 !default; +$skeletonAnimationBg: rgba(255, 255, 255, 0.4) !default; + +//splitter +$splitterGutterBg: $shade100 !default; +$splitterGutterHandleBg: $shade300 !default; + +//speeddial +$speedDialButtonWidth: 4rem !default; +$speedDialButtonHeight: 4rem !default; +$speedDialButtonIconFontSize: 1.3rem !default; +$speedDialActionWidth: 3rem !default; +$speedDialActionHeight: 3rem !default; +$speedDialActionBg: $shade700 !default; +$speedDialActionHoverBg: $shade800 !default; +$speedDialActionTextColor: #fff !default; +$speedDialActionTextHoverColor: #fff !default; + +//dock +$dockActionWidth: 4rem !default; +$dockActionHeight: 4rem !default; +$dockItemPadding: 0.5rem !default; +$dockItemBorderRadius: $borderRadius !default; +$dockCurrentItemMargin: 1.5rem !default; +$dockFirstItemsMargin: 1.3rem !default; +$dockSecondItemsMargin: 0.9rem !default; +$dockBg: rgba(255, 255, 255, 0.1) !default; +$dockBorder: 1px solid rgba(255, 255, 255, 0.2) !default; +$dockPadding: 0.5rem 0.5rem !default; +$dockBorderRadius: 0.5rem !default; + +//image +$imageMaskBg: rgba(0, 0, 0, 0.9) !default; +$imagePreviewToolbarPadding: 1rem !default; +$imagePreviewIndicatorColor: #f8f9fa !default; +$imagePreviewIndicatorBg: rgba(0, 0, 0, 0.5) !default; +$imagePreviewActionIconBg: transparent !default; +$imagePreviewActionIconColor: #f8f9fa !default; +$imagePreviewActionIconHoverBg: rgba(255, 255, 255, 0.1) !default; +$imagePreviewActionIconHoverColor: #f8f9fa !default; +$imagePreviewActionIconWidth: 3rem !default; +$imagePreviewActionIconHeight: 3rem !default; +$imagePreviewActionIconFontSize: 1.5rem !default; +$imagePreviewActionIconBorderRadius: 50% !default; + +:root { + font-family: Poppins, sans-serif; + --font-family: Poppins, sans-serif; + --surface-a: #{$shade000}; + --surface-b: #{$shade100}; + --surface-c: #{$shade200}; + --surface-d: #{$shade300}; + --surface-e: #{$shade000}; + --surface-f: #{$shade000}; + --text-color: #{$shade700}; + --text-color-secondary: #{$shade600}; + --primary-color: #{$primaryColor}; + --primary-color-text: #{$primaryTextColor}; + --font-family: #{$fontFamily}; + --surface-0: #ffffff; + --surface-50: #f1f3f5; + --surface-100: #e2e6eb; + --surface-200: #c6cdd7; + --surface-300: #a9b4c2; + --surface-400: #8d9bae; + --surface-500: #70829a; + --surface-600: #5a687b; + --surface-700: #434e5c; + --surface-800: #2d343e; + --surface-900: #161a1f; + --gray-50: #f1f3f5; + --gray-100: #e2e6eb; + --gray-200: #c6cdd7; + --gray-300: #a9b4c2; + --gray-400: #8d9bae; + --gray-500: #70829a; + --gray-600: #5a687b; + --gray-700: #434e5c; + --gray-800: #2d343e; + --gray-900: #161a1f; + --content-padding: #{$panelContentPadding}; + --inline-spacing: #{$inlineSpacing}; + --border-radius: #{$borderRadius}; + --surface-ground: #f5f5f5; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #ebebeb; + --surface-hover: #edf0fa; + --maskbg: #{$maskBg}; + --highlight-bg: #{$highlightBg}; + --highlight-text-color: #{$highlightTextColor}; + --focus-ring: #{$focusShadow}; + color-scheme: light; +} diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/viva/viva-light/fonts/poppins-v15-latin-ext_latin-300.woff b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/viva/viva-light/fonts/poppins-v15-latin-ext_latin-300.woff new file mode 100644 index 000000000..263ae18e7 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/viva/viva-light/fonts/poppins-v15-latin-ext_latin-300.woff differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/viva/viva-light/fonts/poppins-v15-latin-ext_latin-300.woff2 b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/viva/viva-light/fonts/poppins-v15-latin-ext_latin-300.woff2 new file mode 100644 index 000000000..5145c1e4b Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/viva/viva-light/fonts/poppins-v15-latin-ext_latin-300.woff2 differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/viva/viva-light/fonts/poppins-v15-latin-ext_latin-600.woff b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/viva/viva-light/fonts/poppins-v15-latin-ext_latin-600.woff new file mode 100644 index 000000000..b33382edf Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/viva/viva-light/fonts/poppins-v15-latin-ext_latin-600.woff differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/viva/viva-light/fonts/poppins-v15-latin-ext_latin-600.woff2 b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/viva/viva-light/fonts/poppins-v15-latin-ext_latin-600.woff2 new file mode 100644 index 000000000..1f4ac79c5 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/viva/viva-light/fonts/poppins-v15-latin-ext_latin-600.woff2 differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/viva/viva-light/fonts/poppins-v15-latin-ext_latin-700.woff b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/viva/viva-light/fonts/poppins-v15-latin-ext_latin-700.woff new file mode 100644 index 000000000..2647313cd Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/viva/viva-light/fonts/poppins-v15-latin-ext_latin-700.woff differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/viva/viva-light/fonts/poppins-v15-latin-ext_latin-700.woff2 b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/viva/viva-light/fonts/poppins-v15-latin-ext_latin-700.woff2 new file mode 100644 index 000000000..4340e2632 Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/viva/viva-light/fonts/poppins-v15-latin-ext_latin-700.woff2 differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/viva/viva-light/fonts/poppins-v15-latin-ext_latin-regular.woff b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/viva/viva-light/fonts/poppins-v15-latin-ext_latin-regular.woff new file mode 100644 index 000000000..77049f3ce Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/viva/viva-light/fonts/poppins-v15-latin-ext_latin-regular.woff differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/viva/viva-light/fonts/poppins-v15-latin-ext_latin-regular.woff2 b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/viva/viva-light/fonts/poppins-v15-latin-ext_latin-regular.woff2 new file mode 100644 index 000000000..5643f910f Binary files /dev/null and b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/viva/viva-light/fonts/poppins-v15-latin-ext_latin-regular.woff2 differ diff --git a/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/viva/viva-light/theme.scss b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/viva/viva-light/theme.scss new file mode 100644 index 000000000..4edae70ea --- /dev/null +++ b/frontend/peakvisor/src/theme/primeng-sass-theme-main/themes/viva/viva-light/theme.scss @@ -0,0 +1,4 @@ +@import './_variables'; +@import './_fonts'; +@import '../../../theme-base/_components'; +@import './_extensions'; diff --git a/frontend/peakvisor/tailwind.config.js b/frontend/peakvisor/tailwind.config.js new file mode 100644 index 000000000..ee926209e --- /dev/null +++ b/frontend/peakvisor/tailwind.config.js @@ -0,0 +1,21 @@ +/** @type {import('tailwindcss').Config} */ +module.exports = { + content: [ + "./src/**/*.{html,ts}", + ], + theme: { + extend: { + colors: { + 'green-main': '#2CC978', + 'green-secondary': '#0A715A', + 'yellow-secondary': '#FDFDD8', + 'red-secondary': '#5F0C0C', + 'green-information': '#7EFDBC', + 'red-information': '#FA7A71', + 'grey-information': '#DDDDDD', + }, + }, + }, + plugins: [], +} + diff --git a/frontend/peakvisor/vercel.json b/frontend/peakvisor/vercel.json new file mode 100644 index 000000000..4179678ed --- /dev/null +++ b/frontend/peakvisor/vercel.json @@ -0,0 +1,5 @@ +{ + "rewrites": [ + {"source": "/(.*)", "destination": "/"} + ] +} \ No newline at end of file